Cours information communication : la charte graphique

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

Transcript of Cours information communication : la charte graphique

Page 1: Cours information communication : la charte graphique

Conception d’outils spécifiques Module 5 : La charte graphique

Adrien QUENETTE

Page 2: Cours information communication : la charte graphique

#définition

Page 3: Cours information communication : la charte graphique

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

Page 4: Cours information communication : la charte graphique

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

Page 5: Cours information communication : la charte graphique

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

Page 6: Cours information communication : la charte graphique

#exemples

Page 7: Cours information communication : la charte graphique
Page 8: Cours information communication : la charte graphique

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

Page 9: Cours information communication : la charte graphique

1. Règles d’utilisation du logo

Page 10: Cours information communication : la charte graphique

#zone de protection

Page 11: Cours information communication : la charte graphique

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

Page 12: Cours information communication : la charte graphique
Page 13: Cours information communication : la charte graphique
Page 14: Cours information communication : la charte graphique
Page 15: Cours information communication : la charte graphique
Page 16: Cours information communication : la charte graphique
Page 17: Cours information communication : la charte graphique
Page 18: Cours information communication : la charte graphique
Page 19: Cours information communication : la charte graphique
Page 20: Cours information communication : la charte graphique
Page 21: Cours information communication : la charte graphique
Page 22: Cours information communication : la charte graphique

#contre-indications

Page 23: Cours information communication : la charte graphique
Page 24: Cours information communication : la charte graphique
Page 25: Cours information communication : la charte graphique
Page 26: Cours information communication : la charte graphique

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

Page 27: Cours information communication : la charte graphique

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

Page 28: Cours information communication : la charte graphique

• 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

Page 29: Cours information communication : la charte graphique
Page 30: Cours information communication : la charte graphique
Page 31: Cours information communication : la charte graphique
Page 32: Cours information communication : la charte graphique
Page 33: Cours information communication : la charte graphique
Page 34: Cours information communication : la charte graphique

Le logo Renault en : QUADRICHROMIE

= 4 couleurs (CMJN) BICHROMIE =

2 couleurs (ici jaune et noir)

MONOCHROME (noir)

Page 35: Cours information communication : la charte graphique
Page 36: Cours information communication : la charte graphique

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

Page 37: Cours information communication : la charte graphique

#définition

Page 38: Cours information communication : la charte graphique

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

Page 39: Cours information communication : la charte graphique

#tailles

Page 40: Cours information communication : la charte graphique
Page 41: Cours information communication : la charte graphique

#styles

Page 42: Cours information communication : la charte graphique
Page 43: Cours information communication : la charte graphique
Page 44: Cours information communication : la charte graphique
Page 45: Cours information communication : la charte graphique

police Gotham + chiffres Oksana

Page 46: Cours information communication : la charte graphique

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

Page 47: Cours information communication : la charte graphique

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

Page 48: Cours information communication : la charte graphique
Page 49: Cours information communication : la charte graphique

La forme découpée suggère un vecteur d'information

Forme blanche > contenus informatifs

Sculpture texture > suggère un vecteur d'image

Page 50: Cours information communication : la charte graphique

#conclusion

Page 51: Cours information communication : la charte graphique
Page 52: Cours information communication : la charte graphique

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

Page 53: Cours information communication : la charte graphique