article sur la charte graphique-blog de strikingly-image à la une

J’ouvre cet article avec un grand rire, tout simplement parce que je pense à tout le mythe qui a souvent été nourri concernant la « fameuse » charte graphique autour de moi, et j’avoue qu’avec du recul, je me sens un peu bête ^_^

Ça doit être ton cas des fois quand tu te retrouves face à des personnes qui en parlent : ils emploient des termes et expressions « pour le moins étranges » qui te sont totalement étrangères : typographie, code couleur, etc. (oui, je sais, la galère.). Pourtant, tu souhaiterais bien savoir de quoi il s’agit très clairement et pouvoir t’en servir sur le plan professionnel comme sur le plan personnel.

Bah, allons-y !

Plongeons dans l’univers parfois « élitiste » du graphisme en parlant de cet élément « mystérieux » et pourtant particulièrement crucial (tu comprendras pourquoi plus bas) qu’est la charte graphique.

La charte graphique : quelques définitions pour se mettre dans le bain

Avant de parler de charte graphique à proprement parler et éventuellement de comment faire une charte graphique, ou même de donner si possible un exemple de charte graphique, il est important de s’intéresser un peu à l’histoire du métier concerné : le graphisme.

Quelques définitions s’imposent :

article sur la charte graphique-blog de strikingly-capture d'écran du site strkingly

(Capture d’écran de Strikingly)

  1. Charte graphique définition : le graphisme

De prime abord, le terme graphisme renvoie à 2 acceptions :

  • la manière, caractéristique d’un individu, de former les lettres ;
  • la manière d’écrire ou de dessiner, considérée sur le plan esthétique.

En gros, le graphisme est la manière d’écrire et de dessiner, à la manière de représenter.

Le graphisme est la manière de traiter et de s’approprier des informations et de savoirs qui sont par la suite mis en forme ou « transcrits » sous forme d’objets de culture ou de communication.

  1. Charte graphique définition : l’infographie

Le terme infographie peut se comprendre de 2 manières :

  • Une image (numérique notamment) créée via des techniques informatiques
  • L’ensemble des techniques informatiques liées à la création et au traitement d’images numériques – Le Robert

En une phrase, il s’agit d’une activité des arts graphiques qui consiste à la création (assistée par ordinateur) d’images numériques.

Donc, si le graphisme à un caractère principalement conceptuel et artistique, l’infographie a un aspect plus technique.

Il est important d’avoir ces définitions à l’esprit lorsqu’on décide de se plonger dans cet univers. Si tu ne veux pas te retrouver à blesser l’égo d’un graphiste parce que tu l’aurais (très accidentellement) « traité » d’infographe (^_^), il vaut mieux connaître la ligne bien fine qui différencie les deux métiers.

Charte graphique : un peu d’histoire

Parler de l’histoire de la charte graphique revient ici à mettre le doigt sur quelques points de l’histoire même du graphisme (ça valait la peine de définir tout ça plus haut n’est-ce pas ?). Il faut que tu saches bien dans quoi tu mets les pieds avant de chercher à te faire faire une charte graphique.

Si tu fais des recherches sur le graphisme, tu comprendras qu’à l’origine, le terme se rapporte premièrement (et uniquement même) à l’écriture. En fait, il faut bien savoir que ledit terme, tout comme le terme « design graphique » ne datent que du 20e siècle. On en trouverait cependant les premières traces dans des peintures datant de 18 et 15 000 ans av. J.-C, les peintures de la grotte de Lascaux en Dordogne. Mais encore, on lie également la « naissance » du graphisme à celle de l’écriture vers 3500 avant notre ère, en Mésopotamie.

Dans ses premiers jours, le graphisme s’exprimait essentiellement à travers la lettre, avec des innovations liées à l’évolution de la manière d’écrire, ainsi qu’aux technologies permettant de matérialiser l’écriture.

Plus tard, ce qui allait conduire au graphisme moderne (et donc aux chartes graphiques aujourd’hui) s’est fait, notamment, au travers de la « fameuse » rébellion artistique (ah quand même !) menée par des créateurs regroupés sous le titre de Sécession (on dirait le nom d’un groupe de rock contemporain avant-gardiste).

Ceux-ci ont créé un territoire d’expression pour les créateurs de la seconde moitié du 19e siècle, qui étaient ainsi invités à s’exprimer dans tous les champs du design. Il faut savoir qu’à l’époque, les principaux créateurs étaient des architectes et designers multitâches (ça me fait penser aux premiers community managers de notre époque).

Le graphisme était donc perçu uniquement à travers la publicité, le logotype (tout comme beaucoup pensent aujourd’hui que charte graphique = logo), les cartes postales même, ou encore le livre ou l’affiche.

Tout ceci aboutit, au terme de bien des « péripéties » à la création, en 1950, de l’alliance graphique internationale, à Bâle, signe clair du passage à quelque chose de beaucoup plus moderne et de plus inclusif, et signe de reconnaissance de la chose en tant que discipline.

Les choses étant bien établies, je pense qu’on peut maintenant définir, de manière un peu plus claire, ce qu’est une charte graphique.

C’est quoi la charte graphique : définition

chien intelligent qui lève la patte

« J’ai la réponse. Allez, laisse-moi répondre sois pas vache. » Crédit photo : Camylla Battani sur Unsplash

La charte graphique est l’ensemble des règles qui orientent l’utilisation des signes graphiques d’une entité ou d’un projet. Elles sont regroupées sous la forme d’un document. On l’appelle également cahier des normes graphiques.

En gros, la charte graphique c’est le document, l’ensemble des règles qui permettent à un individu lambda de ne pas « faire des conneries » (Bah oui quoi ! ^_^) avec l’image de l’entreprise, sur le plan graphique.

Maintenant, il y a bien des questions que les uns et les autres ont tendance à se poser lorsqu’il s’agit de la charte graphique, et il est important d’y répondre.

Charte graphique logo ?

Il est important de marquer un arrêt là-dessus : la charte graphique ce n’est pas le logo (c’est assez clair comme ça ou il faut que j’insiste ? ^^). Si on se fie à la définition mentionnée plus haut, le logo est donc (_juste) un des éléments de la charte graphique. On se saurait limiter cette dernière à ça.

Charte graphique : identité visuelle ?

On peut facilement confondre les deux. Cependant, la différence est en fait assez facile à faire. En une phrase, la charte graphique est constituée des règles d’utilisation de l’identité visuelle. C’est le document par excellence auquel se référer pour savoir quoi faire et ne pas faire avec l’identité visuelle d’une entité ou d’un projet quel qu’il soit.

Créer une charte graphique c’est donc protéger l’intégrité de son identité visuelle dans son expression à travers divers canaux et supports.

Pourquoi faut-il créer ou faire créer une charte graphique ?

article sur la charte graphique-blog de strikingly-capture d'écran du site strkingly-2

(Capture d’écran de Strikingly)

La réponse est presque évidente au vu de tout ce qu’on vient de « se dire » n’est-ce pas ?

En amont, lorsqu’on décide de mettre sur pied une identité visuelle pour une entité ou un projet, c’est parce qu’on désire que ces derniers se démarquent et soient aisément identifiables au milieu d’autres qui soient du même type ou pas. On le fait parce qu’on veut laisser des marques claires dans l’esprit des gens afin que ces derniers détectent notre présence envers et contre tout.

Ceci se matérialise donc dans une cohérence claire sur l’ensemble des supports et des canaux où on s’exprime, que ce soit sur des affiches, des infographies, sur les réseaux sociaux, ou même sur son site internet.

Cependant, il est important, pour que la cohérence reste, de faire en sorte que les différents utilisateurs actuels et les utilisateurs potentiels ne s’égarent point. C’est la raison pour laquelle il est indispensable de mettre sur pied une charte graphique. Celle-ci doit être suffisamment précise et couvrir, autant que cela se peut, l’ensemble des utilisations et applications potentielles de l’identité visuelle de la marque.

C’est grâce à la charte graphique qu’on connaîtra les choses à faire et à ne pas faire dans l’exploitation de l’identité visuelle d’une marque.

Une charte bien faite répond à toutes les questions qu’on peut se poser concernant l’utilisation d’éléments de l’identité graphique quels qu’ils soient. Elle permet, en cas de turn-over, de changements ou d’évolution dans l’équipe en charge des créa, de conserver cohérence et qualité dans les éléments de communication produits.

C’est un puissant outil de marketing.

C’est la raison pour laquelle une marque comme Strikingly a toujours conservé une identité claire, depuis des années.

Exploitation et respect de la charte graphique exemple de Strikingly

article sur la charte graphique-blog de strikingly-capture d'écran du site strkingly-3

(Capture d’écran de Strikingly)

Si vous êtes utilisateur ou juste « amateur » de strikingly et que vous y venez de manière plus ou moins régulière, vous avez certainement remarqué que chaque fois que vous atterrissez, vous avez la même sensation d’apaisement. C’est l’effet de la cohérence conservée depuis le début, même avec les évolutions qui ont pu être faites depuis lors.

Dans l’utilisation des couleurs, du logo, ou au niveau de la typographie, on peut se permettre de dire que strikingly = cohérence.

C’est certainement pour ça que les modèles préconçus qu’ils offrent gratuitement pour vous permettre de créer votre site internet sont également cohérents, en fonction des thèmes traités. Donc, en fonction de votre domaine d’activités, vous pourrez trouver un modèle déjà cohérent, et que vous pourrez, au besoin, adapter selon vos goûts et couleurs.

Strikingly : respect de la charte graphique template cohérent

Strikingly est décidément un moyen facile de respecter sa charte graphique lorsqu’on veut réaliser son site internet. Les templates mis sur pied étant déjà savamment agencés, vous pourriez n’avoir que très peu de modifications à faire pour que votre site vous ressemble complètement.

article sur la charte graphique-blog de strikingly-capture d'écran du site strkingly-4

(Capture d’écran de Strikingly)

Le CMS vous offre suffisamment de libertés et d’outils pour que le respect de votre charte graphique « ne souffre de rien » lors de la réalisation de votre site web. Vous pourrez ajuster polices et couleurs, et tout ce qu’il faut pour que la cohérence soit (et la cohérence fut ! ^_^).

La charte graphique : vers l’infini et au-delà !

Tu te doutes bien qu’on n’a pas fini de parler de la charte graphique n’est-ce pas ? ll y a encore bien des questions auxquelles il faut répondre concernant ce sujet. Cependant, un éléphant ne se mange pas en une seule fois. On y va morceau par morceau, et on prend le temps qu’il faut pour digérer et revenir manger à nouveau.

Pour ce premier papier là-dessus, il est important pour moi que tu comprennes d’où on vient avec cette notion, et où on va. Il est également important que tu puisses faire le distinguo entre termes et métiers y-liés, afin de ne pas (commettre de crime de lèse-majesté ? ^_^) te tromper dans l’emploi de certains termes et que tu puisses même clairement comprendre l’essence même des demandes que tu ferais à un professionnel de la chose.

D’ici à ce qu’on revienne dessus, si on épiloguait dessus en commentaires ? Savais-tu qu’il y avait carrément eu une « quasi guerre » idéologique dans les années 1800 pour « libérer » le graphisme de l’académisme ?