comment élaborer une charte graphique ?
INFOGRAPHIE MATRICIELLE
Élaborer une charte graphique
Comment élaborer une charte graphique ?
Document de formation
(Largement inspiré de l’excellent tutoriel de Yannick Piault (sp0z) sur le Site du Zéro)
Une charte graphique ? Késako ?
L’élaboration de la charte graphique (ou design) est une étape très importante dans la conception d’un site Web. Il s’agit de concevoir la maquette qui va définir l’aspect global du site. En gros, on détermine le style, les éléments graphiques et leur positionnement (images, bannières, logo, etc.), les couleurs, les formes et les polices de caractère du site Web.
À la fin de cette étape, réalisée grâce à un logiciel comme Photoshop, on obtient une image au format JPG qui sera donc la charte graphique du site et qui représentera le visuel final.
À quoi ça sert ?
Une charte graphique, ça sert en gros à ce que le client sache qui vous êtes en un seul coup d’œil.
Une charte graphique sert donc à créer une identité visuelle pour une entreprise, une marque, un produit ou encore un site Web.
Cette identité visuelle est en réalité une identité graphique, car elle est générée par des couleurs, des polices de caractère spécifiques, un logo ou encore un agencement de tout ce qui précède.
Voici quelques exemples de logos qui créent une identité visuelle pour une entreprise ou un produit
(personnage célèbre, film, marque de commerce, etc.).
Réalisé par Katy Harrouart - Document disponible sur Didacti-CIEL (www.cspn.qc.ca/ccr_formation)
Page 1
Identité graphique créée par une police de
Identité graphique créée par un logo
caractère spécifique
Identité graphique créée par des couleurs.
La police utilisée pour ces logos ressemble à une police classique (arial narrow pour Youtube et Arial
Black pour IKEA par exemple), mais c’est l’association des couleurs qui fait penser à la marque.
D’ailleurs, vous pouvez faire un test simple : remplacez le nom de la marque par