Téléchargez dix exemples de chartes graphiques en PDF !
Hello 
L’autre jour, Margaux, professeur au Lycée des Arènes de Toulouse me parlait des cours d’identité visuelle qu’elle dispensait et de la façon dont déployer une identité visuelle sur différents supports. En effet, je réalise souvent des logotypes accompagnés d’une charte graphique (pour l’ïle-de-France, pour des Startups, pour des agences, etc.) et après réflexion, je me disais qu’il n’était pas évident d’avoir des exemples de chartes graphiques un peu carrées, propres, et bien conçues. J’ai donc pris le temps de vous ressortir de mes liens des documents PDF que j’avais pris soin de mettre de côté depuis quelques temps maintenant.
Ces chartes graphiques sont en PDF, en voici dix que vous pourrez décortiquer
[Comme me le fait préciser mon ami & confrère Eric Bediez, ces chartes sont à usage strictement personnel, elles ne sont pas en licence libre ou quoique ce soit...]
Fondation Maison dessciences de l’homme :
Université Blaise Pascal de Clermont-Ferrand :
CNES Centre National d’Etudes Spatiales :
Université de Genève :
Charte graphique print d’Arte :
Charte graphique de la Communication Gouvernementale :
Charte graphique de ma Drôme 2007 :
Office du Tourisme de France :
Organisation Internationale de la Francophonie :
Charte graphique de l’Hadopi :
Si vous avez regardé l’intégralité de ces chartes graphiques, vous aurez donc certainement compris le système, les éléments principaux, incontournables, les éléments secondaires aussi. Après, bien-sûr, il n’y a pas de « règles » pour une charte, il y a des « outils » que l’on met à disposition pour rendre (au maximum), l’autonomie au client. L’idéal étant également de créer un document qui puisse contenir des exemples et aussi, des contre-exemples de choses à ne surtout pas faire.
Bref, une charte graphique est avant tout un document de travail qui présente d’une part les outils et d’autre part explique comment s’en servir au mieux.
Ces articles peuvent aussi vous intéresser:
- La charte graphique de l’Hadopi a été publiée…
- Graphiste à la MDA ? Changez-lui son identité visuelle !
- Une charte graphique unique pour tous les sites internet publics !
- L’Hadopi prend les enfants pour des idiots avec Super Crapule !
- Quel outil de visualisation de données choisir ? Un schéma pour vous expliquer.
- 10 mythes sur le design graphique !
10 février 2012 à 11 h 56 min
Merci pour ces exemples.
10 février 2012 à 11 h 59 min
Bonjour,
Super ces modèles de chartes graphiques.
Merci pour le partage.
M’autoriserais tu à les mettre en partage sur mon site avec un lien ici ?
Cordialement
Les graphissimes
10 février 2012 à 12 h 00 min
@Les graphissimes: le partage fait partie du web, du moment que la source est citée
10 février 2012 à 12 h 02 min
Sauf erreur, les chartes couvrent pour l’essentiel les travaux d’impression.
Je suis très preneur d’exemples de charte d’interaction ou de charte numérique (travaux web, mobile, bornes interactifs…) puisque je peine à trouver de bons exemples hors des documents comme les design guidelines (Apple: https://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/Introduction/Introduction.html, Microsoft: http://www.microsoft.com/design/toolbox/tutorials/windows-phone-7/metro/, Google: http://developer.android.com/guide/practices/ui_guidelines/index.html) sauf qu’ils sont « device specific » (particuliers à une plateforme) et non par rapport à une marque.
10 février 2012 à 12 h 04 min
@Simon White: oui, ne pas confondre « guidelines web » et charte graphique.
10 février 2012 à 12 h 19 min
@Geoffrey mais quid des marques pure player?
leur charte graphique a une existence très numérique et peu « print »
Si j’avais le droit (malheureusement non) je partagerais qqs trucs. Le mieux que j’ai c’est http://www.slideshare.net/yaelleteicher/cahier-de-tendancevsc-4047041 et http://www.slideshare.net/yaelleteicher/dans-les-coulisses-de-horaires-et-rsa-sur-android-def
10 février 2012 à 14 h 16 min
Super, merci pour le partage, il n’est pas évident effectivement de trouver de bons exemples de chartes graphiques !
10 février 2012 à 14 h 33 min
@Geoffrey Dorne:
Merci Geoffrey
10 février 2012 à 14 h 47 min
Merci pour cet article. C’est vrai que lorsque l’on parle de charte graphique il y a de suite très peu d’articles de qualités en exemple.
J’avais repris un article pour l’inspiration d’identité visuelle qui était lui aussi très pertinent : http://thibault-martin.fr/2012/01/05/inspiration-identite-visuelle/
Mais là avec les .pdf c’est encore autre chose, ça peut bien aider !
Encore merci à toi ( tu peux enlever la charte graphique d’HADOPI
)
10 février 2012 à 14 h 50 min
@Proxy:
pr Hadopi 
10 février 2012 à 14 h 58 min
Merci encore pour ces exemples, très Helvetica
Arte s’entoure toujours aussi bien ! Même leurs différents sites internet (tv, radio, etc.) est cohérent et classe.
On peut facilement des bonnes chartes et des bons principes en recherchant sur Google images avec des mots clés en anglais.
Bonne continuation
10 février 2012 à 16 h 18 min
!!
Merci Geoffrey t’es vraiment un amouuur
De mon coté j’avais montré à mes étudiants deux exemples d’identités visuelles qui prenaient en compte la notion d’espace, il y avait celle du centre de musique Casa da Musica (http://www.sagmeister.com/work/featured#/node/192) de Stefan Sagmeister (oh tiens donc, quel hasard
) qui part de la forme même du centre,
et celle de Ruedi Baur (http://www.pixelcreation.fr/nc/galerie/voir/ruedi_baur/ruedi_baur/aeroport_koeln_bonn/), un peu plus vieille, pour l’aéroport de Cologne Bonn qui partant de la typo vient se décliner sur divers supports dans le lieu …
Malheureusement je n’avais pas les chartes graphiques à disposition … Mais ton article fera un excellent point sur cette question
et surtout une bonne lecture de vacances ! 
Merci
ps : Pour mes étudiants qui lisent cet article et qui se reocnnaissent : intero surprise à la rentrée !! mouahaha
10 février 2012 à 21 h 07 min
Merci!
11 février 2012 à 9 h 16 min
Bonjour,
J’avais moi aussi créé un article recensant quelques exemples de chartes graphiques pour mes élèves de 3ème, en Technologie : http://lcs.senghor.clg14.ac-caen.fr/~blogs/technologie/?p=634.
11 février 2012 à 14 h 04 min
MERCI
11 février 2012 à 17 h 29 min
@Jérémy:
13 février 2012 à 9 h 22 min
Merci pour ce bel article. C’est toujours émouvant de voir encore aujourd’hui une réminiscence du travail de François Boltana et de Jean-Louis Reilles dans l’identité actuelle du CNES
13 février 2012 à 15 h 11 min
J’ai ajouté un commentaire il y a quelques jours mais il n’est pas apparu…?
Pour les amateurs, il y a pas mal de ressources ici : http://www.designerstalk.com/corpid/ (malheureusement c’est un peu en vrac).
L’exemple de Skype, intéressant : http://issuu.com/bondo/docs/skype_brand_book_-_look?mode=embed&documentId=081126144540-63ceb3433ffe4a79aacf4f93d029fcb0&layout=grey (Une vieille charte Sony est visible dans les liens connexes.)
Dans un autre style, peut-être plus pour Simon White, des chartes plus orientées expérience utilisateur & interactions : http://usabilitygeek.com/official-usability-user-experience-user-interface-guidelines-from-companies/
Un article de Smashing Magazine à ce sujet : http://www.smashingmagazine.com/2010/07/21/designing-style-guidelines-for-brands-and-websites/
Et pour finir, l’identité de Chempaq, visible sur Behance, que j’aime beaucoup : http://www.behance.net/Gallery/Corporate-_-Brand-Identity-Chempaq/186245
HTH
13 février 2012 à 15 h 38 min
Merci pour le partage !
C’est encore assez rare dans la profession l’échange de pratiques et de bons tuyaux.
longue vie à graphism.fr d-o-b
13 février 2012 à 15 h 39 min
@Mat_:
4 mai 2012 à 1 h 50 min
MERCI BEAUCOUP ! d’une grande aide
16 mai 2012 à 14 h 35 min
Merci, vous m’aider énormément…
16 mai 2012 à 14 h 37 min
@uxui:
Merci pour ces liens
23 mai 2012 à 18 h 21 min
Tout d’abord, je voudrais vous remercier d’avoir posté ces exemples de Charte graphique. Ensuite, J’aimerais savoir si c’est conseillé (par rapport au copyright) de mettre ou de poster la charte graphique de son propre logo comme portfolio sur son site ou de poster la charte graphique d’une autre compagnie ?
5 août 2012 à 18 h 23 min
Super de voir des exemples pro! Merci beaucoup de partager ton talent et ton savoir!
21 août 2012 à 8 h 55 min
Trés bon exemples !
Merci beaucoup de partager son talent et son savoir !
On a bien besoin de gens comme vous dans ce monde !
7 septembre 2012 à 15 h 35 min
super j’ai bcp apprécié, merci de tout cœur sa va m’aider.Bonne continuation
18 octobre 2012 à 7 h 20 min
Toujours aussi bien ici. Merci beaucoup
23 novembre 2012 à 15 h 59 min
Un double bravo : sur le travail en lui même et le fait de bien montrer ce qu’est un travail complet en DA / Graphisme !
Un vrai pro !
27 novembre 2012 à 13 h 04 min
YEAH UBP ftw ! \o/ merci
17 décembre 2012 à 12 h 49 min
Merci pour cette article.
Une petite erreur s’est glissée dans le lien vers la charte graphique de l’Université Blaise Pascal (une balise au milieu du lien).
Lien: http://www.univ-bpclermont.fr/IMG/pdf/charte-graphique.pdf
9 janvier 2013 à 15 h 30 min
Suberbe outil d’apprentissage pour un spécialiste du packaging désireux d’elargir son horizon.
Bravo pour vôtre travail d’une belle facture.
18 février 2013 à 13 h 06 min
@Morgan:
Bonjour Geoffrey,
Petite co-créatrice d’une nouvelle activité, j’ai été vivement intéressée par ton site et à plus d’un titre :
- comment décliner une charte graphique ? : merci pour les exemples !(on sent bien le professionnalisme, idem sur la clarté de ton espace web/blog)
- comment réaliser ce travail d’éclairage de l’identité de l’entreprise en sortant le nez du guidon ? et/ou trouver un conseiller spécialisé dans le domaine sans y laisser sa tirelire ?
N’hésite pas à m’adresser ta newsletter pour faire affaire ensemble à l’avenir (lorsque j’aurais gagné mes premières affaires juteuses et que nous envisagerons de faire mieux en communication).
Très cordialement.
Marie.
5 mars 2013 à 11 h 56 min
Bonjour Geoffrey,
Merci pour tous ces exemples de présentation de charte d’entreprise, dignes d’une bonne agence de com
Je retiens
Bonne journée
Nathalie
5 mars 2013 à 11 h 57 min
@nathalie@graphiste lyon:
14 mai 2013 à 23 h 55 min
Merci beaucoup pour ces exemples de chartes graphiques, c’est toujours utile pour avoir des bases
En revanche j’aurais aimé savoir, si c’est possible, les années de publications de chacune de ces chartes graphiques pour information.
P.S.: Je tombe sur une erreur 404 pour la charte graphique de la Communication Gouvernementale