charte graphique loic berthel

1

Musée des confluences : LogotypeCharte graphique 2012

2



SOMMAIRE:Introduction (3)

Choix graphique (4)

Construction & zone de protection (5) Typographies (6)

Gamme chromatique (7)

Contre indication (8)

Intégration du logotype dans une image ( 9,10,11)

Déclinaisons papiers (12,13,14)

Déclinaisons Web (15,16,17)

Goodies (18)

3



Le musée des confluences , musée des sciences naturelles et sociales voit le jour dans la ville de Lyon. A la confluence des fleuves, ce musée à l’architec-ture élancé mettra en relation des problèmes de société créer le pont entre les sciences et les enjeux sociaux. Ce derniers ouvert sur notre société moderne se doit d’évoluer en même temps en présentant des expositions temporaires et appliquant son rôle éducatif aux médias d’aujourd’hui.

Ce document est destiné aux : graphistes, exécutifs, secrétaires, chargé de communications , journalistes, et toutes les personnes qui auraient besoin de communiquer au nom ou en faveur du musée , association, etc... Vous retrouverez dans cette charte l’application graphique de l’identité visuelle du musée des confluences au différents supports.Cette derniere vous aidera à la bonne utilisation de l’identité visuelle du musée pour une communication en interne , lors d’évènements ou autres. Vous retrouverez dans la suite de cette charte une déclinaison web ,spécifiant les notices d’utilisation pour une communication sur le web et sur les médias numériques.

Introduction de la charte:

Contexte d’utilisation

4



Choix graphique et valeurs du logotype.

Ce logotype met en relation des univers typographiques renvoyant aux deux points forts présentés par le musée: Les sciences sociales et naturelles.

Le «M» de la typographie Time New Roman renvoit à l’univers de l’écriture, de l’imprimerie connotant le dialogue, l’échange renvoyant aux sciences sociales. La complexité de la lettre , présentant des sérifs et des déliés renvoie à la structure du batiment.Le « C» destructuré renvoit à l’idée d’empreinte. Sa structure telle un fosile connote les sciences naturelles.Ces deux univers sont mis en relation directe par le biais d’une symétrie se mettant en place grace à une ligne horizontale sur laquel les deux lettres viennent se reposer dans leurs positionnements.Cette stabilité montre le coté institutionnel d’un musée , organisant , structurant des idées , des débats.

5


Construction du logotype & zone de protection


x

x

Y=6X

2Yx

x

5x

6x

>Construction du logotype:

>Zone de protection:

6



>Choix typographiques.

TitreSous titre

Loratur? Ihit, eos erem rest, odit doluptat et iunt maionem dolorpo remquid quodign ihillibus evellup tatiore rehent aut aut quodip-sunte eaque numque dolo estia volor atis exerum quia parum laccusciam utem hitionsent que perio et, te quam vel idunt, op-tum qui blam dolum, qui aligent la simet, ut rem remporrum laut eiur sequi ditatur?Non comnis autet ut verunt fugias pligenditat aut omniae vent do-lest aut et poremped quo comni-mil miliquate velicaborum volupta tatatia volo volupta tibusantur, cus ea netur? Riasit et, ilitas et

>Typographie web: >Typographie print.

TitreSous titre

Loratur? Ihit, eos erem rest, odit dolup-tat et iunt maionem dolorpo remquid quodign ihillibus evellup tatiore rehent aut aut quodipsunte eaque numque dolo estia volor atis exerum quia parum lac-cusciam utem hitionsent que perio et, te quam vel idunt, optum qui blam dolum, qui aligent la simet, ut rem remporrum laut eiur sequi ditatur?Non comnis autet ut verunt fugias pli-genditat aut omniae vent dolest aut et poremped quo comnimil miliquate velicaborum volupta tatatia volo volupta tibusantur, cus ea netur? Riasit et, ilitas et lam consequis conse prae ni doluptis mod modis ma quas con es et ad quia doloriti dolorer epraturiaest optiant odi-

Titre: Myriad pro bold italic 24 pt

Sous titre: Myriad pro bold 12 pt#######: Myriad pro regular 12 pt

Titre: Deja vu sans sérif bold 24ptSous titre: Deja vu sans sérif bold 12 pt#######: Deja vu sans sérif book 12 pt

7



>Gamme colorée

C M JN

CM JN

0000

C M JN

000100

R VB

R VB

R VB

262327

255255255

# 1A171B# FFFFFF# OOADEE

0173328

71300

8



Intégrité du logotype: Contre-indications.

>Utiliser d’autres couleurs.

>Déformer le logotype.:

>Déformer le logotype.

>Couper le logotype.

>Orienter le logotype.

Musée des confluences

>Utiliser une typographieen accompagnement.

9



Règles d’intégration du logotype.

>Sur image unie de couleur claire: >Sur image complexe de couleur claire:

>Sur image unie de couleur sombre: >Sur image complexe de couleur sombre:

>Utilisation du logotype seul de couleur noire pourune image claire et unie. Ceci est valable pour un logo-type de taille supérieur à 20px par 40 px, si ce n’est pas le cas, utilisez un fond blanc.

>Utilisation du logotype seul de couleur blanc pour une image sombre et unie . Ceci est valable pour un logotype de taille supérieur à 20px par 40 px, si ce n’est pas le cas, utilisez un fond noir.

>Utilisation du logotype noir sur fond blanc , pour un logotype s’integrant sur une image claire mais com-plexe dans laquel des éléments pourraient venir compromettre sa lisibilité en absence de fond.

>Utilisation du logotype blanc sur fond noir, pour un logotype s’integrant sur une image sombre mais complexe dans laquel des éléments pourraient venir compromettre sa lisibilité en absence de fond.

10



Intégration du logotype en fonction des supports (2).

>Autres possibilités d’intégrations.

> Ne pas utiliser en dessous de 20px par 40 px car illisible.

Intégration avec d’autres logotype:

11



Taille d’intégration du logotype sur une image.

>Le logotype viens s’intégrer comme une signature sur des photographies en rapport avec le musée. Sa taille est proportionnelle à celle de l’image.

Y

X

X/12

Y/19

12



>Intégration du logotype sur support papier.

Mr Bocquet PierreSite des confluencesLyon 6900204 78 31 46 76

xx

2x

Voici les indications de mise en page pour intégrer le logotype à des informations comme celle proposées ( Cf: carte de visite et tête de lettre).C’est la seule situation où la zone de protection peut être franchit. Respecter les distances énnoncées au dessus.

> Conseil d’impression:

Veillez utiliser le logotype en 300 dpi pour des impressions afin de garder les détails graphique du logotype.

13



> Support de communication papier.

>Lettre:

A4

Mr Bocquet Pierre - Site des confluences Lyon 69 002 04 78 31 46 76

Bonjour,

Dae pa dundam elicimo lestia voluptates volupicia ideris sust, sa voluptaecus eleceatur si quae ped erior sint omni doloribus et etus, sin nihitatur, qui dunt ipid molecus aliatio. Et aut dus accullant qui dolupid magnis duntiam, occus.Ga. Nequae culparcias acveaqui dolo eum quis eicae sum ut am, volut lant repe endelitat.Ide nusciet eium cor molorem sinimus.Id evellam accus, quaersp erferfe rferchilique porruptium dolupta atem dolupis acearch itatur si doluptatur?Vel ea num labore, sint quam, sinciae coratia pro-rione prat et quiaepe riatem imin pratur si raerfe-rum in posant, serum quam solenda cusam voluptas comnimet utestistius dolecta sitiber rovitem porep-tur siti suntium quatius renihilibus imilique cus mollant voloribus dolessi magnimpos dolor aut quas que doluptaturi cumenes sequam

2 cm

2 cm

> Le logotype s’integre en tête de lettre comme pour tout support papier (CF: intégration logotype sur support papier)

20 mm

40 m

m

14



Variation du logotype et utilisation pour son intégration sur image.


Site des confluences Lyon 69 002

O4/78/31/45/[email protected]

> Carte de visite:

> Ticket d’entré :

Entrée

80mm

50m

m50

mm

80mm

/ENTRÉE/

Tarif étudiant


15



Interface Facebook & tweeter.

>Facebook:

>Tweeter:


16



Taille logotype sur écran

>Voici la taille recommandé du logotype si celui ci est integré au siteweb , ou pour une application pour smartphone.Les zones de protection doivent être cependant respectées.

1024px

768px

640px

1136px

130 px

110 px

90 px

110 px

17



Favicon & Application smartphone.

>Favicon:

>Application smartphone: 57 px

57px

16px

16px

18



Goodies

>Tee-shirt

>Mug Confluence

>Clef USB

charte graphique loic berthel

Documents