Symbolique des couleurs et charte graphique

C’est Goethe qui en 1810 a été l’un des premiers à annoncer que derrière chaque couleur se cache une valeur symbolique. Cette valeur, utilisée sciemment ou non, interagie plus ou moins fortement avec notre perception d’une ambiance mais attention car selon les époques ou les civilisations la symbolique des couleurs peut être très différentes. Si on y regarde de plus près vous observerez que beaucoup de webmasters semblent s’y conformer et ID AGIR ne fait pas exception à cette règle puisque beaucoup de nos sites personnels sont a dominante bleue un choix souvent privilégié par les entreprises de conseils et de service.

De plus en plus de web designers s’intéressent à la psychologie, et en particulier à la psychologie des couleurs puisque il semblerait que le design d’un site web ait une influence sur le comportement des internautes. Une connaissance de la symbolique des couleurs permet de répondre de manière plus pertinente au cahier des charges et d’optimiser le travail sur le design. Utiliser les bonnes couleurs peut aider à mettre les clients dans un état d’esprit qui les incite ou oblige à réaliser l’action demandée. Les couleurs ont un pouvoir d’influence considérable, et donc un impact majeur sur la conversion.Pas toujours facile de conseiller un client sur ce choix tant les couleurs font appel à des sentiments affectifs. On aime, on adore ou on déteste certaines couleurs.

Regardons un peu plus en détail cette symbolique des couleurs qui fait couler tant d’encre et suscite tant de débats entre les agences web et les clients.

Attention car la symbolique des couleurs est très liée à la géographie. Dans notre civilisation occidentale notre interprétation des couleurs assez proche de cela:

ROUGE	BLEU	VERT	JAUNE	BLANC
Force Passion Puissance Interdiction Danger Virilité Courage Action Force	Paix Vertu Immatérialité Méditation Sagesse Rêverie Confiance Bonté Calme Sécurité Foi Féminité	Espérance Nature Immortalité Repos Foi Jeunesse Fécondité Satisfaction Calme	Science Conscience Idéalisme Action Luminosité Orgueil Jalousie Calme Sécurité	Pureté Innocence Chasteté Richesse Silence

OR/ARGENT	ORANGÉ	VIOLET	GRIS	NOIR
Immortalité Richesse Gloire (or) Respect (argent) Dignité (argent)	Energie Ambition Enthousiasme Imagination Richesse Honneur	Politesse Jalousie Mystère Spiritualité Mélancolie Tristesse Modestie Religion Inconscient Secret Ténèbres Mort Piété Noblesse	Sobriété Tristesse Modernisme Peur Monotonie	Mort Deuil Nuit Mystère Monotonie Tristesse Détresse Angoisse Noblesse Distinction Élégance Silence

Symbolique des couleurs par civilisations

Le schéma ci dessus est une vision très occidentale de la symbolique des couleurs car selon les civilisations cette interprétation peut être radicalement différente et parfois dangereusement contradictoire. En regardant le tableau ci dessous on perçoit rapidement l’intérêt de s’adapter selon la localisation de ses personas. La couleur ne peut donc pas être choisie à la légère

	ROUGE	BLEU	VERT	JAUNE	BLANC
Chine	Joie Mariage	Paradis Légèreté	Dynastie Ming Paradis Légèreté	Naissance Santé Force	Mort Pureté
Egypte	Mort Méchanceté Désert	Vertu Vérité Fidélité Immortalité	Fertilité Force Islam	Joie Prospérité	Joie Fête
Etats-unis	Danger	Masculinité	Sécurité	Lâcheté	Pureté
France	Anarchisme Communisme	Liberté Paix Royauté	Criminalité	Temporalité	Monarchie Neutralité
Inde	Vie Créativité	…	Prospérité Fertilité	Succès	Mort Pureté
Japon	Colère Danger	Méchanceté Bassesse	Futur Jeunesse Énergie	Grâce Noblesse	Mort

Charte Graphique et utilisation des couleurs

Sur le web nous sommes toujours à la recherche de compromis car lors d’une création nous nous devons de garder une cohérence avec la charte graphique de l’entreprise qui nous commande un site internet. Nous devons tenir compte de l’ambiance que l’on désire créer, de l’information qui accompagne la couleur, du profil des visiteurs, etc. A nous de conjuguer cet impératif avec ces « petits » plus qui rendent le site plus agréable à lire et surtout plus efficace. A nous de jouer avec les contrastes pour faire ressortir plus facilement les CTA (Incitation à l’action ou Call To Action) et pour cela rien de tel que la règle de la roue chromatique.

Ce n’est qu’après qu’intervient la question subjective du bon gout, de l’harmonie et la notion du » beau » est toujours très relative et très personnelle.

Voici quelques outils qui vous permettront de bien harmoniser votre choix de couleur pour votre site internet.

Colourlovers : Ce site vous proposera selon votre utilisation une palette de couleur et vous permettra de voir les tendances du moment.

Toptal : outil de création de palettes plutôt original car il n’y a pas de roues chromatiques. Au lieu de ça, on choisit une combinaison de couleurs et on se balade sur l’écran pour faire défiler les palettes. Il est possible de visualiser des palettes d’1 à 10 couleurs.

Paletton : Cet outil gratuit est très simple à comprendre et permet l’utilisation de la roue chromatique.

Adobe color : Évidemment nous ne pouvions pas ne pas proposer un utilitaire Adobe tant cette entreprise est liée à la création de charte graphique sur le web!

Les couleurs sur le web

Attention l’interprétation des codes couleurs et autres pantones est bien différente d’un écran à un autre. Selon la luminosité de votre environnement, mais surtout du réglage en usine de votre écran le rose sera plus ou moins rouge, plus ou moins froid. Regardez votre site dans son ensemble et observez si la juxtaposition des couleurs donne un ensemble cohérent et harmonieux.

Le choix des couleurs détermine l’atmosphère de votre site. Si votre site donne une mauvaise impression ou véhicule une atmosphère inadaptée pour votre cible, cela peut se traduire par un taux de rebond important.