Design pour site web : comment choisir les bonnes couleurs

Il y a presque autant de design pour site web que de gouttes d’eau dans le Pacifique.

Bon sinon, pour être un peu plus réaliste, il y a quand-même énormément de possibilités.

Quand on crée son site web, il est impératif de choisir les bons éléments à mettre en valeur, afin d’envoyer le bon message à l’utilisateur.

Comme vous le savez depuis que vous avez lu cet article sur UX et SEO, l’utilisateur est un véritable zappeur compulsif.

Il ne met pas plus de dix secondes à décider s’il poursuit l’aventure avec vous ou non.

Il faut donc lui montrer une page web design, à l’esthétique accrocheuse et à l’architecture soignée.

Inutile de vous dire que vous allez devoir sacrément bosser le CSS si vous voulez obtenir un design de site web parfait.

Mais votre succès va avant tout passer par un choix judicieux de couleurs pour votre design de site.

Un peu de psychologie des couleurs

On va utiliser ici exactement le même principe que pour les fleurs.

Les fleurs nous racontent des choses.

Par leur aspect, et surtout par leur couleur, elles envoient un message particulier.

Les couleurs de votre site web, c’est pareil.

Sauf qu’on ne va pas parler d’infidélité pour le jaune, ou d’enterrement pour le violet par exemple.

Mais il y a quand-même un peu de psychologie qui se cache derrière tout ça.

A vous de savoir l’interpréter pour en faire une force.

Adapter les couleurs à la cible

Ça paraît logique, mais combien d’apprentis businessmen commettent cette erreur lors de leur création de site web ?

Beaucoup, si on en juge par les immondices qu’on voit parfois défiler sur internet…

Il est pourtant capital de choisir des couleurs adaptées à la cible que l’on veut viser avec son site web.

Prenez Mark Zuckerberg par exemple.

S’il a choisi de concevoir Facebook en bleu et blanc, c’est parce que ce sont les seules couleurs que les daltoniens peuvent percevoir.

Alors ok, la cible principale n’était pas les daltoniens à la base, mais vous avez compris le principe non ?

Pour reprendre l’idée de la cible, celle que le jeune milliardaire avait en tête était plutôt large.

L’idée c’était de séduire les jeunes bien sûr, mais aussi les moins jeunes, et plus ou moins toutes les catégories de métiers et de classe.

Un truc fédérateur quoi.

Alors en dehors du fait qu’il est lui-même daltonien, pourquoi a t-il choisi le bleu ?

Parce que le bleu est avant tout associé à l’autorité et à la fiabilité.

Ce n’est pas pour rien que les grandes banques ont choisi cette couleur comme étendard.

N’oubliez donc pas de choisir votre design pour site web en fonction de la cible que vous visez.

Quelques exemples pratiques

On va parler ici du fameux spectre des couleurs, histoire de vous rappeler un peu vos cours d’arts plastiques de troisième.

  • Le bleu

Comme on vient de le voir, le bleu est une couleur associée à la confiance, la stabilité et la loyauté.

Elle est donc à utiliser dans des domaines cartésiens et sérieux, comme la médecine ou le droit par exemple.

Mais elle peut aussi être utilisée tout en nuances : décliné en turquoise, le bleu ira à merveille à un site dédié au voyage par exemple.

A éviter pour la cuisine par contre, car il pourrait renvoyer l’utilisateur à une image artificielle, et même devenir carrément nauséabond…

  • Le rouge

Comme dans la vie, le rouge symbolise la passion.

C’est la couleur de la puissance, de l’énergie et de l’excitation.

Une couleur idéale pour la cuisine pour le coup.

Mais à proscrire pour un site sur les remèdes contre le stress, vous l’aurez compris.

  • Le jaune

Le jaune, c’est l’optimisme, la joie et le bonheur.

Vif, il sera parfait pour une bannière publicitaire par exemple.

Plus pâle, il renverra à une notion de quiétude idéale pour la nature ou pour le luxe.

Mais c’est une couleur qui ne passe pas forcément très bien à l’écran, et qui peut vite donner un effet surligneur.

Alors oubliez le total look, il est préférable de l’utiliser par petites touches.

  • Le rose

C’est le moment girl power de l’article !

Pas besoin de vous le dire, vous savez tous que le rose est clairement associé à la féminité.

Plus il est clair, plus il donnera à votre design site web un effet chic et contemporain.

Le rose reste quand-même une couleur très connotée, et donc difficile à utiliser pour autre chose que des produits féminins.

  • Le vert

Cette couleur renvoie à l’image de la terre mère, donc la fertilité, mais aussi au calme et à la santé.

C’est également la couleur de l’espoir et de la paix.

Le vert est donc parfait pour un site web sur la santé, la nature ou les cosmétiques.

Mais comme pour le jaune, préférez une teinte subtile.

Vous éviterez ainsi ce fameux effet Stabilo, digne des sites web de l’époque de nos cours d’arts plastiques justement.

  • Le violet

On passe ici à la couleur de l’imagination et de la créativité.

Le violet évoque la fantaisie et la romance.

Il est donc parfait pour des sujets un peu ésotériques comme la voyance par exemple.

Si votre site web traite de produits de luxe, utilisez un violet plutôt foncé et profond.

Si en revanche vous voulez parler de sujets plus légers, optez pour un violet pastel, très frais et printanier.

  • Le noir

Le noir est un mélange de toutes les couleurs du spectre.

C’est une couleur (même si scientifiquement parlant elle n’en est pas une) à double tranchant : il peut être très élégant comme complètement morbide.

Si vous choisissez un design de site web totalement noir, n’oubliez pas de l’égayer avec d’autres couleurs pour casser le total look.

Car un site web tout noir renvoie plutôt une image sombre, voire carrément angoissante.

  • Le blanc

Comme pour les fleurs, le blanc est un symbole de pureté et d’innocence, mais aussi d’autorité.

Wikipédia en est d’ailleurs la parfaite illustration.

C’est une couleur neutre, qui doit bien évidemment être rehaussée par l’ajout d’autres nuances.

Pour des articles de luxe ou de mode, associez-le à un rose gold pour un effet très chic.

Pour un look plus design et contemporain, ajoutez du noir par petites touches.

Quels outils de design pour site web

Pour définir un beau design pour site web, de nombreux outils sont à votre disposition.

  • Adobe Color CC

Développé par Adobe et totalement gratuit, cet outil vous permettra de jouer avec le spectre des couleurs.

Plus précisément, il vous aide à trouver des couleurs complémentaires pour un site web attractif et agréable visuellement.

  • Pictaculous

Ce petit bijou propose un concept un peu différent, mais tellement utile que vous ne pourrez plus vous en passer.

Vous pouvez uploader n’importe quelle image, et le site se charge de vous trouver les couleurs parfaites pour l’accompagner.

Et en plus, les couleurs sont regroupées par cinq, histoire de vous aider à choisir plus facilement votre design pour site web.

L’essayer, c’est l’adopter on vous dit !

  • COLRD

Encore un autre concept, mais tout aussi génial !

Ce site c’est un peu le wikipédia de la palette de couleurs.

En gros, les utilisateurs peuvent créer, et surtout partager leurs propres palettes, pour aider la communauté.

Parfait si vous êtes en panne sèche, ou si les outils pré-configurés ne trouvent pas grâce à vos yeux.

Trouver les bonnes couleurs de son design pour site web est donc une affaire de goûts, mais aussi de pertinence visuelle.

L’essentiel est de bien définir votre cible, afin de pouvoir vous adapter en conséquence.

En utilisant les bonnes couleurs, vous pourrez notamment créer un site de e-commerce qui fera mouche à tous les coups.

Laisser un commentaire