{"id":2304,"date":"2021-01-21T08:42:20","date_gmt":"2021-01-21T07:42:20","guid":{"rendered":"http:\/\/pigier-lyon.com\/blogs\/comandcrea\/?p=2304"},"modified":"2021-05-21T15:23:08","modified_gmt":"2021-05-21T13:23:08","slug":"creation-de-votre-charte-graphique-explication","status":"publish","type":"post","link":"https:\/\/pigier-lyon.com\/blogs\/comandcrea\/2021\/01\/21\/creation-de-votre-charte-graphique-explication\/","title":{"rendered":"Cr\u00e9ation de votre charte graphique : explication"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t

Cr\u00e9ation de votre charte graphique : explication<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"Cr\u00e9ation\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Le terme \u00ab charte graphique \u00bb est tr\u00e8s souvent employ\u00e9 dans le monde de la communication, mais en r\u00e9alit\u00e9 qu\u2019est-ce que c\u2019est ?<\/strong> Gr\u00e2ce \u00e0 cet article, dites adieu \u00e0 toutes vos interrogations et faites place \u00e0 l’\u00e9laboration de la cr\u00e9ation de votre charte graphique.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t

1 - Qu'est-ce que c'est ?<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Tout d\u2019abord, commen\u00e7ons par d\u00e9finir ce terme. La charte graphique est un guide de r\u00e8gles<\/strong> \u00e0 respecter qui comprend l\u2019ensemble des caract\u00e9ristiques des \u00e9l\u00e9ments graphiques utilis\u00e9s par une entreprise. Ces diff\u00e9rentes caract\u00e9ristiques correspondent aux logotypes<\/strong>, aux couleurs<\/strong>, aux typographies<\/strong>, ainsi qu\u2019aux valeurs que l\u2019entreprise veut d\u00e9gager.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

C\u2019est pourquoi, la cr\u00e9ation de votre charte graphique permet \u00e0 l\u2019entreprise d\u2019avoir une identit\u00e9<\/strong> visuelle<\/strong> et en cons\u00e9quence, elle permet de garder une coh\u00e9rence et une harmonisation de tous vos diff\u00e9rents supports de communication visuels.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t

2 - La charte graphique est compos\u00e9e de quoi ?<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t

2- La charte graphique est compos\u00e9e de quoi ?<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Comme nous l\u2019avons vu pr\u00e9c\u00e9demment, la cr\u00e9ation de votre charte graphique constitue l\u2019identit\u00e9 visuelle de votre soci\u00e9t\u00e9. Elle transmet donc de mani\u00e8re graphique l\u2019univers et les valeurs que vous souhaitez partager et mettre en avant.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\tLe logo et ses d\u00e9clinaisons\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

a. Le logo et ses d\u00e9clinaisons<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

En premier lieu, le logo<\/strong> est l\u2019\u00e9l\u00e9ment primordial de la charte graphique. En effet, on le retrouve sur tous les supports de communication tels que des cartes de visite, flyers, affiches\u2026<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

La charte graphique, se d\u00e9finie en outre par la taille minimum<\/strong> du logo, ses proportions<\/strong>, son sens<\/strong>, ainsi que ses couleurs<\/strong>, sa typographie<\/strong> et sa forme<\/strong>. Toutes ces indications sont indispensables pour \u00e9viter que votre logo soit d\u00e9form\u00e9 voire illisible.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Pensez aussi aux d\u00e9clinaisons<\/strong> de votre logo principal. Il est essentiel que votre logo\u00a0 s\u2019adapte sur diff\u00e9rents supports de communication<\/strong>. Il faut donc le d\u00e9cliner sur diff\u00e9rents fonds, diff\u00e9rentes couleurs, avec ou sans cadre et d\u2019autres changements encore.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\tLes couleurs\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

b. Les couleurs<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Par ailleurs, la charte graphique se compose \u00e9galement d\u2019un choix de couleurs<\/strong>. En effet, nous conseillons d\u2019avoir seulement quelques couleurs coh\u00e9rentes, qui correspondent \u00e0 vos valeurs. Il est vrai que cela permet \u00e0 vos clients de mieux m\u00e9moriser<\/strong> votre identit\u00e9 visuelle.<\/p>

,<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

En revanche, faites attention au choix de vos couleurs lors de la cr\u00e9ation de votre charte graphique. Chaque couleur poss\u00e8de une signification particuli\u00e8re<\/strong> ayant un impact positif mais \u00e9galement n\u00e9gatif sur votre client\u00e8le.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Vos couleurs doivent \u00e9galement, tout comme le logo, s\u2019adapter aux nombreux supports de communication <\/strong>utilis\u00e9s. Il prend en compte les diff\u00e9rents fonds exploit\u00e9s. Enfin, vous devez \u00e9noncer dans la charte graphique les valeurs telles que RVB<\/strong> et HEXA<\/strong> de chaque couleur choisie.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t

Cr\u00e9ation de votre charte graphique<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\tLa typographie\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

c. La typographie<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

La cr\u00e9ation de votre charte graphique permet aussi \u00e0 expliquer votre choix de typographie<\/strong>. En effet, vous devez d\u00e9signer vos polices d\u2019\u00e9critures. L\u2019\u00e9quipe de Com & Cr\u00e9a vous conseille d\u2019en d\u00e9terminer deux ou trois maximum. <\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Vos titres sont d\u00e9finis par la premi\u00e8re typographie. La seconde, facultative, s’utilise pour vos sous-titres. La derni\u00e8re sert pour tout vos contenus.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Il est \u00e9vident que tous vos choix en termes de typographie, soient coh\u00e9rents<\/strong> et agr\u00e9ables<\/strong> \u00e0 lire. La typographie ne doit surtout pas rendre le texte lourd, ce qui peut dissuader votre lecteur \u00e0 ne serait-ce que s\u2019int\u00e9resser \u00e0 votre site.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t

3 - Les r\u00e8gles et interdictions<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

En dernier lieu, il est indispensable lors de la cr\u00e9ation de votre charte graphique de d\u00e9terminer de mani\u00e8re claire et pr\u00e9cise les r\u00e8gles \u00e0 respecter pour une bonne identit\u00e9 visuelle. <\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Par exemple, il faut en premier lieu \u00e9laborer une zone de protection<\/strong> du logo. Cela correspond \u00e0 l\u2019espace minimum \u00e0 conserver pour \u00e9viter de d\u00e9former ce dernier. Cette zone de protection prend en compte les espaces\u00a0 n\u00e9cessaires entre le logo et le texte.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

N\u00e9anmoins, \u00e0 travers la charte graphique, d\u00e9finissez les interdictions<\/strong> concernant votre logo. Voici quelques exemples : modification de l\u2019homoth\u00e9tie, rognage, utilisation d\u2019autres couleurs, ainsi que la rotation.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Pour conclure, et si vous souhaitez voir un exemple de charte graphique, Com & Cr\u00e9a<\/strong><\/a><\/span> vous propose de jeter un \u0153il ici<\/a><\/span><\/strong>.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

Cr\u00e9ation de votre charte graphique : explication Le terme \u00ab charte graphique \u00bb est tr\u00e8s souvent employ\u00e9 dans le monde de la communication, mais en r\u00e9alit\u00e9 qu\u2019est-ce que c\u2019est ? Gr\u00e2ce \u00e0 cet article, dites adieu \u00e0 toutes vos interrogations et faites place \u00e0 l’\u00e9laboration de la cr\u00e9ation de votre charte graphique. 1 – Qu’est-ce […]<\/p>\n","protected":false},"author":730,"featured_media":2323,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-2304","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-non-classe"],"_links":{"self":[{"href":"https:\/\/pigier-lyon.com\/blogs\/comandcrea\/wp-json\/wp\/v2\/posts\/2304","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pigier-lyon.com\/blogs\/comandcrea\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pigier-lyon.com\/blogs\/comandcrea\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pigier-lyon.com\/blogs\/comandcrea\/wp-json\/wp\/v2\/users\/730"}],"replies":[{"embeddable":true,"href":"https:\/\/pigier-lyon.com\/blogs\/comandcrea\/wp-json\/wp\/v2\/comments?post=2304"}],"version-history":[{"count":101,"href":"https:\/\/pigier-lyon.com\/blogs\/comandcrea\/wp-json\/wp\/v2\/posts\/2304\/revisions"}],"predecessor-version":[{"id":3210,"href":"https:\/\/pigier-lyon.com\/blogs\/comandcrea\/wp-json\/wp\/v2\/posts\/2304\/revisions\/3210"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pigier-lyon.com\/blogs\/comandcrea\/wp-json\/wp\/v2\/media\/2323"}],"wp:attachment":[{"href":"https:\/\/pigier-lyon.com\/blogs\/comandcrea\/wp-json\/wp\/v2\/media?parent=2304"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pigier-lyon.com\/blogs\/comandcrea\/wp-json\/wp\/v2\/categories?post=2304"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pigier-lyon.com\/blogs\/comandcrea\/wp-json\/wp\/v2\/tags?post=2304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}