La charte graphique : première étape de conception
De l'intérêt d'une charte graphique
La charte graphique est l'ensemble des règles fondamentales d'utilisation des signes graphiques. Elle définit l'identité visuelle d'une organisation, d'un projet, d'une entreprise.
L'intérêt premier d'une charte graphique est de conserver une cohérence entre les contenus. La réalisation d'une charte graphique apporte ainsi deux avantages certains :
- L'identité graphique reste intacte à travers les différents supports (site Web, carte de visite, dossier de presse, ...)
- Le récepteur identifie facilement l'émetteur et se repère dans ses différentes réalisations
Transposée au web, la charte graphique permet de rendre votre site internet ergonomique, facile et agréable à consulter.
Les règles d'une charte graphique
Comme pour une charte graphique papier, il ne s'agit pas d'appliquer les codes dans leur intégralité mais de définir quelques règles à respecter. Elle s'applique notamment à définir :
- le logotype,
- les polices de caractères,
- les jeux de couleurs,
- l'utilisation des éléments graphiques,
- les principes guidant le choix des images et des illustrations.
La matrice graphique sur internet
En complément des éléments ci-dessus, l'identité graphique sur internet doit prendre en considération :
- la sémantique des couleurs,
- le vécu collectif, les références historiques,
- l'imaginaire populaire.
Il y a donc plusieurs éléments à définir pour créer une matrice graphique :
- Le gabarit, également appelé template ou layout (conseil : 960px de largeur).
- La combinaison des couleurs : l'important est de vous assurer que votre choix colorimétrique est lisible. Les couleurs doivent être au service de la lisibilité et de la convivialité. Un convertisseur de couleurs
peut aussi s'avérer utile pour générer les codes hexadécimaux de couleurs (adaptés aux pages Web).
- Le bandeau, ou header, avec le logo et le nom de la structure, l'objet du site.
- Les menus rapides : entre 3 et 5. Pour les rendre davantage visibles, ils peuvent être placés dans le bandeau, si le fond le permet, ou en haut à droite de votre page.
- Les menus : les menus communs se placent généralement en haut. Il faut veiller à la clarté des mots et à l'espacement entre les rubriques. Il est conseillé de ne proposer qu'un sous-menu pour chaque rubrique.
- La page contenu : il est important de faire des pages concises, d'où l'importance de définir comment se présentent le contenu, les polices, les titres, les images et les liens.
- Le pied de page, ou footer avec les mentions légales, les technologies utilisées.
En plus de cela, la charte graphique Web s'attache à définir la position des différents éléments et à valider les fondations de votre site : accessibilité, lisibilité et ergonomie.