Vous êtes sur la page 1sur 10

Abonnez-vous à DeepL Pro pour éditer ce document.

Visitez www.DeepL.com/Pro pour en savoir plus.


La théorie des
couleurs dans la
conception de
l'interface utilisateur
du Web :
Une approche pratique des principes
Copyright © 2015 par UXPin Inc.

Tous droits réservés. Aucune partie du texte de cette publication ne

peut être téléchargée ou mise en ligne sans l'autorisation écrite

préalable de l'éditeur.

Pour les demandes d'autorisation, écrivez à l'éditeur, à l'adresse "Attention :


Demande d'autorisation", à hello@uxpin.com.

Index
Quelques mots rapides 9
L'impact émotionnel de chaque couleur 12
Contraste et compléments : L'art de combiner les couleurs 18
Schémas de couleurs : Bonnes pratiques pour le mélange des 23
couleurs
Guides de style : Garantir la cohérence des couleurs 23
Nos outils de couleur préférés 23
Jerry Cao est stratège de contenu à l'UXPin, où il met chaque jour
sur papier son imagination débordante. Dans une vie antérieure, il a
développé des stratégies de contenu pour des clients chez Brafton
et a travaillé dans la publicité traditionnelle chez DDB San Francisco.
Pendant son temps libre, il aime jouer de la guitare électrique,
regarder des films d'horreur étrangers et approfondir sa
connaissance des faits aléatoires.
Suivez-moi sur Twitter

Cofondateur et chef de produit, Kamil a travaillé auparavant comme


concepteur de UX/UI chez Grupa Nokaut. Il a étudié le génie logiciel
à l'université, mais le design et la psychologie ont toujours été ses
plus grandes passions. Suivez-moi sur Twitter @ziebak

Krzysztof est graphiste à l'UXPin. Il est également un passionné de


typographie et l'un des fondateurs du projet global Typeseeing.
Depuis 2014, il est professeur à l'Académie des Beaux-Arts de
Gdansk, où il enseigne à ses étudiants la théorie du design et les
logiciels de design. Pendant son temps libre, il aime jouer et inventer
des jeux de société. Suivez-moi sur Behance

Passionné d'écriture et intéressé par tout ce qui touche au design ou


à la technologie, Matt Ellis a trouvé que l'écriture en freelance était
la plus adaptée à ses compétences et lui a permis d'être payé pour
sa curiosité. Ayant travaillé avec diverses entreprises de design et de
technologie dans le passé, il se sent tout à fait à l'aise chez UXPin en
tant que rédacteur, chercheur et éditeur. Lorsqu'il n'écrit pas, Matt
aime voyager, autre sous-produit de sa curiosité.
Quelques mots rapides

Vous avez le cafard ? Peut-être que peindre la ville en rouge vous permettra
d'aller à l'autre bout de l'arc-en-ciel. L'impact des couleurs va bien au-delà de
notre sens de la vue - elles créent des liens scientifiquement prouvés avec notre
état émotionnel (d'où l'utilisation de phrases courantes) et peuvent même
provoquer des changements physiologiques.

Source : Jardin Estúdio

La théorie des couleurs dans la conception de l'interface utilisateur du Web : Une approche
pratique des principes7

Dès le Moyen Âge, les chercheurs ont documenté l'impact des couleurs. Au cours
des siècles suivants, ils ont mis au point les mêmes bonnes pratiques utiles qui
s'appliquent non seulement à la conception de sites web, mais aussi au monde
de l'art, de l'architecture, de la publicité et à presque tous les autres
l'industrie visuelle.

Ce guide de poche explorera les bases de la théorie des couleurs, et comment


elle s'applique spécifiquement à la conception de sites web. Nous aborderons
les effets des différentes couleurs, la meilleure façon de les combiner, puis nous
fournirons des liens vers certains de nos outils préférés pour maîtriser la
couleur.

Si vous trouvez ce livre utile, n'hésitez pas à le partager avec d'autres.

Pour l'amour du web design, Jerry


Cao
co-écrit par Kamil Zieba, Krzysztof Stryjewski et Matt Ellis

L'impact émotionnel de
chaque couleur

Les scientifiques ont étudié les effets physiologiques de certaines couleurs


pendant des siècles, mais il n'est pas nécessaire d'avoir un manuel pour savoir
que certaines couleurs vous font sentir différemment des autres. Regarder
certaines œuvres d'art peut vous faire ressentir une certaine chose, et cette
capacité à manipuler nos émotions est au cœur de la théorie des couleurs dans la
conception de sites web.

En bref, les couleurs sont divisées en couleurs chaudes (rouges, oranges et


jaunes), en couleurs froides (bleus et violets) et en couleurs neutres (noir, blanc,
gris). Les couleurs chaudes sont plus stimulantes, tandis que les couleurs froides
sont plus apaisantes.

Bien entendu, chaque couleur comporte ses propres signaux et propriétés


uniques. Nous donnons ci-dessous un bref aperçu des émotions communes
suscitées par les principaux groupes de couleurs :

- Rouge
La couleur la plus stimulante, le rouge, est utilisée pour attirer l'attention et
donner l'alerte. En tant que couleur énergisante, et pour symboliser le pouvoir
La théorie des couleurs dans la conception de l'interface utilisateur du Web : Une approche
pratique des principes9

et même la jeunesse, mais cela rend peu judicieux pour les sites qui cherchent
à se détendre.

Source : No Way NSA


- Orange
L'orange conserve certaines des propriétés énergisantes du rouge, mais dans
une moindre mesure, le rend un peu plus calme. Il est couramment utilisé
pour montrer de la gaieté et de l'enjouement.

Source : Fanta
La théorie des couleurs dans la conception de l'interface utilisateur du Web : Une approche
pratique des principes10

- Jaune
L'impact du jaune varie en fonction de sa vivacité (tons clairs ou foncés), mais
en général, il est généralement chaleureux et énergique. Le jaune clair est
extrêmement stimulant, les nuances moyennes sont plus accueillantes et les
nuances plus sombres (comme l'or) donnent un air d'antiquité et
d'intemporalité.
Source : Flash Media

- Vert
Pont entre les couleurs chaudes et sombres, le vert est un agréable mélange
d'énergie et de détente. Il est généralement synonyme de croissance positive
et, en Occident, il représente l'argent et les thèmes environnementaux.

Source : Ameritrade