Donner de la couleur à son site

La conception de votre site avance petit à petit. Après vous être penché sur sa structure et son contenu, vous allez devoir vous attaquer à la charte graphique et aux couleurs que vous allez utiliser et celles que vous allez oublier.
Même si vous aimez le rouge, ce n’est pas une raison suffisante pour en mettre partout dans votre site web. Chaque couleur a plusieurs significations qui vont mieux coller à des domaines qu’à d’autres et c’est une chose que vous devrez prendre en compte dans l’élaboration de votre charte graphique.

 

LE SYMBOLISME DES COULEURS

Couleurs

Signification

Utilisation

bleu
Rêve, sagesse, sérénité, loyauté, fraîcheur, bien-être, calme …
Domaine des technologies, de l’aéronautique, de l’informatique, du voyage, de l’évasion. Pour souligner le côté “corporate”

 

rouge
Amour, passion, chaleur, sensualité, ardeur, triomphe, courage, danger, l’interdit …
Produits pour combattre le feu, à connotation virile, emballages alimentaires, avertissements, interdictions, attirer l’attention. À ne pas trop utiliser.

 

jaune
Fête, joie, chaleur, été, puissance, soleil, amitié, créativité, optimisme, traîtrise, mensonge, tromperie ….
Tourisme et voyage dans les pays du soleil, domaines agro-alimentaires ou des assurances. Touche de gaieté et d’humanisme.

 

vert
Nature, espérance, repos, jeunesse, bio, écologie, renouveau, chance, échec, infortune …
Domaines liés à la nature et au plein air, à l’environnement, médecines alternatives

 

violet
Rêve, délicatesse, paix, solitude, imaginaire, sérénité, amitié, mélancolie, jalousie …
Domaines spirituels et de la croissance personnelle, pour évoquer un aspect artistique, imaginaire, pour produire un effet apaisant.

 

orange
Joie, créativité, communication, sécurité, ambition, optimisme, dynamisme …
Domaines du sport, du fitness, du divertissement, de la communication. Pour apporter une touche de dynamisme.

 

rose
Tendresse, sentimental, enfance, féminité, douceur, romantisme, compassion …
Domaine des confiseries, des pâtisseries, de l’enfance, loisirs créatifs, cosmétiques

 

turquoise
Pureté, fluidité, rafraîchissant, aquatique, légèreté …
Domaines aquatiques, thérapeutiques. Pour suggérer la pureté.

 

marron
Solidité, confort, naturel, masculin, neutralité …
Domaines culturels, de l’histoire, culinaire (chocolat et café), du développement durable. Produits masculins, du terroir.
blanc
Pureté, innocence, mariage, calme, lumière, froid, propreté.
Domaine du mariage, de la propreté, de l’hiver. C’est un réhausseur de ton et il apporte des zones de confort visuel.

 

noir
Mystère, élégance, sobriété, haut de gamme, tristesse, mort, néant …
Domaine du cinéma, de la photographie, des produits de luxe. Utile pour les contrastes, il met en valeur les couleurs proches

 

Ces symboliques s’appliquent à la culture occidentale. La signification des couleurs peut varier en fonction du pays. Par exemple, si le blanc symbolise le mariage dans la culture occidentale, en Chine il symbolise la mort et le deuil. N’oubliez pas de vous adapter à la culture de votre cible.

 

Harmoniser et agencer les couleurs sur son site web

Vous avez choisi les couleurs les plus pertinentes pour votre activité, il vous reste encore à savoir comment bien harmoniser ces différentes couleurs pour rendre votre site agréable à regarder pour le visiteur.

Pour cette partie, nous allons parler du cercle chromatique et les types de schémas de couleurs traditionnels. Le cercle chromatique est une représentation ordonnée des couleurs utilisées en peinture, design industriel et arts graphiques.

cercle-chromatique-douze

Cercle chromatique à 12 couleurs

cercle-chromatique-96

Cercle chromatique à 96 couleurs

 

Les différents types de schéma-couleurs

 

Type de schéma

Description

Exemple

 

Couleurs complémentaires
Ce schéma résulte de la combinaison de deux teintes diamétralement opposées sur le cercle chromatique.
complementairepng

 

Couleurs monochromatiques
Ce schéma résulte de différents tons, ombres et nuances d’une même teinte particulière.
monochromatiquepng

 

Couleurs analogues
Ce schéma résulte de trois couleurs contiguës sur le cercle des couleurs.
analoguepng

 

Couleurs tétradiques
Ce schéma résulte de deux paires de teintes complémentaires.
tetradiquepng

 

Couleurs adjacentes complémentaires
Ce schéma résulte d’une teinte et des deux teintes qui entourent sa complémentaire.
adjacentecomplementairepng

 

Vous avez maintenant les bases pour créer la palette des couleurs pour votre site. Faites plusieurs essais, demander les avis de votre entourage, regardez les couleurs qu’ont utilisées vos concurrents sur leur site. Prenez du recul et pensez comme votre cible. Votre site est-il visuellement attractif ? L’utilisation de ces couleurs est-elle pertinente par rapport à votre secteur d’activité ? etc …

 

Quelques ressources supplémentaires :

La roue chromatique d’Adobe CC

Significations des couleurs à travers le monde

Trouver les teintes plus claire ou plus sombres de n’importe quelle couleur

No Comments

Laisser un commentaire