7 - Charte Graphique
7 - Charte Graphique
7 - Charte Graphique
Module IHM
7- Ergonomie des interfaces WWW Complment : Charte graphique
M. AAMMOU Souhaib
Introduction
La ralisation dune charte graphique sert dfinir une unit de rgles respecter lors de lutilisation de lidentit visuelle dune socit. La charte graphique est destine toute personne susceptible dutiliser l'identit visuelle concerne, elle est avant tout donne lentreprise ayant command le logotype. Cest en quelque sorte son mode demploi. Elle sert conserver une homognit graphique pour lensemble des crations ralises partir de ce document. Pour expliquer les tapes de la ralisation dune charte graphique.
La charte se doit dtre trs graphique, elle reprend les caractristiques du logo (les couleurs, la typographie ) dans une mise en page are. Il faut oublier les mises en page sous Word, ici InDesign o Quark XPress sont de rigueur, il faut aller plus loin quun simple dossier, la mise en page doit correspondre au ton du logo. Elle se destine souvent deux supports : le web et le print. La diffrence se trouve dans loptimisation du fichier pour lenvoi par internet. En plus de loptimisation, des liens peuvent tre intgrs pour rendre le fichier interactif.
LOGOTYPE
La premire page de la charte graphique contient le logo dfinitif de la socit. Il est introduit par un texte explicatif comprenant linterprtation des signes graphiques utiliss.
TYPOGRAPHIE
Le choix de la police doit tre judicieuse, en effet il faut savoir justifier son choix. Parfois celle-ci est cre spcifiquement afin de rendre le logo unique pour se dmarquer. La manire de prsenter la ou les typos utilises se manifeste par lnumration de son alphabet.
COULEURS
Il est important de noter dans la charte graphique les diffrents codes couleurs utilises pour le logo en CMJN, RVB et hexadcimale. La couleur pantone peut tre galement indiqu. De plus, si dautres couleurs sont utilises dans les dclinaisons, hors le noir et le blanc, elles doivent tre mentionnes galement.
COULEURS
d'abandonner le systme classique de la quadrichromie utilisant quatre couleurs primaires (cyan, magenta, jaune et noir) qui est incapable de reproduire par mlanges toutes les couleurs. Le systme de couleurs Pantone utilise 11 couleurs de base pour produire plus de 1000 couleurs diffrentes qui sont utilises par les imprimeurs et les graphistes. Les couleurs de base sont le jaune, rouge chaud, rouge rubine, rouge rhodamine, pourpre, violet, bleu reflex, bleu process, vert, noir, et le blanc transparent. Contrairement d'autres mesures de colorimtrie qui utilisent trois couleurs (RVB) ou quatre couleurs (CMJN), les nuances Pantone sont des mlanges de couleurs normes
ZONES DEXCLUSIONS
Il sagit des zones de scurit autour dun logo lorsquon souhaite disposer dautres lments ct du logo. Les mesures quil faut respecter sont indiques par des schmas impliquant souvent la moiti de la taille du logo, ou la hauteur d'une lettre
DECLINAISONS
Le logo est prsent sur plusieurs supports, cest pourquoi il est indispensable de le dcliner en plusieurs variantes. Cest sur cette page quil sera prsent en noir et blanc pour les photocopies ou le fax. Lorsque le logo est intgr pour un site internet, il se peut que le nom des rubriques reprennent parfois la charte. Il faut mentionner toutes les dclinaisons du logo de chaque utilisation ncessaire dont le client aura besoin (impression sur tee-shirt, signaltique). Ici, le logo se diffrencie par les diffrentes options que la formation propose.
RECOMANDATIONS
Cette page permet de donner des conseils dutilisation du logo. En effet, parfois il est ncessaire dindiquer son mode demploi sur un fond de couleur ou sur des photographies. Dans certains cas, deux versions du logos doivent tre cres, comme cest le cas pour le logo crealyse (version en ngatif). De plus, dans cette partie, il est indispensable de noter la taille minium et maximum que le logo peut atteindre. Le minimum est indiqu lorsque le logo est utilis en tant que partenaire dans une campagne publicitaire par exemple. Cest le minimum de visibilit du logo. La taille maxi sert principalement la cration de panneau denseigne ou signaltique sur vhicule. La taille va dpendre bien sur du type de logo et du dveloppement des diffrents supports.
LES INTERDITS
Cette rubrique recense toutes les impossibilits de dclinaisons du logo. Il faut les lister exhaustivement et expliquer visuellement ce qui ne doit pas tre fait. Cette page prsente principalement les incompatibilits de couleurs et de formes.
A la fin dune charte graphique est prsente les dclinaisons du logo sur diffrents supports tels que :
la papeterie (carte de visite, enveloppe,
entte de lettre, plaquettes, factures ) catalogues, site internet, prsentation PowerPoint etc.
Pour chaque logo les supports ne seront pas forcment les mmes et auront besoin dtre adapt. Prenons lexemple du logo de la formation o lon peut voir quune fiche dinscription a t ralise, cela ne sera pas possible dans le cas dune entreprise, elle sera remplace par des papiers administratifs ou des formulaires de renseignement. Dans ce cas, cest len-tte de lettre qui tablit la mise en page de chaque papier. Faire de nombreuses dclinaisons est souvent inutile et couteuses pour le client.
Exemples