fbpx
logo Pixel idea ampoule

4 éléments indispensables à faire figurer sur une charte graphique !

4 éléments indispensables à faire figurer sur une charte graphique !

Dans cet article, nous allons voir les 4 éléments indispensables que doit contenir toute charte graphique.

Mais avant cela, voyons ce qu’est exactement une charte graphique et à quoi sert-elle ?

Définition

On peut comparer la charte graphique à un mode d’emploi.

Comme quand vous étiez enfant et que vous avez reçu la voiture de vos rêves en lego technique pour Noël.

Il est clair que sans la notice de montage, vous auriez été bien incapable de monter votre bolide.

La charte graphique est pareil, c’est un document expliquant comment et dans quelles conditions utiliser tous les éléments visuels essentiels à une marque, tels que le logo, les polices d’écriture, les icônes, les couleurs utilisées, etc…

Cela a l’immense avantage de fixer les règles d’utilisation des différents éléments afin que l’identité globale reste cohérente dans tous les cas.

Il n’existe pas de règles précises concernant la conception d’une charte graphique. Cela peut être un guide de 5 pages comme un document d’une centaine de pages.

Alors que doit absolument contenir une charte graphique ? Voyons tout de suite le premier point :

Sommaire

1. La présentation et l’histoire de la marque

Dès la première page, présentez la marque. Pour ce faire, nul besoin d’écrire une histoire en 7 tomes comme Harry Potter.

Restez simple et décrivez brièvement l’histoire de la marque.

Renseignez également la mission de l’entreprise. Essayez d’insuffler un style personnel et exclusif.

Cela doit donner au lecteur une idée du positionnement ainsi que les valeurs de l’entreprise.

Regardez ici cet exemple que donne Tik Tok sur sa page “À propos”

Le public sera ainsi mieux à même de comprendre la marque et ses attentes.

2. Le logo et ses déclinaisons

Le logo ou logotype est le point d’entrée de la marque.

C’est la clé de voute de l’identité visuelle, il est donc indispensable qu’il soit en accord avec la vision et les valeurs de l’entreprise ou de l’organisation.

Afin que le logotype puisse être adapté sur tous les supports, il convient d’effectuer des déclinaisons de celui-ci et de les retranscrire dans la charte graphique.

Les déclinaisons

Dans un premier temps, il est souhaitable de décliner le logo en 2 variantes, une variante horizontale et une variante verticale.

Ensuite, transformez-le en noir et blanc. Le but ici est de rendre le logo intemporel et aisément lisible sur n’importe quel format.

De plus, je vous conseille de réaliser 2 versions monochromes, une pour fond foncé et une autre pour fond clair afin de pallier toutes les situations.

L’étape suivante est la déclinaison du logo en couleur. Là, également faites 2 versions, une pour fond foncé et une autre pour fond clair.

La dernière étape est la description des restrictions et des contraintes.

Illustrez par des exemples ce qui est autorisé à l’utilisation et ce qui ne l’est pas.

Ceci afin d’uniformiser la communication.

Le logotype est clairement le point fondamental de la charte, mais il est un élément tout aussi important, la police d’écriture. C’est ce que nous allons voir au point suivant.

3. La police d’écriture et la typographie

La police d’écriture sert, comme les couleurs, à susciter des émotions et transmettre le positionnement aux clients de la marque. Vous n’allez pas choisir la même police d’écriture pour un établissement bancaire que pour un bar de plage, non ?

Le premier doit inspirer le sérieux et la confiance alors que le second va faire penser aux vacances et à la détente.

Le choix de la police doit faire l’objet de toutes les attentions et vous devez l’inscrire dans la charte graphique.

Il est recommandé de choisir 2 voir 3 polices différentes, une pour les titres, une seconde pour les paragraphes et une autre (optionnelle) pour les citations par exemple.

Quand votre choix a été fait, vous devez vous assurer, pour une synergie réussie, que les différentes polices aient un rendu qui s’harmonisent correctement ensemble.

Il est maintenant temps de définir la typographie, c’est-à-dire de définir l’utilisation des polices d’écriture.

Vous pouvez par exemple imposer un espacement spécial entre les titres et les paragraphes.

Dans la charte graphique, je vous recommande de créer un « texte type » à titre d’exemple afin de mettre en situation les différents paramètres.

4. Les couleurs

Le choix des couleurs est un élément à faire figurer en bonne place dans la charte graphique.

Il est essentiel d’indiquer pour chaque couleur ses codes spécifiques, à savoir PMS (Pantone Matching System), CMJN, RVB et HEX.

Une erreur assez fréquente est de choisir des couleurs en RVB, c’est-à-dire pour les écrans et se rendre compte à la fin qu’il n’existe pas de correspondance avec le CMJN (qui est pour l’impression).

Vous vous retrouverez alors avec par exemple un rose vif qui vous plaît énormément, mais qui est impossible à imprimer. Mon conseil est de choisir vos couleurs dans le mode CMJN et vous éviterez ainsi les mauvaises surprises.

Maintenant que toutes les couleurs sont définies, vous devez retranscrire les règles d’utilisation. Particulièrement les couleurs de textes sur un arrière-plan coloré.

Il est question ici de contraste et de visibilité de tes textes. C’est particulièrement important pour l’expérience utilisateur sur le site internet par exemple.

Conclusion

La charte graphique n’est pas obligatoire, mais si vous désirez que l’image de marque de votre client reste cohérente, c’est une tâche à laquelle il faut vous atteler.

Comme je vous l’ai dit précédemment, la charte n’a pas besoin d’être énorme, mais si elle contient ces 4 points, vous avez l’essentiel.

N’hésitez pas à me contacter si vous avez des questions.

4 1 vote
Évaluation de l'article
S’abonner
Notification pour

0 Commentaires
Commentaires en ligne
Afficher tous les commentaires
logo Pixel idea ampoule

Rejoignez la
communauté
Pixel idea

Soyez les premiers a être informés des nouveautés chez Pixel idea, des promos ainsi que de la sortie des derniers articles du blog.
C’est gratuit
logo Pixel idea ampoule

Rejoignez la
communauté
Pixel idea

Soyez les premiers a être informés des nouveautés chez Pixel idea, des promos ainsi que de la sortie des derniers articles du blog.
C’est gratuit
×
×

Panier

Envie d'aller plus loin
avec Pixel idea?

Rejoignez la communauté et soyez informés des nouveautés, des promos ainsi que des nouveaux articles.