Des sites en couleurs

Les couleurs sont des éléments visuels particulièrement puissants et qui apportent autant de sens que d’émotion à vos design web. 

Orienter le regard

Peignez un petit rond noir dans le coin d’une grande feuille blanche, ou un bouquet de coquelicot sur une verte prairie. Aussitôt, les regards se dirigent vers le rond ou vers les fleurs. Pourquoi ? Parce que ces zones sont contrastés, ce qui pour l’oeil signifie qu’il se passe quelque chose d’intéressant par là…
Les contrastes peuvent être de plusieurs natures.
On peut jouer sur :

• la teinte, c’est à dire telle ou telle nuance de couleur telle qu’on peut latrouver sur le cercle chomatique : on parle de couleurs complémentaires pour désigner des couleurs opposées sur le cercle chromatique. Par exemple : rouge/vert, jaune/violet, bleu/orange.

• la luminosité, c’est-à-dire le caractère clair ou sombre des couleurs – on dit aussi de « valeurs ».

• la saturation, c’est à dire l’intensité ou la vivacité des couleurs (indépendemment de leur luminosité). Une couleur désaturée tend vers le gris : gris clair pour un jaune désaturé, gris foncé pour un violet désaturé.

Dominante et tonique

Ainsi, la couleur dessine une sorte de parcours lumineux qui oriente l’utilisateur. Inutile donc de mettre partout des couleurs brillantes : il sera plus judicieux de jouer sur le contraste entre une couleur dominante – qui occupe de grandes surfaces –  et une couleur tonique – qui occupe peu de surface, mais qui ressortira d’autant plus fortement par rapport à la dominante.
Loin d’être seulement décorative, la couleur va donc permettre d’indiquer quelques endroits importants sur votre page, par exemple des boutons « call to action »,  ou des zones interactives.
Il sera aussi interessant d’utiliser la couleur pour créer des relations entre des éléments qui peuvent être dispersés sur la page, comme les boutons ou les menus.

À vos palettes !

Créer une palette de couleurs nécessite un réel savoir-faire et une connaissance approfondie de la symbolique des couleurs et de leurs interactions. Le mieux est donc… de faire appel à un graphiste qui saura choisir des couleurs adaptées à votre projet, pour compléter la palette que vous utilisez déjà (à partir des couleurs d’un logo par exemple).
Néanmoins, quelques outils peuvent vous permettre de commencer à réfléchir à vos harmonies colorées :

• Adobe Kuler et Color Sheme designer présentent un cercle chromatique sur lequel vous placez comme vous l’entendez les curseurs pour créer une harmonie, la visualiser et récupérer les valeurs héxadécimales de votre choix.
  https://color.adobe.com/
  //colorschemedesigner.com/csd-3.5/
• Et si vous êtes débutants, vous pouvez vous inspirer des différentes palettes présentées par le site Colour Lovers :
  //www.colourlovers.com/web/palettes

Alors, prêts à laisser s’exprimer le Van Gogh qui sommeille en vous ?

Par: Gilles d'Eggis

Rédaction Web & SEO

Documentaliste - après avoir travaillé en librairie et dans l'édition -, j’ai découvert un beau matin qu’internet, c’était très bien aussi pour diffuser de l’information et des contenus de qualité. Depuis, j’ai conduit plusieurs projets de portails documentaires et bibliothèques en ligne. Pour pour faire en sorte que ces sites soit aussi utiles qu’agréables, je m’intéresse de très près au graphisme, au web design et à l’UX.