• 0k
  • 0
Web Mobile \ 4 Novembre 2013

Web design : l’utilisation judicieuse des couleurs

Les couleurs nous font parvenir des messages. Nous les interprétons inconsciemment en créant des associations qui varient en fonction de notre expérience personnelle et de l’environnement culturel  dans lequel nous avons évolué. Pensez-y : si l’on vous demande de décrire un objet, l’une des premières informations qui vous viendra à l’esprit sera sa couleur. Nous avons besoin de catégoriser les innombrables stimuli visuels que nous rencontrons dans notre environnement, et quels meilleurs intercalaires que les couleurs existe-t-il ?

Dessin de cerveau coloré

De plus, les couleurs ont des valeurs émotionnelles. Elles peuvent certes varier d’une personne à l’autre mais il est indéniable que certaines émotions suggérées sont communes à des groupes d’individus ou à certaines communautés. Demandez simplement autour de vous à quelle couleur vos amis associent la joie, les réponses seront similaires – croyez-nous sur parole.

Quand on en vient au Web design, les couleurs sont d’une importance capitale. En effet, elles attirent l’attention, définissent les sensations et instaurent l’atmosphère de votre site – et par conséquent celle de votre entreprise. Vous devez les utiliser à bon escient pour chaque élément que vous présentez : depuis le menu en passant par les boutons d’appel à l’action, l’image de fond, les textes et bien évidemment le logo.

Afin de vous assurer que le message que vous transmettez soit en accord avec les valeurs de votre entreprise, nous vous suggérons de considérer avec attention cette liste d’associations couleurs/sensations :

Marron – chaleur, confort

Noir – puissance, sophistiqué

Gris – sobriété, stabilité

Bleu – confiance, sagesse

Rouge – énergie, passion

Violet – rêve, délicatesse

Pourpre – luxe, sagesse

Orange – créativité, communication

Vert – naturel, espoir

Blanc – pureté, élégance

Jaune – bonheur, convivialité

Vous désirez en savoir plus sur la signification des couleurs ? L’outil code-couleur vous sera d’une grande utilité.

Bien évidemment, il est essentiel d’accorder les couleurs de façon harmonieuse tout en respectant la structure et la hiérarchie de votre site. Color Scheme Designer est un excellent outil gratuit qui vous permet de visualiser les palettes qu’il vous est possible d’utiliser une fois votre couleur principale sélectionnée. Cette application en ligne vous laisse choisir entre différentes options de palettes et vous présente des exemples du rendu graphique de vos couleurs sur un site ‘type’.

Capture d'écran de l'outil en ligne Color Scheme Designer

Pour vous divertir un peu, essayez de comprendre les différents messages qu’essaient de transmettre des templates Wix :

Template Wix Nettoyage écologique

Du vert pour le côté naturel et un fond blanc histoire d’appuyer l’aspect “pure” du template. Après tout, il s’agit de produits bio. Ah oui, et le bouton orange qu’il faut pour inciter à l’action.

Template Wix Photographe culinaire

Du blanc et du jaune pour une touche de chaleur et de convivialité dans un ensemble élégant.

Template WIx App Store

Du bleu, comme souvent pour réseaux sociaux et produits tech, instaure la confiance et suggère l’intelligence.

Template Wix Gâteaux

Différentes teintes de beige, marron et crème pour une délicieuse invitation dans un environnement chaleureux.


Recevez le
par e-mail !

Rejoignez le blog de Wix Ne manquez rien de notre actu !

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email

Rejoignez-nous ! \ 

Découvrez nos conseils en web design, en marketing digital,
et suivez toute l'actu Wix ! Pas de spam. Promis.

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email