Graphisme & interactivité  par Geoffrey Dorne

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

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

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

  1. Morgan

    10 février 2012 à 11 h 56 min

    Merci pour ces exemples.

    RépondreRépondre
  2. Les graphissimes

    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

    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

    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

    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

    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

    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

    10 février 2012 à 14 h 33 min

    @Geoffrey Dorne:
    Merci Geoffrey :)

    RépondreRépondre
  9. Proxy

    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

    10 février 2012 à 14 h 50 min

    @Proxy: :mrgreen: pr Hadopi ;)

    RépondreRépondre
  11. Martin L

    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

    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

    10 février 2012 à 21 h 07 min

    Merci! :)

    RépondreRépondre
  14. Philippe Morin

    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

    11 février 2012 à 14 h 04 min

    MERCI :grin:

    RépondreRépondre
  16. Geoffrey Dorne

    11 février 2012 à 17 h 29 min

    RépondreRépondre
  17. Frank ADEBIAYE

    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

    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_

    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

    13 février 2012 à 15 h 39 min

    @Mat_: :oops:

    RépondreRépondre
  21. LG

    4 mai 2012 à 1 h 50 min

    MERCI BEAUCOUP ! d’une grande aide

    RépondreRépondre
  22. bramer

    16 mai 2012 à 14 h 35 min

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

    RépondreRépondre
  23. bramer

    16 mai 2012 à 14 h 37 min

    @uxui:

    Merci pour ces liens :oops:

    RépondreRépondre
  24. Flore Aka

    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

    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

    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

    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

    18 octobre 2012 à 7 h 20 min

    Toujours aussi bien ici. Merci beaucoup

    RépondreRépondre
  29. Grégoire LERY

    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

    27 novembre 2012 à 13 h 04 min

    YEAH UBP ftw ! \o/ merci :)

    RépondreRépondre
  31. Xavier

    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

    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

    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

    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

    5 mars 2013 à 11 h 57 min

  36. Damien Lec

    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

    8 juillet 2013 à 18 h 24 min

    Merci pour le partage et très beaux tes exemples

    RépondreRépondre
  38. Canissius

    17 juillet 2013 à 9 h 53 min

    Grand merci pour cette univers de recherche graphique et ordonné

    RépondreRépondre
  39. fonchrist

    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

    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

    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

    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

    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

    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

    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

    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

    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

Écrivez un commentaire