Téléchargez dix exemples de chartes graphiques en PDF !

Hello icon smile Téléchargez dix exemples de chartes graphiques en PDF !

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 icon smile Téléchargez dix exemples de chartes graphiques en PDF !

[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 :

charte1 Téléchargez dix exemples de chartes graphiques en PDF !

télécharger

Université Blaise Pascal de Clermont-Ferrand :

charte2 Téléchargez dix exemples de chartes graphiques en PDF !

télécharger

CNES Centre National d’Etudes Spatiales :

charte3 Téléchargez dix exemples de chartes graphiques en PDF !

télécharger

Université de Genève :

geneve Téléchargez dix exemples de chartes graphiques en PDF !

télécharger

Charte graphique print d’Arte :

arte Téléchargez dix exemples de chartes graphiques en PDF !

telecharger

Charte graphique de la Communication Gouvernementale :

repub Téléchargez dix exemples de chartes graphiques en PDF !

télécharger

Charte graphique de ma Drôme 2007 :

drome Téléchargez dix exemples de chartes graphiques en PDF !

télécharger

Office du Tourisme de France :

office Téléchargez dix exemples de chartes graphiques en PDF !

télécharger

Organisation Internationale de la Francophonie :

francophonie Téléchargez dix exemples de chartes graphiques en PDF !

télécharger

Charte graphique de l’Hadopi :

hadopi Téléchargez dix exemples de chartes graphiques en PDF !

télécharger

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. icon smile Téléchargez dix exemples de chartes graphiques en PDF !

Ces articles peuvent aussi vous intéresser:

51 personnes ont laissé un commentaire... et vous ?

  1. Morgan, le 10 février 2012 à 11 h 56 min

    Merci pour ces exemples.

    RépondreRépondre
  2. Les graphissimes, le 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

    RépondreRépondre
  3. Geoffrey Dorne, le 10 février 2012 à 12 h 00 min

    @Les graphissimes: le partage fait partie du web, du moment que la source est citée :)

    RépondreRépondre
  4. Simon White, le 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.

    RépondreRépondre
  5. Geoffrey Dorne, le 10 février 2012 à 12 h 04 min

    @Simon White: oui, ne pas confondre « guidelines web » et charte graphique. :cool:

    RépondreRépondre
  6. Simon White, le 10 février 2012 à 12 h 19 min

    @Geoffrey mais quid des marques pure player? :smile: 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

    RépondreRépondre
  7. Laurent, le 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 !

    RépondreRépondre
  8. Les graphissimes, le 10 février 2012 à 14 h 33 min

    @Geoffrey Dorne:
    Merci Geoffrey :)

    RépondreRépondre
  9. Proxy, le 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 ! :mrgreen:

    Encore merci à toi ( tu peux enlever la charte graphique d’HADOPI :cool: )

    RépondreRépondre
  10. Geoffrey Dorne, le 10 février 2012 à 14 h 50 min

    @Proxy: :mrgreen: pr Hadopi ;)

    RépondreRépondre
  11. Martin L, le 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

    RépondreRépondre
  12. Margaux, le 10 février 2012 à 16 h 18 min

    !!
    Merci Geoffrey t’es vraiment un amouuur :lol:

    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 :razz: ) 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 ! :cool:

    Merci :mrgreen:

    ps : Pour mes étudiants qui lisent cet article et qui se reocnnaissent : intero surprise à la rentrée !! mouahaha :lol:

    RépondreRépondre
  13. alain_bourbal, le 10 février 2012 à 21 h 07 min

    Merci! :)

    RépondreRépondre
  14. Philippe Morin, le 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.

    RépondreRépondre
  15. Jérémy, le 11 février 2012 à 14 h 04 min

    MERCI :grin:

    RépondreRépondre
  16. Geoffrey Dorne, le 11 février 2012 à 17 h 29 min

    @Jérémy: :grin:

    RépondreRépondre
  17. Frank ADEBIAYE, le 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 :-)

    RépondreRépondre
  18. uxui, le 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 :)

    RépondreRépondre
  19. Mat_, le 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

    RépondreRépondre
  20. Geoffrey Dorne, le 13 février 2012 à 15 h 39 min

    @Mat_: :oops:

    RépondreRépondre
  21. LG, le 4 mai 2012 à 1 h 50 min

    MERCI BEAUCOUP ! d’une grande aide

    RépondreRépondre
  22. bramer, le 16 mai 2012 à 14 h 35 min

    Merci, vous m’aider énormément… :mrgreen:

    RépondreRépondre
  23. bramer, le 16 mai 2012 à 14 h 37 min

    @uxui:

    Merci pour ces liens :oops:

    RépondreRépondre
  24. Flore Aka, le 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 ?

    RépondreRépondre
  25. PocoLoco, le 5 août 2012 à 18 h 23 min

    Super de voir des exemples pro! Merci beaucoup de partager ton talent et ton savoir! :)

    RépondreRépondre
  26. mouche, le 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 !

    RépondreRépondre
  27. albert allkim, le 7 septembre 2012 à 15 h 35 min

    super j’ai bcp apprécié, merci de tout cœur sa va m’aider.Bonne continuation

    RépondreRépondre
  28. Domi, le 18 octobre 2012 à 7 h 20 min

    Toujours aussi bien ici. Merci beaucoup

    RépondreRépondre
  29. Grégoire LERY, le 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 !

    RépondreRépondre
  30. Jacques, le 27 novembre 2012 à 13 h 04 min

    YEAH UBP ftw ! \o/ merci :)

    RépondreRépondre
  31. Xavier, le 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

    RépondreRépondre
  32. Siadrob, le 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.

    RépondreRépondre
  33. mariegal, le 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.

    RépondreRépondre
  34. nathalie@graphiste lyon, le 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

    RépondreRépondre
  35. Geoffrey Dorne, le 5 mars 2013 à 11 h 57 min

  36. Damien Lec, le 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 ;)

    RépondreRépondre
  37. Arnold, le 8 juillet 2013 à 18 h 24 min

    Merci pour le partage et très beaux tes exemples

    RépondreRépondre
  38. Canissius, le 17 juillet 2013 à 9 h 53 min

    Grand merci pour cette univers de recherche graphique et ordonné

    RépondreRépondre
  39. fonchrist, le 26 août 2013 à 10 h 12 min

    Merci pour ces exemples de chartes graphiques, c’est utile pour moi.

    RépondreRépondre
  40. Nuts, le 14 novembre 2013 à 10 h 31 min

    Superbe bibliothèque ! De bonnes références. Merci beaucoup pour le partage.

    RépondreRépondre
  41. eric, le 16 janvier 2014 à 19 h 43 min

    Merci.
    Très sympa de partager ces documents professionnels.
    Ça va bien m’aider puisque je dois pondre une charte pour la semaine prochaine.
    Bonne continuation.
    Au revoir.
    Eric

    ps. pour info, trois ou quatre liens sont morts

    RépondreRépondre
  42. cours, le 18 janvier 2014 à 18 h 24 min

    bonjour,
    le lien pour la charte de l’uni de Genève a changé ; voici le nouveau :
    http://www.unige.ch/communication/publier/charte/charte_graphique_2013.pdf
    merci pour ce florilège d’exemples
    bonne fin de journée
    :-)

    RépondreRépondre
  43. Astuce, le 5 février 2014 à 17 h 13 min

    bonjour,
    le lien pour la charte de l’uni de Genève a changé ; voici le nouveau :

    http://www.unige.ch/communication/publier/charte/charte_graphique_2014.pdf

    Merci pour ce travail…

    bonne fin de journée
    :-)

    RépondreRépondre
  44. azzedine, le 18 février 2014 à 10 h 48 min

    Bonjour,

    Je vous félicite pour ce travail magnifique. Ces chartes graphiques sont d’une excellente qualité.
    Bonne continuation.

    Azzedine

    RépondreRépondre
  45. NDRY, le 21 février 2014 à 20 h 33 min

    Merci pour ses chartes qui me donnent une grande ouverture d’esprit.

    RépondreRépondre
  46. Caatherine Borderie, le 2 mars 2014 à 10 h 13 min

    Vous avez vu la charte en ligne de la BBC ? une recherche de Neville Brody http://www.bbc.co.uk/gel

    RépondreRépondre
  47. AMBROLY, le 5 mars 2014 à 8 h 41 min

    bonjour a toute tous. je suis ravis de ses exemples de charte graphique elle m on vraiment aidées.

    RépondreRépondre
  48. SM, le 4 juin 2014 à 10 h 21 min

    Bonjour Merci pour ses chartes
    Une idée pour télécharger la charte du TGV ? :)

    RépondreRépondre
  49. Thibaut, le 20 juin 2014 à 10 h 03 min

    Voilà des ressources vraiment utiles et complètes. MERCI !

    RépondreRépondre
  50. Laetitia, le 22 juillet 2014 à 10 h 03 min

    Merci beaucoup pour ce partage !

    RépondreRépondre

Écrivez un commentaire