18 Oct 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
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”
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.
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.
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
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.
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.
Tendresse, sentimental, enfance, féminité, douceur, romantisme, compassion …
Domaine des confiseries, des pâtisseries, de l’enfance, loisirs créatifs, cosmétiques
Pureté, fluidité, rafraîchissant, aquatique, légèreté …
Domaines aquatiques, thérapeutiques. Pour suggérer la pureté.
Solidité, confort, naturel, masculin, neutralité …
Domaines culturels, de l’histoire, culinaire (chocolat et café), du développement durable. Produits masculins, du terroir.
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.
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 à 12 couleurs
Cercle chromatique à 96 couleurs
Les différents types de schéma-couleurs
Ce schéma résulte de la combinaison de deux teintes diamétralement opposées sur le cercle chromatique.
Couleurs monochromatiques
Ce schéma résulte de différents tons, ombres et nuances d’une même teinte particulière.
Ce schéma résulte de trois couleurs contiguës sur le cercle des couleurs.
Ce schéma résulte de deux paires de teintes complémentaires.
Couleurs adjacentes complémentaires
Ce schéma résulte d’une teinte et des deux teintes qui entourent sa complémentaire.
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