Symbolique des couleurs et charte graphique

Classé dans : Site efficace | 0

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.

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 personnas. 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.

Colourco : 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  : Evidemment 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.

 

 

Laissez un commentaire