7 - Charte Graphique

Télécharger au format pdf ou txt
Télécharger au format pdf ou txt
Vous êtes sur la page 1sur 29

Universit Abdelmalek Essadi cole Normale Suprieure Ttouan Dpartement dInformatique et de Gestion

Filire : Master IPM

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.

Comment la charte graphique doit tre prsente ?

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.

Comment la charte graphique doit tre prsente ?


Elle est compose dune page de couverture, dun sommaire, de lensemble des pages explicatives et des annexes. Chaque page est charte selon le principe de la dclinaison du logo. Lorsque la charte est simple, une seule page est suffisante pour chaque rubriques

Que contient une charte graphique ?


La charte graphique est classe selon les proprits graphiques quelle utilise pour la conception du logotype. Une description y est associe pour donner du sens et ainsi justifier la conception du logo. Le classement prsent ici est donn titre indicatif, les exemples donns la fin montrent diffrentes organisations possibles pour raliser une charte graphique.

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

Le systme de couleurs Pantone


L'ide de base du systme de couleurs Pantone est

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

Vous aimerez peut-être aussi