Charte graphique 2013

15
Charte graphique du centre de documentation de l’École militaire Version juillet 2013

description

 

Transcript of Charte graphique 2013

Page 1: Charte graphique 2013

Charte graphique du centre dedocumentation de l’École militaire

Version juillet 2013

Page 2: Charte graphique 2013

Charte graphique CDEM#2/2013 – FG&AM 2

3Charte graphique

Définition /// Comment utiliser la charte ?

4L’identité visuelle du CDEM

Le logotype /// Les déclinaisons du logotype /// Les règles d’utilisation /// La zone de protection /// La taille minimale /// Les interdits

9La gamme de couleur

Couleurs officielles CDEM /// Le service de Gestion du fonds documentaire /// Le service Analyse et production documentaires

12L’univers formel

Les cadres /// Le Slash /// Les listes à puces /// La ligne /// La typographie

Page 3: Charte graphique 2013

Charte graphique CDEM#2/2013 – FG&AM 3

CHARTE GRAPHIQUE

DÉFINITION

La charte est un document de travail qui contient l’ensemble des règles fondamentales d’utilisation des signes graphiques (couleurs,

typographies, motifs) constituant l’identité graphique d’une organisation.

Son intérêt est double : l’identité graphique reste intacte quelles que soient les réalisations ; elle permet une identification claire de la

structure.

L’objectif de cette charte graphique est d’édicter un ensemble de règles cohérentes pour harmoniser et renforcer la lisibilité de toutes les

actions de communication en interne ou en externe. Des règles d’applications claires et simples ont été définies afin que cette charte soit la

moins contraignante possible. La charte graphique offre un cadre de référence au sein duquel chaque document doit trouver sa place.

Le cadre que nous définissons aujourd’hui n’est pas figé et évoluera avec les années. Cependant, il est important de s’y référer pour qu’un

sentiment de qualité et de continuité visuelle émane des documents, vecteurs de l’image du CDEM.

COMMENT UTILISER LA CHARTE ?

La charte graphique est le document auquel se référer pour toute création de support de communication.

Elle contient l’ensemble des règles d’utilisation du logotype, des couleurs, des typographies, le positionnement des éléments sur la page…

Page 4: Charte graphique 2013

Charte graphique CDEM#2/2013 – FG&AM

L’IDENTITÉ VISUELLE DU CDEM

LE LOGOTYPE

Le logotype, par définition, est considéré comme

Aucun élément constitutif du logo ne peut être mo

L’usage du logotype en défonce blanche est possible

l’imposent. On peut également insérer le logotype sur des fonds photographiques en privilégiant la

LES DÉCLINAISONS DU LOGOTYPE

DU CDEM

comme une image.

ne peut être modifié.

possible quand les conditions d’impression le permettent ou quand

insérer le logotype sur des fonds photographiques en privilégiant la lisibilité.

4

quand des choix artistiques

Page 5: Charte graphique 2013

Charte graphique CDEM#2/2013 – FG&AM

L’alignement du texte se fait sur le bas de l’image, sauf si l’on ajoute de l’information.

titre qui s’aligne sur le haut du logo et les informations d’adresse qui s’alignent sur le bas.

e bas de l’image, sauf si l’on ajoute de l’information. Dans ce cas, on réparti

titre qui s’aligne sur le haut du logo et les informations d’adresse qui s’alignent sur le bas.

5

ans ce cas, on répartit de manière équilibrée le

Page 6: Charte graphique 2013

Charte graphique CDEM#2/2013 – FG&AM

LES RÈGLES D’UTILISATION

Pour conserver une bonne lisibilité du logotype, certaines règles doivent

LA ZONE DE PROTECTION

Elle définit un espace minimum autour du logo dans lequel aucun élément graphique ne doit apparaître.

Cette zone est déterminée en fonction de la lettre E du logotype du CDEM

LA TAILLE MINIMALE

On définit une taille minimale qui permet d’assurer la lisibilité du logotype.

Il est n’est pas possible d’utiliser le logotype dans une largeur

Pour conserver une bonne lisibilité du logotype, certaines règles doivent être impérativement respectées.

Elle définit un espace minimum autour du logo dans lequel aucun élément graphique ne doit apparaître.

Cette zone est déterminée en fonction de la lettre E du logotype du CDEM

t d’assurer la lisibilité du logotype.

d’utiliser le logotype dans une largeur inférieure à 40 mm.

6

Page 7: Charte graphique 2013

Charte graphique CDEM#2/2013 – FG&AM

LES INTERDITS

Il est impératif de préserver la lisibilité du logotype sur les fonds colorés ou photographiques.

La zone de protection autour du logotype doit impérativement être respectée.

Toute déformation est interdite.

Le nom se compose dans une typographie non modifiable

du logotype sur les fonds colorés ou photographiques.

autour du logotype doit impérativement être respectée.

typographie non modifiable.

7

Page 8: Charte graphique 2013

Charte graphique CDEM#2/2013 – FG&AM

LA GAMME DE COULEUR

COULEURS OFFICIELLES CDEM

LA GAMME DE COULEUR

RVB

226 0 26

154 154 157

8

CMJN

0 100 100 0

0 1 0 51

Page 9: Charte graphique 2013

Charte graphique CDEM#2/2013 – FG&AM

LE SERVICE DE GESTION DU FONDS DOCUMENTAIREU FONDS DOCUMENTAIRE

RVB

233 188 0

183 204 212

0 83 128

165 34 131 (Word)

146 48 135

235 196 161

9

CMJN

0 20 100 11

19 0 2 20

100 25 0 54

(Word) 0 79 21 35 (Word)

50 91 3 5

8 27 38 0

Page 10: Charte graphique 2013

Charte graphique CDEM#2/2013 – FG&AM

LE SERVICE ANALYSE ET PRODUCTION DOCUMENTAPRODUCTION DOCUMENTAIRES

RVB

28 160 180

150 171 0

140 138 96

240 14

78 20 84

10

RVB CMJN

28 160 180 71 0 15 18

171 0 40 0 100 20

140 138 96 50 38 65 8

45 0 0 55 100 6

78 20 84 50 90 0 50

Page 11: Charte graphique 2013

Charte graphique CDEM#2/2013 – FG&AM

L’UNIVERS FORMEL

LES CADRES

L’univers formel du CDEM repose sur une déconstruction de son logo qui

les supports de communication. Ils mettent en valeur un titre, une illustration

L’univers formel du CDEM repose sur une déconstruction de son logo qui permet l’emploi de cadres de diverses formes exploitables

les supports de communication. Ils mettent en valeur un titre, une illustration…

11

l’emploi de cadres de diverses formes exploitables sur tous

Page 12: Charte graphique 2013

Charte graphique CDEM#2/2013 – FG&AM 12

Page 13: Charte graphique 2013

Charte graphique CDEM#2/2013 – FG&AM 13

LE SLASH

Il permet de séparer des éléments /// d’apporter une démarcation. Il peut être utilisé dans le corps du texte ou sous une forme plusgraphique.

LES ÉNUMÉRATIONS

Pour ne pas multiplier les puces lors des énumérations, nous proposons l’utilisation de deux caractères :

le y de la police Wingdings 3,

le tiret long.

Aucune autre puce ne sera utilisée pour éviter la multiplication de signes graphiques qui perturberaient la cohérence et la lecture des

documents.

LA LIGNE

Elle complète les formes et s’emploie de diverses manières.

Les lignes peuvent servir à séparer et à mettre en évidence des pavés de texte sous un titre, par exemple.

Elle peut être employée horizontalement ou bien verticalement, comme dans le logo ou la démarcation des pages.

Page 14: Charte graphique 2013

Charte graphique CDEM#2/2013 – FG&AM

LA TYPOGRAPHIE

Pour tous les documents de communication du CDEM, il convient de conserver une cohérence dans l’usage des typographies.

Pour cette raison, deux typographies ont été retenues

documents de communication du CDEM, il convient de conserver une cohérence dans l’usage des typographies.

Pour cette raison, deux typographies ont été retenues :

14

documents de communication du CDEM, il convient de conserver une cohérence dans l’usage des typographies.

Page 15: Charte graphique 2013

Charte graphique CDEM#2/2013 – FG&AM 15

Trebuchet

Cette typographie sans empattement est en harmonie avec le logotype. Elle est déclinée en quatre styles et permet de créer des documents

de communication clairs : signalétique, guides, affiches…

Times New Roman

Cette typographiques avec empattements à le double bénéfice d’être la typographie officielle des courriers du ministère de la Défense et

d’être une typographie classique de labeur. Elle est utile pour la lecture des textes longs (synthèses, produits documentaires…). Elle est

déclinée dans 4 styles différents.