Site web et print : 5 conseils pour choisir et associer les bonnes couleurs

Que ce soit pour un designer/webmaster débutant ou pour une entreprise qui rédige son cahier des charges, le choix des couleurs d’un site web, d’un flyer, d’une carte de visite, d’une affiche ou d’une plaquette est un exercice décisif et central, tant sur le plan de l’ergonomie et de l’expérience utilisateur que sur celui du marketing. Nous allons donc voir comment choisir de bonnes couleurs en fonction du thème abordé par votre site web ou votre print et de la cible visée. Vous verrez que rien ne doit être laissé au hasard à ce niveau, sans quoi votre communication perdrait en crédibilité.

Choisir un nombre de couleurs limité

Ce conseil est un secret de polichinelle pour les amoureux de la mode ou du design d’intérieur. Mis à part pour les styles vestimentaires exceptionnels et originaux relevant du peacocking, les couleurs ne doivent pas être trop nombreuses si l’on ne veut pas renvoyer une image bordélique et immature. Pour un site web, on préférera décliner le graphisme sur deux, trois ou quatre tons, plutôt que sur 6 ou 8 couleurs qui ne manqueront pas de donner à votre site une image amateur.

Sobriété et minimalisme pour des sites institutionnels sérieux ne sont donc pas de trop !

 

Privilégier la clarté

L’esthétisme et l’originalité, c’est bien. La clarté, c’est pas mal bien aussi quand même parfois ! Exception faite des opérations de communications spéciales/baroques/loufoques, un site web ou un print classique doivent avant tout contenter l’expérience utilisateur : pas de fond d’écran agressif ayant une couleur similaire à la police d’écriture, pas de couleurs trop nombreuses dans le texte, etc…

Faites preuve d’empathie, mettez-vous à la place de l’internaute par exemple, et demandez-vous ce que qu’il attend d’un support. Par exemple, pour un site web pratique et informationnel, c’est le texte, l’image et la vidéo qui doivent être au centre de l’attention. Faites donc en sorte d’offrir l’information de la manière la plus pure qui soit, en choisissant des couleurs pâles ou pastels en fond ou sur les côtés, et foncées pour le texte.

 

Aidez-vous du cercle chromatique

Si vous débutez en webdesign, ou que vous voulez communiquer un cahier des charges crédible à votre graphiste, voici un outil qui vous sera fort utile pour choisir les couleurs de votre site : le cercle chromatique.

En clair, vous avez deux grandes possibilités d’association de couleurs via le cercle chromatique, basées sur les propriétés physiques de l’oeil humain.

  • La première, c’est de choisir plusieurs nuances d’une même couleur. En effet, les couleurs voisines sur le diagramme chromatique créent une sensation d’équilibre pour l’oeil.
  • La seconde est de choisir des couleurs opposées sur le cercle chromatique. Ainsi, si vous choisissez deux couleurs pour votre site, vous prenez deux couleurs diamétralement opposées. Si vous en prenez trois, vous choisissez trois couleurs sur la base d’une triangle équilatéral dessiné au centre du cercle chromatique. Pour quatre couleurs, vous vous basez sur un carré.

 

Les couleurs dépendent de l’émotion à susciter

  • Si vous souhaitez instaurer une ambiance d’unité, d’harmonie et de douceur, il sera préférable des choisir des couleurs voisines. On optera pour des couleurs rassurantes et froides telles que le bleu ou le vert par exemple.
  • Si votre marketing vous impose une ambiance plus énergique, privilégiez alors les couleurs complémentaires sur le cercle chromatique, sauf pour le binôme couleur du texte et couleur du background.
  • Si vous êtes dans une opération de communication agressive, et que vous cherchez à attirer l’attention du visiteur, privilégiez alors les couleurs chaudes (rouge, orange, jaune) qui auront pour effet de susciter l’émotion, le dynamisme, la chaleur, utile pour des thèmes tels que le divertissement, les voyages ou les jeux concours.

 

Choisir les couleurs en fonction de leur signification

Cet excellent tableau tiré du site Commentcamarche.net vous liste les significations des couleurs accompagnées de leurs symboliques positives et négatives, tout en les affiliant à des domaines d’activités particuliers. Très utile pour rendre le choix de vos couleurs congruent avec le secteur sur lequel vous êtes positionné !


 
Bonus: une infographie sur la signification des couleurs dans les logos de marques

Sources :
http://www.commentcamarche.net/contents/web/webdesign.php3
http://ergonomie-web.studiovitamine.com/couleur-web,362,fr.html
http://fr.locita.com/technologie-2/web/infographie-la-signification-des-couleurs-des-logos-de-marques/

Je vous recommande également mon article sur l’association des couleurs de vêtements, si le sujet vous intéresse, à retrouver sur notre blog buzz & lifestyle byzeway.com :
http://www.byzeway.com/couleur-des-vetements-comment-les-associer/

Une réponse

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.