SlideShare uma empresa Scribd logo
1 de 19
Baixar para ler offline
Charte graphique
Sommaire

  01         Le logotype
                                       02          La gamme
                                                   chromatique    03           L’utilisation des
                                                                               typographies
a Présentation                        a Présentation             a Titres et sous-titres
b Déclinaisons                        b Niveaux de gris          b Corps de texte
c Zone de protection et proportions   c Monochromie
d Interdits




 04          Sur le web
                                       05          Sur papier
                                                                  06           Goodies

a Favicon et affichage sur page web   a Papier à en-tête
b Smartphone                          b Carte de visite
c Ensemble Facebook
d Ensemble Twitter
01        Le logotype

a Présentation



                           Ce logotype vise à mettre en lumière deux aspects du musée :

                           ▪La contruction constante du savoir : Le musée n’aura pas de collection définitive et figée
                           mais au contraire acquiérera en permanence de nouvelles ressources.
                           ▪L’évolution : De l’évolution naturelle à l’évolution sociale. Cela témoigne de la polyvalence
                           du musée qui exposera tout aussi bien des savoirs de l’ordre de l’histoire naturelle que de
                           l’ordre des sciences humaines.

                           Graphiquement, ces valeurs sont traduites par la construction de lettres qui restent incomplètes
                           mais sur lesquelles des morceaux viennent s’ajouter.

                           Il véhicule également une idée de modernité et de technologie de part son colori et sa
                           conotation de barre d’état de chargement. Nous verrons plus tard qu’il possède aussi du
                           potentiel pour être développé sous forme animée pour l’affichage sur le web.

                           Enfin, il rappelle la situation géographique du bâtiment, grâce sa couleur bleue comme l’eau à
                           la césure du mot « confluences » qui rappelle la séparation des deux fleuves.
01             Le logotype

b Déclinaisons



Logo sans fond
À utiliser sur une image ou sur du gris foncé.
01        Le logotype

b Déclinaisons




                                       Moins de 100 px ou 5 cm
                                                     Logo carré
                           À utiliser quand la largeur est inférieure à 5 centimètres ou 100 pixels
                                      (excepté pour l’animation de chargement du site).
01         Le logotype

c Zone de protection et proportions




                                           2x

                                                x
                                      2x
                                                        x



                                                                x           x
                                                                        x
                                                            x
                                                                    x

                                                    x
01         Le logotype

d Interdits




                            L’incliner   Changer les couleurs




               L’applatir
02           La gamme
             chromatique
a Présentation
                                             C:0       R : 255    # FFFFFF
                                             M:0       V : 255
                                             J:0       B : 255
                                             N:0


                                             C : 80    R : 28     # 1CA19A
                                             M : 10	   V : 161	
                                             J : 45	   B : 164
                                             N:0



                                             C : 69	   R : 54	    #363636
                                             M : 63	   V : 54	
                                             J : 62    B : 54
                                             N : 56

          La seule couleur qui figure dans
          la charte est un bleu turquoise
          désaturé. Il fait référence à la   C : 49	   R : 135	   #878787
          situation    géographique     du   M : 41	   V : 135	
                                             J : 41    B : 135
          musée en rappelant l’eau des
                                             N:5
          fleuves et évoque également la
          modernité et la technologie.
          Le reste de la gamme colorée
          reste dans des niveaux de gris     C : 0	    R : 0	
                                             M : 0	    V : 0	     # 000000
          afin que cette couleur bleue et
          ses conotations soient bien        J : 0	    B:0
          mises en valeur.                   N:
02                La gamme
                   chromatique
b Niveau de gris



Logo en niveau de gris et logo
en noir et blanc

À utiliser en interne ou lorsque le coût de
l’impression couleur est trop élevé.
02         La gamme
           chromatique
c Monochromie
03             L’utilisation des
                typographies
a Titres et sous-titres




CM Sans Serif 2012
                                                                                 Cette typographie est celle utilisée pour le logotype.
                                                                                 Elle sert également aux titres et sous-titres car elle est
                                                                                 grasse et facilement lisible.



Typographie du logotype, à utiliser en Regular pour les titres et sous-titres.




b Corps de texte




Kozuka Gothic Pr6N
                                                                                 La Kozuka Gothic Pr6N est dans un style linéal et
                                                                                 donc permet une unité entre les deux typographies.
                                                                                 En revanche elle sert aux corps de texte car elle est
                                                                                 beaucoup plus légère et discrète, et ses formes
                                                                                 simples et fines permettent une très bonne lisibilité.

À utiliser en ExtraLight pour les corps de texte.
04                Sur le web

a Favicon et affichage sur page web



Animation de chargement du site




Favicon animé de la même manière que l’animation
de chargement du site. Il est fixe lorsqu’il est affiché
dans la barre de favoris.
04         Sur le web

b Smartphone
04          Sur le web

c Ensemble Facebook
04          Sur le web

d Ensemble Twitter
05           Sur papier

a Courrier à en-tête
05            Sur papier

b Carte de visite




                                            Monsieur Vivien Dupont
                                            Fonction
                                            06 76 43 54 72
                                            vivien.dupont@mdconfluence.fr

                            http:///www.museedesconfluences.fr/

                            Suivez-nous sur :
                            Twitter : @mdconfluences
                            Facebook : http://www.facebook.com/pages/Musée-des-Confluences/




                                    28 Boulevard des Belges, 69006 Lyon - 04 72 69 05 00
06   Goodies
06   Goodies

Mais conteúdo relacionado

Mais procurados

Rapport stage lpro
Rapport stage lproRapport stage lpro
Rapport stage lpro
tjs87
 

Mais procurados (20)

2015 07 14_presentation-pfe-gestion-parc-informatique
2015 07 14_presentation-pfe-gestion-parc-informatique2015 07 14_presentation-pfe-gestion-parc-informatique
2015 07 14_presentation-pfe-gestion-parc-informatique
 
Rapport De Stage de Fin d'etude : Modélisation et Dématérialisation des Proc...
Rapport De Stage de Fin  d'etude : Modélisation et Dématérialisation des Proc...Rapport De Stage de Fin  d'etude : Modélisation et Dématérialisation des Proc...
Rapport De Stage de Fin d'etude : Modélisation et Dématérialisation des Proc...
 
Guide stage-iset-djerba
Guide stage-iset-djerbaGuide stage-iset-djerba
Guide stage-iset-djerba
 
Cours statistique descriptive
Cours statistique descriptiveCours statistique descriptive
Cours statistique descriptive
 
Mémoire PEF application client server gestion des projet collaborative
Mémoire PEF application client server gestion des projet collaborativeMémoire PEF application client server gestion des projet collaborative
Mémoire PEF application client server gestion des projet collaborative
 
Boutique en ligne
Boutique en ligneBoutique en ligne
Boutique en ligne
 
Rapport Stage Ouvrier - Application J2EE - Haroun SMIDA
Rapport Stage Ouvrier - Application J2EE - Haroun SMIDARapport Stage Ouvrier - Application J2EE - Haroun SMIDA
Rapport Stage Ouvrier - Application J2EE - Haroun SMIDA
 
Introduction to malware analysis with Cuckoo Sandbox
Introduction to malware analysis with Cuckoo SandboxIntroduction to malware analysis with Cuckoo Sandbox
Introduction to malware analysis with Cuckoo Sandbox
 
Rapport stage lpro
Rapport stage lproRapport stage lpro
Rapport stage lpro
 
Développement d’une Application Mobile Android StreetArtPlanet
Développement d’une Application Mobile Android StreetArtPlanetDéveloppement d’une Application Mobile Android StreetArtPlanet
Développement d’une Application Mobile Android StreetArtPlanet
 
Projet fibre optique master 1 télécom & réseaux
Projet fibre optique master 1 télécom & réseauxProjet fibre optique master 1 télécom & réseaux
Projet fibre optique master 1 télécom & réseaux
 
Rapport Projet Application Web De Domotique Arduino - Liotard Roulleau
Rapport Projet Application Web De Domotique Arduino - Liotard RoulleauRapport Projet Application Web De Domotique Arduino - Liotard Roulleau
Rapport Projet Application Web De Domotique Arduino - Liotard Roulleau
 
Applications Android - cours 11 : Boites de dialogue
Applications Android - cours 11 : Boites de dialogueApplications Android - cours 11 : Boites de dialogue
Applications Android - cours 11 : Boites de dialogue
 
Gestion de la_production_agricole_avec_openerp
Gestion de la_production_agricole_avec_openerpGestion de la_production_agricole_avec_openerp
Gestion de la_production_agricole_avec_openerp
 
Memoire license iii
Memoire license iiiMemoire license iii
Memoire license iii
 
Conception et réalisation d'une plateforme social learning
Conception et réalisation d'une plateforme social learningConception et réalisation d'une plateforme social learning
Conception et réalisation d'une plateforme social learning
 
NGN MULTIMEDIA/IMS UMTS DIMENSIONEMENT
NGN MULTIMEDIA/IMS  UMTS  DIMENSIONEMENTNGN MULTIMEDIA/IMS  UMTS  DIMENSIONEMENT
NGN MULTIMEDIA/IMS UMTS DIMENSIONEMENT
 
[PFE] Master - Génie logiciel
[PFE] Master - Génie logiciel  [PFE] Master - Génie logiciel
[PFE] Master - Génie logiciel
 
Gestion des Chercheurs d’Emploi
Gestion des Chercheurs d’EmploiGestion des Chercheurs d’Emploi
Gestion des Chercheurs d’Emploi
 
Rapport PFE : Cloud Insights
Rapport PFE : Cloud InsightsRapport PFE : Cloud Insights
Rapport PFE : Cloud Insights
 

Destaque

Charte graphique Achille Delobel
Charte graphique Achille DelobelCharte graphique Achille Delobel
Charte graphique Achille Delobel
asterisquesetperils
 
Nouvelle charte graphique_ffbb
Nouvelle charte graphique_ffbbNouvelle charte graphique_ffbb
Nouvelle charte graphique_ffbb
nfbourreau
 
Cmmaao roles-and-responsibilities-pmp-pmi
Cmmaao roles-and-responsibilities-pmp-pmiCmmaao roles-and-responsibilities-pmp-pmi
Cmmaao roles-and-responsibilities-pmp-pmi
cmmaao
 
Charte graphique
Charte graphiqueCharte graphique
Charte graphique
Doc He
 
DESIGN AND SOCIAL IMPACT A cross-Sectoral Agenda for Design Education, Resea...
DESIGN AND SOCIAL IMPACT A cross-Sectoral Agenda for  Design Education, Resea...DESIGN AND SOCIAL IMPACT A cross-Sectoral Agenda for  Design Education, Resea...
DESIGN AND SOCIAL IMPACT A cross-Sectoral Agenda for Design Education, Resea...
cigdemir
 

Destaque (20)

Confluences : Charte d'utilisation du logo
Confluences : Charte d'utilisation du logoConfluences : Charte d'utilisation du logo
Confluences : Charte d'utilisation du logo
 
Charte graphique Achille Delobel
Charte graphique Achille DelobelCharte graphique Achille Delobel
Charte graphique Achille Delobel
 
Exemple de charte graphique
Exemple de charte graphiqueExemple de charte graphique
Exemple de charte graphique
 
Charte graphique Loic Berthel
Charte graphique Loic BerthelCharte graphique Loic Berthel
Charte graphique Loic Berthel
 
Charte graphique
Charte graphiqueCharte graphique
Charte graphique
 
ENGIE, charte graphique anciennement GDF SUEZ
ENGIE, charte graphique anciennement GDF SUEZENGIE, charte graphique anciennement GDF SUEZ
ENGIE, charte graphique anciennement GDF SUEZ
 
Charte graphique Antoine Mauron
Charte graphique Antoine MauronCharte graphique Antoine Mauron
Charte graphique Antoine Mauron
 
Charte graphique Mathilde Noel
Charte graphique Mathilde NoelCharte graphique Mathilde Noel
Charte graphique Mathilde Noel
 
Nouvelle charte graphique_ffbb
Nouvelle charte graphique_ffbbNouvelle charte graphique_ffbb
Nouvelle charte graphique_ffbb
 
60e enquête de conjoncture PME 2015
60e enquête de conjoncture PME 201560e enquête de conjoncture PME 2015
60e enquête de conjoncture PME 2015
 
Plaquette démarchage
Plaquette démarchagePlaquette démarchage
Plaquette démarchage
 
Cmmaao roles-and-responsibilities-pmp-pmi
Cmmaao roles-and-responsibilities-pmp-pmiCmmaao roles-and-responsibilities-pmp-pmi
Cmmaao roles-and-responsibilities-pmp-pmi
 
Tourisme durable & Patrimoine mondial de l'UNESCO
Tourisme durable & Patrimoine mondial de l'UNESCOTourisme durable & Patrimoine mondial de l'UNESCO
Tourisme durable & Patrimoine mondial de l'UNESCO
 
Maison Pierre - Redesign logo
Maison Pierre - Redesign logoMaison Pierre - Redesign logo
Maison Pierre - Redesign logo
 
Webinar: Hacking the Creative Process
Webinar: Hacking the Creative ProcessWebinar: Hacking the Creative Process
Webinar: Hacking the Creative Process
 
Charte graphique
Charte graphiqueCharte graphique
Charte graphique
 
NGO Social Contracting: Opportunities and Challenges
NGO Social Contracting: Opportunities and ChallengesNGO Social Contracting: Opportunities and Challenges
NGO Social Contracting: Opportunities and Challenges
 
DESIGN AND SOCIAL IMPACT A cross-Sectoral Agenda for Design Education, Resea...
DESIGN AND SOCIAL IMPACT A cross-Sectoral Agenda for  Design Education, Resea...DESIGN AND SOCIAL IMPACT A cross-Sectoral Agenda for  Design Education, Resea...
DESIGN AND SOCIAL IMPACT A cross-Sectoral Agenda for Design Education, Resea...
 
REGIONE TOSCANA | Legge Regionale Turismo n° 86, 20 dicembre 2016
REGIONE TOSCANA | Legge Regionale Turismo n° 86, 20 dicembre 2016  REGIONE TOSCANA | Legge Regionale Turismo n° 86, 20 dicembre 2016
REGIONE TOSCANA | Legge Regionale Turismo n° 86, 20 dicembre 2016
 
Re-Designing Death / Service Design Drinks
Re-Designing Death / Service Design DrinksRe-Designing Death / Service Design Drinks
Re-Designing Death / Service Design Drinks
 

Charte graphique Clara Chaume

  • 2. Sommaire 01 Le logotype 02 La gamme chromatique 03 L’utilisation des typographies a Présentation a Présentation a Titres et sous-titres b Déclinaisons b Niveaux de gris b Corps de texte c Zone de protection et proportions c Monochromie d Interdits 04 Sur le web 05 Sur papier 06 Goodies a Favicon et affichage sur page web a Papier à en-tête b Smartphone b Carte de visite c Ensemble Facebook d Ensemble Twitter
  • 3. 01 Le logotype a Présentation Ce logotype vise à mettre en lumière deux aspects du musée : ▪La contruction constante du savoir : Le musée n’aura pas de collection définitive et figée mais au contraire acquiérera en permanence de nouvelles ressources. ▪L’évolution : De l’évolution naturelle à l’évolution sociale. Cela témoigne de la polyvalence du musée qui exposera tout aussi bien des savoirs de l’ordre de l’histoire naturelle que de l’ordre des sciences humaines. Graphiquement, ces valeurs sont traduites par la construction de lettres qui restent incomplètes mais sur lesquelles des morceaux viennent s’ajouter. Il véhicule également une idée de modernité et de technologie de part son colori et sa conotation de barre d’état de chargement. Nous verrons plus tard qu’il possède aussi du potentiel pour être développé sous forme animée pour l’affichage sur le web. Enfin, il rappelle la situation géographique du bâtiment, grâce sa couleur bleue comme l’eau à la césure du mot « confluences » qui rappelle la séparation des deux fleuves.
  • 4. 01 Le logotype b Déclinaisons Logo sans fond À utiliser sur une image ou sur du gris foncé.
  • 5. 01 Le logotype b Déclinaisons Moins de 100 px ou 5 cm Logo carré À utiliser quand la largeur est inférieure à 5 centimètres ou 100 pixels (excepté pour l’animation de chargement du site).
  • 6. 01 Le logotype c Zone de protection et proportions 2x x 2x x x x x x x x
  • 7. 01 Le logotype d Interdits L’incliner Changer les couleurs L’applatir
  • 8. 02 La gamme chromatique a Présentation C:0 R : 255 # FFFFFF M:0 V : 255 J:0 B : 255 N:0 C : 80 R : 28 # 1CA19A M : 10 V : 161 J : 45 B : 164 N:0 C : 69 R : 54 #363636 M : 63 V : 54 J : 62 B : 54 N : 56 La seule couleur qui figure dans la charte est un bleu turquoise désaturé. Il fait référence à la C : 49 R : 135 #878787 situation géographique du M : 41 V : 135 J : 41 B : 135 musée en rappelant l’eau des N:5 fleuves et évoque également la modernité et la technologie. Le reste de la gamme colorée reste dans des niveaux de gris C : 0 R : 0 M : 0 V : 0 # 000000 afin que cette couleur bleue et ses conotations soient bien J : 0 B:0 mises en valeur. N:
  • 9. 02 La gamme chromatique b Niveau de gris Logo en niveau de gris et logo en noir et blanc À utiliser en interne ou lorsque le coût de l’impression couleur est trop élevé.
  • 10. 02 La gamme chromatique c Monochromie
  • 11. 03 L’utilisation des typographies a Titres et sous-titres CM Sans Serif 2012 Cette typographie est celle utilisée pour le logotype. Elle sert également aux titres et sous-titres car elle est grasse et facilement lisible. Typographie du logotype, à utiliser en Regular pour les titres et sous-titres. b Corps de texte Kozuka Gothic Pr6N La Kozuka Gothic Pr6N est dans un style linéal et donc permet une unité entre les deux typographies. En revanche elle sert aux corps de texte car elle est beaucoup plus légère et discrète, et ses formes simples et fines permettent une très bonne lisibilité. À utiliser en ExtraLight pour les corps de texte.
  • 12. 04 Sur le web a Favicon et affichage sur page web Animation de chargement du site Favicon animé de la même manière que l’animation de chargement du site. Il est fixe lorsqu’il est affiché dans la barre de favoris.
  • 13. 04 Sur le web b Smartphone
  • 14. 04 Sur le web c Ensemble Facebook
  • 15. 04 Sur le web d Ensemble Twitter
  • 16. 05 Sur papier a Courrier à en-tête
  • 17. 05 Sur papier b Carte de visite Monsieur Vivien Dupont Fonction 06 76 43 54 72 vivien.dupont@mdconfluence.fr http:///www.museedesconfluences.fr/ Suivez-nous sur : Twitter : @mdconfluences Facebook : http://www.facebook.com/pages/Musée-des-Confluences/ 28 Boulevard des Belges, 69006 Lyon - 04 72 69 05 00
  • 18. 06 Goodies
  • 19. 06 Goodies