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 tu étais enfant et que tu as reçu la voiture de tes rêves en lego technique pour Noël.

Il est clair que sans la notice de montage, tu aurais été bien incapable de monter ton 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ésente la marque. Pour ce faire, nul besoin d’écrire une histoire en 7 tomes comme Harry Potter.

Reste simple et décris brièvement l’histoire de la marque.

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

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

Regarde 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, transforme-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 te 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.

Illustre 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. Tu ne vas 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 tu dois 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 ton choix a été fait, tu dois t’assurer d’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.

Tu peux par exemple imposer un espacement spécial entre les titres et les paragraphes.

Dans la charte graphique, je te 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).

Tu te retrouves alors avec par exemple un rose vif qui te plaît énormément, mais qui est impossible à imprimer. Mon conseil est de choisir tes couleurs dans le mode CMJN et tu éviteras ainsi les mauvaises surprises.

Maintenant que toutes les couleurs sont définies, tu dois 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 tu désires que l’image de marque de ton client reste cohérente, c’est une tâche à laquelle il faut t’atteler.

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

N’hésites pas à me contacter si tu as des questions.

À très vite, Yannik

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

Recevez les dernières astuces de Pixel idea (ainsi que d’autres ressources).
C’est gratuit
logo Pixel idea ampoule

Rejoins la
communauté
Pixel idea

Reçois les dernières astuces de Pixel idea (ainsi que d’autres ressources).

C’est gratuit
×
×

Panier

Envie d'aller plus loin
avec Pixel idea?

Rejoins la communauté et continue de te former simplement dans la bonne humeur.

Comment améliorer tes créations et booster ta productivité?

DOCUMENT PDF GRATUIT

Télécharge le document complet contenant 50 ressources indispensables si tu veux booster ta créativité.