Archives des tags : Design

Pas encore de description pour le tag Design. Suggérez à l'administrateur du site de d'y remédier.

Conception de site web

Design tactile : le « taca taca tile » du Smartphone

Les smartphones, les tablettes et les phablettes ont envahit notre quotidien. L’étude des interactions tactiles n’en est qu’à ses débuts, et la manière de tenir ces écrans et d’interagir avec eux détermine en grande partie l’ergonomie des contenus. Les mains et les pouces ont une réalité physique que l’on ne peut ignorer, tout comme le poids et l’encombrement d’une tablette. Il faut donc « faire avec » et trouver le moyen de proposer aux utilisateurs un contenu non seulement consultable proprement (la moindre des choses), mais qui tire de surcroît partie des possibilités tactiles de nos appareils « intelligents ». →

Intégration web

Basehold.it — Afficher une ligne de base

Basehold.it permet d’afficher une ligne de base sur vos éléments html (balise html, body ou le container de votre contenu principal) pour faciliter le calage de votre grille verticale, la petite soeur de la grille horizontale, composée de colonnes. Pour l’utiliser, rien de plus simple : il suffit de faire un lien dans un appel de feuille de style, par exemple <link rel="stylesheet" href="http://basehold.it/24"> affichera une ligne de base d’une valeur de 24 pixels. →

Design & Graphisme

Quelques notes sur les éléments graphiques du webdesign

Une fois n’est pas coutume, je vais aborder la question du web design sous l’angle du graphisme, sans considération de langage de développement ou de technique en général. Je n’aborderai pas les questions liées à l’architecture de l’information, à l’ergonomie ou à l’accessibilité. A la place, après un aperçu sur le travail du Directeur artistique et du graphiste, je vous propose une liste commentées des éléments graphiques que l’on trouve de manière récurrente sur les sites web, avec pour chacun un rapide commentaire. →

Design & Graphisme

Le design est un dessin et un dessein

Le design est une discipline visant à représenter concrètement, une pensée, un concept ou une intention en tenant compte éventuellement d’une ou des contraintes fonctionnelles, structurelles, esthétiques, didactiques, symboliques, techniques et productives. Ces représentations peuvent être tangibles ou virtuelles et s’inscrivent de préférence dans un contexte social, économique, culturel. →

Design & Graphisme

Direction artistique et Design : deux facettes complémentaires du graphisme

La question du fond et de la forme est un sujet récurrent dans le Webdesign. Ces notions sont suffisamment différentes pour que l’on ne les confondent pas, mais elles font oublier que la forme est aussi la somme de deux compétences : la Direction artistique et le Design, que l’on peut traduire par l’intention et l’exécution. Une réalisation peut très bien être le fruit d’une direction artistique exemplaire tout en présentant un design très cheap, ou l’inverse. L’article Art Direction and Design de Daniel Mall paru sur A List Apart explique en détail ce qui ressort de la Direction artistique et ce qui ressort du Design dans la mise en place d’un site Web. →

Design & Graphisme

Le prêt-à-bloguer bride-t-il la créativité ?

Comme toutes les disciplines graphiques, la conception de modèle de site internet (Webdesign) est traversée par les modes et les tendances. Parmi elles, le design minimaliste (style épuré, typographie fine, utilisation parcimonieuse des visuels, grille de mise en page tirée au cordeau) est sans doute le plus répandu. C’est certainement celui qui est amené à perdurer en raison de son faible potentiel de lassitude. Toutefois, il ne faut pas confondre ce style épuré avec le style «sans style». Sorte de design pauvre mis au service d’un contenu pré-mâché où le contenant n’a d’intérêt que s’il permet à Google d’avaler les contenus sans avoir le hoquet. →

Design & Graphisme

Gridulator calcule la grille de votre design web

Gridulator — Cet outil en ligne créé par David Sleight permet de faciliter les calculs de votre grille de mise en page. Il suffit de spécifier la largeur de votre design, le nombre de colonnes que vous voulez et Gridulator vous donnera tous les résultats présentant des valeurs entières (difficile de diviser un pixel, n’est-ce pas ?). L’application est pilotable au clavier, ce qui facilite les tâtonnements pour trouver le meilleur rapport entre la largeur des colonnes et des gouttières. →

Conception de site web

Quelques notes sur le design graphique des sites web et autres futilités

Ces quelques notes sont le fruit d’une réflexion rapide qui fait suite au commentaire de Papier-pixel sur l’article Conception dans le navigateur avec HTML5 & CSS3. Il regrette grosso modo qu’il y a des thèmes récurrents dans mes billets qui tendent à laisser penser que le webdesign et la mise en place d’une vraie charte graphique ne sont pas indispensables. Le fait de coder directement dans le navigateur ou d’oublier photoshop pour finir par m’interroger sur la pertinence du design qui serait « inutile » dans 80% des cas nous entrainerait dans un web uniforme, sans véritable réflexion visuelle en amont. →

Le petit journal du web

Le petit journal du web — Non, Twitter n’a pas tué les Backlinks… La preuve !

A force de refiler des bons tuyaux aux plus de 4 300 abonnés de mon compte Twitter j’en avais presque oublié mon petit journal du web. Cette rubrique qui me permets d’arrêter le temps, l’instant d’un billet, pour jeter un oeil dans le rétro, histoire de me remémorer les sites ou les articles qui ont attiré mon attention. En ce qui me concerne, il ne sera pas dit que Twitter sera un dévoreur de Backlinks ! Pour vous donner le goût des autres, ce billet est composé de sites que j’ai découvert récemment. →

Design & Graphisme

Le Design serait inutile dans 80% des cas

Désolé pour le titre accrocheur, mais que voulez-vous, c’est la tendance ! Et les tendances dans le webdesign, c’est sacré. Du moins c’est ce que l’on a tendance à croire parce que c’est pratique. →