La règle des couleurs dans un site

La couleur et le genre

 

Le sexe de vos visiteurs a une influence sur leurs préférences en terme de couleurs. Quand vous réfléchissez à la palette de couleurs de votre site, gardez à l’esprit ce qui suit :

Les femmes ont tendance à aimer le bleu, le violet, le vert et le rouge, mais pas le orange, le marron, le gris ni le jaune. quelles sont les bonnes couleurs pour un public féminin ?

Les hommes ont tendance à aimer le bleu, le vert, le noir et le rouge, mais pas le marron, le orange, le jaune ni le violet. quelles sont les bonnes couleurs pour un public masculin ? En ce qui concerne les nuances, les hommes préfèrent en général les nuances foncées (le mélange d’une couleur avec du noir), tandis que les femmes préfèrent les nuances claires (le mélange d’une couleur avec du blanc). Les hommes ont aussi tendance à préférer les couleurs vives, tandis que les femmes préfèrent les couleurs douces. Attention, bien que tirées de recherches scientifiques (ici et là) ces informations ne sont pas des règles universelles et ne seront pas adaptées à tous les contextes.

 

La règle des trois couleurs est un commandement sacré.

Image 027

Ne dépassez pas trois couleurs pour un site, toutefois il existe des cas particuliers dans le cas des teintes. le noir et le blanc sont des teintes alors que le rouge, le bleue sont des couleurs.

Image 028

Symbolique des couleurs

Le noir et le blanc ne sont pas considérés comme des couleurs. Ils sont très peu présents dans la nature à l’état pur. On peut donc facilement les associer avec n’importe quelle couleur.

Le gris, très neutre, s’accorde aussi avec beaucoup de couleurs. 
Privilégier toujours les couleurs plus sombres pour le bas.Un site intéressant pour aller plus loin sur les couleurs : http://www.code-couleur.com/

Tableau récapitulatif sur la symbolique des couleurs

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

 

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

Source : CRIM formation – Ecole polytechnique de Montréal

 

 

Les outils et palettes de couleurs à votre disposition

 

La signification de vos couleurs n’est pas tout, il faut aussi choisir des couleurs qui vont bien ensemble. Si vous avez besoin d’aide pour choisir ces combinaisons de couleurs, plusieurs outils sont à votre disposition :

  • Kuler – Cet outil très bien conçu permet de choisir des couleurs accordées selon plusieurs règles différentes.
  • ColourLovers – Ce site vous propose des palettes de couleurs déjà composées et prêtes à l’emploi !
  • 0 to 255 – Vous avez identifié votre couleur principale mais avez besoin de couleurs complémentaires ? Ce site peut vous aider !
  • Colrd – Ce site vous propose de nombreuses palettes de couleurs basées à chaque fois sur des images.
  • Multicolr Search Lab – Indiquez les couleurs de votre site, ce moteur de recherche malin se charge de trouver les images qui correspondent. Attention : vérifiez bien que vous avez le droit d’utiliser les images que vous trouvez avant de le faire.

Association des couleurs

 

Se servir du site “Colourlover” pour associer des couleurs

Vous pouvez aussi vous servir du site ” www.colourlovers.com” pour vous aider à choisir les couleurs de vos interfaces.

Connectez vous sur ce site, cliquez sur la loupe du moteur de recherche interne, dans le formulaire ci-dessous saisissez un code couleur ou un mot-cles , le site vous fera des propositions de couleurs.

Image 029

 

5 combinaisons de couleurs à ne jamais utiliser sur votre site

 

Quand vous sélectionnez les couleurs composant votre palettes, souvenez-vous aussi que certaines combinaisons sont à éviter sur vos pages. Voilà les principales d’entre elles :

 

Jaune et vert

 

Même si la combinaison de ces deux couleurs attire l’attention, surtout dans leurs déclinaisons les plus vives, elle est aussi très énervante et souvent illisible. Ces teintes sont de plus trop proches pour être utilisées côte à côte.

 

Vert et Rouge

 

Utilisable à la limite pour des décorations de noël, ces couleurs ne doivent pas être associées sur internet. Elles détonnent et rendent tout texte difficile à lire. Le contraste élevé provoqué par cette association de couleurs semble faire vibrer textes et images, ce qui fatigue rapidement les yeux.

  

Violet et Vert

 

Assez percutant pour capter l’attention de tout le monde, mais trop dur à lire et fatiguant pour les yeux, comme le vert et le rouge précédemment.

 
Rouge sur Noir
 

Parfait pour un film sur les vampires, à éviter dans toutes autres situations. Du texte rouge sur un fond noir est très difficile à lire. En règle générale, il est préférable d’éviter d’utiliser un texte coloré sur un fond noir.

  

Bleu et Rouge

 

Deux couleurs primaires qui n’ont rien à faire ensemble sur un site internet. Utilisées ensemble, elles provoquent la sensation de vibration évoquée précédemment, et rendent tout texte quasi impossible à lire.