CHARTE GRAPHIQUE DIS-MOI DIX MOTS · - les fenêtres avec des fonds noirs sont proscrites - les...

Opération Dis-moi dix mots - édition 2016-2017 - CHARTE GRAPHIQUE © MCC / Émilie Vitali & Laura Knoops 1

CHARTE GRAPHIQUE«DIS-MOI DIX MOTS» Édition 2016-2017

L’identité visuelle de l’opération « Dis-moi dix mots » - édition 2016-2017 a été réalisée par Laura Knoops & Émilie Vitali. En voici la charte graphique à usage des différents opérateurs qui y participent.

Qu’est-ce qu’une charte graphique ?

C’est un mode d’emploi qui cadre l’utilisation des différents

éléments d’une identité visuelle (le logotype, les polices

de caractères, les proportions, l’utilisation des images...)

Cette identité visuelle est pensée comme une boîte à outils

dans laquelle chacun va piocher les éléments qui lui sont

utiles dans son contexte particulier.

Pourquoi est-ce important ?

La charte graphique va garantir la cohérence des différents

documents (imprimés & numériques) réalisés autour de

l’évènement « Dis-moi dix mots ». Chaque utilisateur de

l’identité visuelle participe au maintien de son harmonie

et de sa qualité. Son bon usage participera également à

l’identification immédiate de votre évènement comme faisant

partie de l’opération « Dis-moi dix mots ».

Charte graphique

Découvrez dans les pages suivantes les

différents outils visuels mis à votre

disposition, ainsi que leur mode d’emploi.

Téléchargez les différents éléments visuels

sur www.dismoidixmots.culture.fr/a-telecharger

http://www.dismoidixmots.culture.fr/a-telecharger


1. LES ÉLÉMENTS DE BASEL’identité visuelle de l’opération s’axe autour de trois éléments simples : le pixel, la fenêtre et l’icône

Le pixel

Nous le retrouverons principalement

dans la police de caractères « Visual »,

ainsi que dans d’autres éléments

présentés dans les pages suivantes.

La fenêtre

Interface nécessaire entre internet

et l’internaute, nous l’emploierons

ici comme élément de hiérarchisation,

« rangement », classement.

Les icônes

Chacun des mots de cette édition

est illustré par une icône. Elles

ont fonction de micro-illustrations.

Elles rythmeront et égayeront vos

documents. Point important : elles

seront toujours représentées en petit

format (cf. p. 6).


2 - POLICES DE CARACTÈRES

titres / citations Visual

texte courant Monosten textes italiques Timesphonétique Doulos

TITRES ET CITATIONS Visual

Monsieur Jack, vous dactylographiez bien mieux que votre ami Wolf.

Le « Visual » dessiné par Jan Novák en 2014

est distribué ici (visual.jannovak.net/#buy).

TEXTE COURANT (BLOCS DE TEXTES)Monosten

Le vif zéphyr jubile sur les kumquats du clown gracieux.

Le « Monosten » dessiné par la fonderie Colophon en 2011 est distribué ici (www.colophon-foundry.org).

pour le Visual : Terminal Grotesque

dessiné par Raphaël Bastide et Jérémy Landes-Nones, distribué par la fonderie Velvetyne

disponible gratuitement ici (www.velvetyne.fr/fonts/terminal-grotesque).

pour le Monosten : Roboto Mono Regular distribué par Google disponible gratuitement ici (www.google.com/fonts/specimen/Roboto+Mono).

Ces deux polices sont payantes (Visual = 60€ et Monosten = 60€ la graisse). Dans le cas où vous ne souhaitez pas engager cette dépense, utilisez ces polices de substitutions :

http://velvetyne.fr/fonts/terminal-grotesque/

http://www.colophon-foundry.org/fonts

https://www.google.com/fonts/specimen/Roboto+Mono

http://visual.jannovak.net/#buy


3. LES PIXELS En plus d’être présent dans la police de caractères « Visual », l’élément « pixel » se retrouve aussi dans ces fonds. Ils seront utilisés en pleine page sur vos documents (c’est à dire, sans marge blanche autour).

Ils sont disponibles en plusieurs couleurs et différents formats (.jpg/.eps/.png) dans la boîte à outils à télécharger sur :www.dismoidixmots.culture.fr/a-telecharger



Titre de la fenêtre

4. LES FENÊTRESLes fenêtres peuvent être employées de différentes manières :

• Seules ou empilées• peuvent accueillir : - des logos, des mentions légales - des textes courts à mettre en exergue - un titre dans la « barre d’URL »• présentées avec des contours : - blancs ou noirs sur fond coloré - blancs sur fond blanc - colorés sur fond blanc.

FURETEUR, EUSE n.

1. Personne qui cherche, fouille partout en quête de découvertes.

2. Personne qui, dans un espace d’échanges de l’internet tel qu’un forum ou un blogue, suit les discus-sions ou consulte les articles sans apporter de contribution.

FAVORI, ITE n.

1. Personne qui a les faveurs (de quelqu’un).

2. n. m. Adresse d’une page web enregistrée par l’internaute dans le navigateur.

NOMADE n. et adj.

1. n. Personne qui n’a pas d’habitation fixe.

2. adj. Travailleur nomade, qui utilise les nouvelles technologies pour travailler en toute circonstance. Appareil nomade, dont la taille réduite permet l’échange d’informations sans être relié à une installation fixe.

AVATAR n. m.

1. Chacune des incarnations du dieu Vishnou (dans la religion hindoue).

2. Représentation virtuelle créée par un internaute pour évoluer dans l’univers des jeux en ligne.

PIRATE n.

1. n. m. Aventurier qui courait les mers pour piller les navires de commerce.

2. Personne qui s’introduit dans un système informatique par défi ou pour en tirer profit.

NUAGE n. m.

1. Amas de vapeur d’eau en suspension dans l’atmosphère.

2. Mode de ges-tion des données consistant à stocker celles-ci sur des serveurs à distance.

CANULAR n. m.

1. Actes ou propos destinés à mystifier quelqu’un.

2. Fausse information propa-gée par messagerie électro-nique.

ÉMOTICÔNE n. f.

Suite de caractères utilisée pour former un visage stylisé exprimant une émotion.

HÉBERGER v. tr. 1. Loger (quelqu’un) chez soi, généralement à titre provisoire.

2. Assurer le stockage et la mise en ligne de (un site web, un intranet…).

TÉLÉSNOBER v.

Consulter fréquem-ment son téléphone intelligent en ignorant les person-nes physiquement présentes.

Les fenêtres sont disponibles dans la boîte à outils à télécharger sur www.dismoidixmots.culture.fr/a-telecharger

Si vous ne trouvez pas les formats de fenêtres qui vous conviennent dans la boîte à outils, vous pouvez les dessiner vous-même en respectant ces règles : - vous n’utiliserez qu’une seule épaisseur de trait pour les contours - les fenêtres avec des fonds noirs sont proscrites - les fenêtres ne peuvent accueillir que des aplats de couleurs présentes dans la charte (pas de dégradé, pas d’image).

Les fenêtres ont aussi pour but de s’ouvrir au fur et à mesure des supports. À travers leurs dimensions, agencements et couleurs, elles deviennent éléments de hiérarchisation.

Titre de la fenêtre

NOTE IMPORTANTE :Veillez à ne pas déformer les fenêtres, elles doivent rester homothétiques et ne pas être étirées.



5. LES ICÔNESLes icônes représentées ci-contre illustrent la polysémie du mot auquel elles sont attachées et évoquent donc, pour la plupart, à la fois la réalité physique et l’univers numérique. Indices des mots à découvrir, micro-illustrations, les icônes jouent également un rôle affectif.

Chaque mot de cette édition est illustré par une icône. Elles sont utilisées en petite taille.

EXEMPLES :

• pour un format 100 mm x 150 mm (carte postale, dépliant) elles n’excèderont pas 10 mm• pour un format 210 mm x 297 mm (A4) elles n’excèderont pas 20 mm

AVATAR

ÉMOTICÔNE

FURETEUR

NOMADE

PIRATE

CANULAR

FAVORI

HÉBÉRGER

NUAGE

TÉLÉSNOBER


6. VISUELLe visuel DIS-MOI DIX MOTS peut être employé tel quel.Soit lettres et curseur blancs sur fond coloré, soit lettres et curseur colorés sur fond blanc.Les couleurs des lettres et des fonds doivent respecter les couleurs de la charte (cf. p. 9).

EXEMPLES :


7. LE LOGOLe logo doit être utilisé tel quel. Aucune variante n’est acceptée, ni dans la composition, ni dans les couleurs.La taille minimale d’utilisation est de 15 mm de large.

Une version monochrome (noire) est à votre disposition dans les cas où vous ne seriez pas techniquement en mesure d’imprimer des documents en couleurs.

8. LES CRÉDITS Tout visuel de l’édition 2016-2017 doit faire figurer les mentions suivantes :

si reprise complète : « © MCC / conception graphique : Émilie Vitali & Laura Knoops »

si adaptation : « D’après la conception graphique d’Émilie Vitali & Laura Knoops »


9. LES COULEURS

COULEURS PRINCIPALES COULEURS SECONDAIRES

CMJN 100/85/10/35

RVB 13/26/100

HÉXA #0D1A64

CMJN 100/0/0/0

RVB 162/130/0

HÉXA #00ADEF

CMJN 0/0/100/0

RVB 255/236/0

HÉXA #FFE700

CMJN 0/5/100/0

RVB 255/221/0

HÉXA #FFDD01

CMJN 88/100/5/26

RVB 64/31/108

HÉXA #401F6C

CMJN 100/100/0/0

RVB 49/39/131

HÉXA #312783

CMJN 0/0/90/90

RVB 230/51/35 HÉXA #E63323

CMJN 75/0/45/0

RVB 8/176/160 HÉXA #08B0A0


@

10. LES TAMPONSChaque tampon est le marqueur identitaire du mot qu’il caractérise.Les tampons sont différents des icônes (p. 6) et ne doivent pas être mélangés avec ces dernières sur un même support.Ils seront utilisés soit en couleurs (comme présenté ci-dessous), soit en noir, mais leurs couleurs ne doivent pas être modifiées.Taille minimale d’utilisation : 2x2 ou 2x3 cmTaille maximale d’utilisation : 200x200 ou 200x300 cm


11. EXEMPLES DE MISE EN PAGELe dépliant de l’opération « Dis-moi dix mots » édition 2016-2017


11. EXEMPLES DE MISE EN PAGELe livret de l’opération « Dis-moi dix mots » édition 2016-2017

Yara El-Ghadban

Yara El-Ghadban est romancière et anthropologue. D’origine palestinienne, elle s’établit à Montréal, Canada, en 1989 après un long parcours de migration : Dubaï, Buenos Aires, Beyrouth, Sanaa et Londres. Elle a signé deux romans, L’ombre de l’olivier (2011) et Le parfum de Nour (2015) et a co-dirigé l’essai Le Québec, la Charte, l’Autre. Et après ? (2014) paru chez Mémoire d’encrier. Elle a contribué également à des collectifs littéraires dont Sur les traces de Champlain (Prise de parole, 2015) et a publié une trentaine d’articles. C’est dans le croisement de ses recherches menées au Québec et dans le monde arabe et de son imaginaire d’écrivain qu’elle réfléchit et écrit.

CHARTE GRAPHIQUE DIS-MOI DIX MOTS · - les fenêtres avec des fonds noirs sont proscrites - les...

Documents

Transcript of CHARTE GRAPHIQUE DIS-MOI DIX MOTS · - les fenêtres avec des fonds noirs sont proscrites - les...