Charte graphique Loic Berthel

2 405 vues

Publié le

0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
2 405
Sur SlideShare
0
Issues des intégrations
0
Intégrations
4
Actions
Partages
0
Téléchargements
112
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Charte graphique Loic Berthel

  1. 1. Musée des confluences : LogotypeCharte graphique 2012 1
  2. 2. Musée des confluences : LogotypeMusée des confluences : Logotype Charte graphique 2012Charte graphique 2012SOMMAIRE: 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) 2
  3. 3. Musée des confluences : LogotypeMusée des confluences : Logotype Charte graphique 2012Charte graphique 2012Contexte d’utilisationIntroduction de la charte: 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. 3
  4. 4. Musée des confluences : LogotypeMusée des confluences : Logotype Charte graphique 2012Charte graphique 2012Choix 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. 4
  5. 5. Musée des confluences : LogotypeMusée des confluences : Logotype Charte graphique 2012Charte graphique 2012Construction du logotype & zone de protection >Construction du logotype: Y=6X 5x x x 6x >Zone de protection: 2Y x x 5
  6. 6. Musée des confluences : Logotype Musée des confluences : Logotype Charte graphique 2012 Charte graphique 2012 >Choix typographiques. >Typographie print. >Typographie web: Titre Titre Sous titre Sous titre Loratur? Ihit, eos erem rest, odit dolup- Loratur? Ihit, eos erem rest, odit tat et iunt maionem dolorpo remquid doluptat et iunt maionem dolorpo quodign ihillibus evellup tatiore rehent remquid quodign ihillibus evellup aut aut quodipsunte eaque numque dolo tatiore rehent aut aut quodip- estia volor atis exerum quia parum lac- sunte eaque numque dolo estia cusciam utem hitionsent que perio et, te volor atis exerum quia parum quam vel idunt, optum qui blam dolum, laccusciam utem hitionsent que qui aligent la simet, ut rem remporrum perio et, te quam vel idunt, op- laut eiur sequi ditatur? tum qui blam dolum, qui aligent Non comnis autet ut verunt fugias pli- la simet, ut rem remporrum laut genditat aut omniae vent dolest aut eiur sequi ditatur? et poremped quo comnimil miliquate Non comnis autet ut verunt fugias velicaborum volupta tatatia volo volupta pligenditat aut omniae vent do- tibusantur, cus ea netur? Riasit et, ilitas lest aut et poremped quo comni- et lam consequis conse prae ni doluptis mil miliquate velicaborum volupta mod modis ma quas con es et ad quia tatatia volo volupta tibusantur, doloriti dolorer epraturiaest optiant odi- cus ea netur? Riasit et, ilitas etTitre: Myriad pro bold italic 24 pt Titre: Deja vu sans sérif bold 24ptSous titre: Myriad pro bold 12 pt Sous titre: Deja vu sans sérif bold 12 pt#######: Myriad pro regular 12 pt #######: Deja vu sans sérif book 12 pt 6
  7. 7. Musée des confluences : LogotypeMusée des confluences : Logotype Charte graphique 2012Charte graphique 2012>Gamme colorée C 71 C 0 C 0 M 3 M 0 M 0 J 0 J 0 J 0 N 0 N 0 N 100 R 0 R 255 R 26 V 173 V 255 V 23 B 328 B 255 B 27 # OOADEE # FFFFFF # 1A171B 7
  8. 8. Musée des confluences : LogotypeMusée des confluences : Logotype Charte graphique 2012Charte graphique 2012Intégrité du logotype: Contre-indications. >Utiliser d’autres couleurs. >Déformer le logotype. >Utiliser une typographie en accompagnement. >Couper le logotype.Musée desconfluences >Orienter le logotype. >Déformer le logotype.: 8
  9. 9. Musée des confluences : Logotype Musée des confluences : Logotype Charte graphique 2012 Charte graphique 2012 Règles d’intégration du logotype.>Sur image unie de couleur claire: >Sur image complexe de couleur claire:>Utilisation du logotype seul de couleur noire pour >Utilisation du logotype noir sur fond blanc , pour unune image claire et unie. Ceci est valable pour un logo- logotype s’integrant sur une image claire mais com-type de taille supérieur à 20px par 40 px, si ce plexe dans laquel des éléments pourraient venirn’est pas le cas, utilisez un fond blanc. compromettre sa lisibilité en absence de fond.>Sur image unie de couleur sombre: >Sur image complexe de couleur sombre:>Utilisation du logotype seul de couleur blanc pour une >Utilisation du logotype blanc sur fond noir, pour unimage sombre et unie . logotype s’integrant sur une image sombre maisCeci est valable pour un logotype de taille supérieur à complexe dans laquel des éléments pourraient venir20px par 40 px, si ce n’est pas le cas, utilisez un fond compromettre sa lisibilité en absence de fond.noir. 9
  10. 10. Musée des confluences : Logotype Musée des confluences : Logotype Charte graphique 2012 Charte graphique 2012Inté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: 10
  11. 11. Musée des confluences : Logotype Musée des confluences : Logotype Charte graphique 2012 Charte graphique 2012 Taille d’intégration du logotype sur une image. Y X>Le logotype viens s’intégrer comme une signature sur des photographies en rapport avec le musée. Sa taille estproportionnelle à celle de l’image. X/12 Y/19 11
  12. 12. Musée des confluences : LogotypeMusée des confluences : Logotype Charte graphique 2012Charte graphique 2012 >Intégration du logotype sur support papier. 2x Mr Bocquet Pierre Site des x x confluences Lyon 69002 04 78 31 46 76 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. 12
  13. 13. Musée des confluences : LogotypeMusée des confluences : Logotype Charte graphique 2012Charte graphique 2012> Support de communication papier. 2 cm>Lettre: 2 cm 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 40 mm Mr Bocquet Pierre - Site des confluences Lyon 69 002 04 78 31 46 76 20 mm > Le logotype s’integre en tête de lettre comme pour tout support papier (CF: intégration logotype sur support papier) A4 13
  14. 14. Musée des confluences : LogotypeMusée des confluences : Logotype Charte graphique 2012Charte graphique 2012Variation du logotype et utilisation pour son intégration sur image.> Carte de visite: 80mm Musée des confluences Site des confluences 50mm Lyon 69 002 O4/78/31/45/76 confluence@mail.fr> Ticket d’entré : 80mm /ENTRÉE/ Musée des confluences 50mm Tarif étudiant Entrée 14
  15. 15. Musée des confluences : LogotypeMusée des confluences : Logotype Charte graphique 2012Charte graphique 2012Interface Facebook & tweeter.>Facebook:>Tweeter: Musée des confluences 15
  16. 16. Musée des confluences : Logotype Musée des confluences : Logotype Charte graphique 2012 Charte graphique 2012Taille logotype sur écran>Voici la taille recommandé du logotype si celui ci est integré au siteweb , ou pour une applicationpour smartphone.Les zones de protection doivent être cependant respectées. 1024px 110 px 130 px768px 640px 90 px 1136px 110 px 16
  17. 17. Musée des confluences : LogotypeMusée des confluences : Logotype Charte graphique 2012Charte graphique 2012 Favicon & Application smartphone.>Favicon: 16px 16px>Application smartphone: 57 px 57px 17
  18. 18. Musée des confluences : LogotypeMusée des confluences : Logotype Charte graphique 2012Charte graphique 2012Goodies >Tee-shirt >Mug Confluence >Clef USB 18

×