La roue chromatique et son cortège de couleurs primaires et secondaires est un outil très prisé par les graphistes et les web designers. Elle permet — à partir d’une couleur donnée — de créer des palettes de couleurs harmonieuses : couleurs analogues, complémentaires, complémentaires isocèles, triadiques ou tétradiques. Toutefois, la beauté de cette roue chromatique ne doit pas nous empêcher de nous poser des questions existentielles sur la théorie des couleurs et le fonctionnement de leur perception par notre cerveau. Lire la suite
Archives pour la catégorie Graphisme
Conception de wireframes
Un wireframe est une maquette grandeur nature en vue «fil de fer» qui permet d’avoir une idée sur la manière dont les fonctionnalités prévues par le cahier des charges, c’est-à-dire le périmètre des fonctionnalités, vont se concrétiser. Cette maquette fonctionnelle procède généralement du zoning. Toutefois, j’ai tendance à considérer ce dernier comme faisant partie intégrante du wireframe. Selon les projets, il peut s’agir d’un croquis réalisé à main levé pendant le rendez-vous avec le client ou d’une version plus élaborée, après réflexion. Lire la suite
Utilisez une grille de mise en page, il en restera toujours quelque chose
Contrairement à l’imprimé où le langage de description de page Postscript d’Adobe est un standard, il n’existe pas sur le web de dispositif « officiel » pour créer des colonnes à l’épreuve des différences de rendu entre les agents utilisateurs (les navigateurs). Toutefois, des webdesigners talentueux ont mis en place des systèmes de grilles adaptés au web. Ces frameworks CSS — qui ont popularisé le placement des blocs sur une grille — ont fait (re)découvrir aux concepteurs de sites web que le design graphique est une pratique plusieurs fois millénaire qui a forgé ses propres règles pour que le contenu devienne message grâce au contenant. Lire la suite
Un site Web n’a pas forcément besoin de graphismes
Dans Webdesigner est-il ? j’évoquais mon parcours Print où une grande partie de mon travail consistait à mettre en pages des publications périodiques. Dans Intégrateur web + graphiste = intégraphiste, j’ai émis l’idée saugrenue qu’un intégrateur Web pouvait avoir une sensibilité et des compétences artistiques lui permettant d’aborder la création d’un site Web avec un point de vue différent de celui du graphiste artistico-créatif ou de l’intégrateur technico-bourrin. L’intégraphiste peut être très exigeant sur les aspects purement graphiques d’un site Web, tout en acceptant facilement l’idée qu’un site n’a pas forcément besoin de graphismes (le «s» est important) pour fonctionner. Lire la suite
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. Lire la suite
Recherche de pistes graphiques
Après la mise en place du réseau de sites 4design d’un point de vue technique, j’aborde l’habillage graphique de 4design.tl. C’est l’occasion de réfléchir sur les questions de fond : l’objectif du site et les types de contenus qu’il va accueillir. 4design.tl n’est n’est pas seulement une porte d’entrée pour les sous-domaines css, wp, basics, et bruno. C’est aussi un site à part entière composé d’articles ayant une ligne éditoriale spécifique. L’objectif est de réagir sur l’actualité de la création numérique en mettant l’accent sur les sujets transversaux abordés sur mes autres sites, avec une pensée particulière pour le graphisme, la typographie et la mise en page, sans oublier les logiciels qui permettent de donner vie aux idées créatives, comme Photoshop, Illustrator ou Indesign. Lire la suite