Module n°5 du cours "Conception d'outils spécifiques", Semestre 2 DUT information-communication - IUT de Montreuil, Université Paris 8 - 2017-2018 (c) Adrien QUENETTE

1. Conception d’outils spécifiques
Module 5 : La charte graphique
Adrien QUENETTE

2. #définition

3. Définition
• La charte graphique est un document qui
contient l'ensemble des règles d'utilisation
des signes graphiques d’une marque.
IUT Information-Communication | Module "Conception d’outils spécifiques" | © Adrien QUENETTE

4. Définition
• La charte graphique garantit la cohérence
graphique des différents outils de
communication d’une entreprise ou d’une
marque.
IUT Information-Communication | Module "Conception d’outils spécifiques" | © Adrien QUENETTE

5. Définition
• La charte graphique liste les normes
relatives aux éléments suivants :
• Le logo
• La typographie
• Les couleurs
• Le territoire de communication
IUT Information-Communication | Module "Conception d’outils spécifiques" | © Adrien QUENETTE

6. #exemples

8. Définition
• La charte graphique liste les normes
relatives aux éléments suivants :
• Le logo
• La typographie
• Les couleurs
• Le territoire de communication
IUT Information-Communication | Module "Conception d’outils spécifiques" | © Adrien QUENETTE

9. 1. Règles d’utilisation du logo

10. #zone de protection

11. Zone de protection du logo
• La zone de protection correspond à la zone
située autour du logo dans laquelle aucun
élément ne peut apparaître.
• La zone de protection est indiquée:
• En millimètres (mm) pour les usages print
• En pixels (px) pour les usages web
IUT Information-Communication | Module "Conception d’outils spécifiques" | © Adrien QUENETTE

22. #contre-indications

26. 3. Règles d’utilisation du code-couleurs

27. Définition du code couleurs
• La charte graphique règle aussi les choix de
couleurs, au travers de jeux de couleurs
adaptés aux exigences des différents
supports de communication.
IUT Information-Communication | Module "Conception d’outils spécifiques" | © Adrien QUENETTE

28. • Les codes couleurs peuvent être indiqués
dans les valeurs suivantes :
• Pantone : utilisé en imprimerie. Le nuancier pantone
comporte 800 tonalités différentes.
• CMJN (cyan magenta jaune noir) : utilisé en
imprimerie. Toutes les couleurs d’imprimerie sont un
mélange des 4 couleurs cyan, magenta, jaune et noir
• RVB (rouge vert bleu) : utilisé par les écrans et les
capteurs des appareils photo
• Hexadécimale : utilisé pour les supports visuels web

34. Le logo Renault en :
QUADRICHROMIE
= 4 couleurs (CMJN)
BICHROMIE =
2 couleurs
(ici jaune et noir)
MONOCHROME (noir)

36. 3. Règles d’utilisation de la police de
caractères

37. #définition

38. Définition de la police de
caractères
• La police de caractères est un ensemble de
représentations visuelles d’une même famille
de chiffres et de lettres, qui forme un
alphabet.
IUT Information-Communication | Module "Conception d’outils spécifiques" | © Adrien QUENETTE

39. #tailles

41. #styles

45. police Gotham + chiffres Oksana

46. 4. Règles d’utilisation du territoire de
communication

47. Définition du territoire de
communication
• Le territoire de communication est
l’ensemble des éléments graphiques
constitutifs de l’univers d’une marque, et qui
accompagnent sa représentation.
IUT Information-Communication | Module "Conception d’outils spécifiques" | © Adrien QUENETTE

49. La forme découpée suggère
un vecteur d'information
Forme blanche >
contenus informatifs
Sculpture texture >
suggère un vecteur
d'image

50. #conclusion

52. Conclusion
• Charte graphique = règles d'utilisation des
signes graphiques d’une marque
• Ces signes graphiques sont :
• Le logo
• La typographie
• Les couleurs
• Le territoire de communication
IUT Information-Communication | Module "Conception d’outils spécifiques" | © Adrien QUENETTE