La couleur est le médium le plus relatif dans l’art
-Josef Albers
Nous percevons tous la lumière et la couleur différemment. Ce que vous voyez comme rouge est différent de ce que je vois comme rouge, bien que nous l’appelions tous deux rouge. La façon dont la couleur nous affecte et comment nous y réagissons est également différente pour chacun d’entre nous. La couleur est relative.
Un bon design doit fonctionner en l’absence de couleur. Il devrait fonctionner lorsqu’il est vu en niveaux de gris. Cependant, la couleur est l’une des premières choses que quelqu’un remarquera dans votre conception et elle contribuera grandement à déterminer si vos spectateurs trouvent votre conception esthétiquement agréable.
Comme tout le reste, votre choix de couleur devrait être subordonné à votre concept et à votre thème. La couleur doit être utilisée pour améliorer votre design, mais elle ne doit pas être votre design.
Vous pouvez utiliser la couleur pour créer des hiérarchies visuelles et améliorer l’équilibre général de vos designs.
On peut dire beaucoup de choses sur la couleur. Beaucoup plus que ce qui peut être dit dans un seul post. Comme j’ai planifié ce post, j’ai fait des allers-retours pour savoir si je devais garder ce post unique ou l’étendre en plusieurs posts afin de couvrir plus. Finalement, j’ai décidé de diviser cette conversation sur la couleur en deux posts.
Ce premier se concentrera sur la théorie des couleurs, les systèmes de couleurs, la roue des couleurs et les schémas de couleurs. La prochaine fois, nous passerons à la signification de la couleur et aux réflexions sur la façon dont vous pouvez utiliser la couleur pour améliorer vos conceptions.
Théorie des couleurs
La couleur est la lumière. La lumière est un rayonnement électromagnétique et sur une gamme de longueurs d’onde, elle fait une impression sur l’œil humain. Cette gamme de longueurs d’onde est le spectre visuel.
Lorsque la lumière frappe un objet, certaines longueurs d’onde sont absorbées et d’autres sont réfléchies. Nous voyons les longueurs d’onde réfléchies de la lumière comme une couleur. Lorsque toutes les longueurs d’onde du spectre visuel sont absorbées, nous voyons du noir et lorsque toutes sont réfléchies, nous voyons du blanc. Lorsque certaines sont absorbées et d’autres sont réfléchies, nous voyons différentes couleurs du spectre.
La couleur peut être décrite de trois façons . Par son nom, Par sa pureté, et par sa valeur ou sa luminosité. Nous avons plusieurs termes pour nous aider à décrire les couleurs de ces trois façons. Lorsque vous lisez les termes ci-dessous, jetez un coup d’œil à l’image ci-dessus.
- Teinte : Lorsque quelqu’un parle de teinte, il parle de la couleur réelle d’un objet. Le vert est une teinte tout comme le rouge, le jaune, le bleu, le violet, etc.
- Chroma : Se réfère à la pureté d’une teinte par rapport au gris. Lorsqu’il n’y a aucune nuance de gris dans une couleur, cette couleur a un chroma élevé. L’ajout de nuances de gris à une teinte réduit sa chroma.
- Saturation : désigne le degré de pureté d’une teinte. C’est similaire à la chroma, bien que ce ne soit pas tout à fait la même chose. Les teintes pures sont très saturées. Lorsqu’on ajoute du gris, la couleur devient désaturée.
- Intensité : La luminosité ou la fadeur d’une couleur. L’ajout de blanc ou de noir à une couleur en diminue l’intensité. Une couleur intense et très saturée a un chroma élevé.
- Valeur/Luminance : Est une mesure de la quantité de lumière réfléchie par une couleur et est essentiellement la façon dont une teinte est claire ou sombre. L’ajout de blanc à une teinte la rend plus claire et augmente sa valeur ou sa luminance. Par conséquent, l’ajout de noir la rend plus sombre et diminue sa valeur ou sa luminance.
- Nuance : Le résultat de l’ajout de noir à une teinte pour produire une teinte plus sombre
- Teinte : Le résultat de l’ajout de blanc à une teinte pour produire une teinte plus claire
- Tonalité : Entre le noir et le blanc, nous avons le gris. Un ton de couleur est le résultat de l’ajout de gris à une teinte. Les nuances et les teintes sont des tons aux extrêmes.
Quand j’ai trouvé la relation de tous les tons, le résultat doit être une harmonie vivante de tous les tons, une harmonie qui n’est pas sans rappeler celle d’une composition musicale.
-Henri Matisse
Systèmes de couleurs
Les systèmes de couleurs font référence à la façon dont nous produisons les couleurs. Lorsque l’on produit des couleurs physiques comme dans la peinture, on utilise un système soustractif et lorsque l’on produit des couleurs numériquement comme sur un ordinateur, on utilise un système additif.
Les couleurs que vous voyez sur votre écran d’ordinateur peuvent ne pas finir par être les mêmes que celles que d’autres voient sur leur écran d’ordinateur. Les différences peuvent être encore plus prononcées si vos images finissent par être imprimées. La gestion des couleurs peut aider à rendre les choses plus cohérentes, mais comprenez qu’il y aura probablement toujours des différences.
Couleurs soustractives (CMYK) Lorsque nous voyons des couleurs dans des objets physiques, nous voyons de la lumière réfléchie. Lorsque nous voyons du rouge, c’est parce que toutes les autres longueurs d’onde de la lumière ont été absorbées et que seul le rouge est réfléchi. C’est un système soustractif, car pour produire de la couleur, nous éliminons toutes les longueurs d’onde de la lumière dont nous ne voulons pas voir la couleur.
A mesure que nous ajoutons des couleurs au système, plus de lumière est absorbée et la couleur globale devient plus sombre. Les systèmes soustractifs commencent avec du blanc et continuent à ajouter de la couleur jusqu’à ce que le résultat soit noir.
CMYK (Cyan, Magenta, Jaune, Noir) est un système soustractif utilisé pour créer des couleurs pour l’impression.
Couleurs additives (RVB) Pour créer des couleurs sur un écran d’ordinateur, nous devons ajouter de la lumière puisque la source de lumière vient de l’intérieur au lieu de réfléchir la lumière venant de l’extérieur du système. Quand il n’y a pas de lumière, nous voyons du noir et nous au fur et à mesure que nous ajoutons de la couleur (plus de longueurs d’onde de lumière) nous nous dirigeons vers le blanc.
RGB (Red, Green, Blue) est un système additif utilisé pour créer des couleurs dans les médias numériques. Parce que les systèmes additifs sont différents de la façon dont nous percevons la couleur dans la nature, nos couleurs primaires ont changé. Le vert (et non le jaune) est maintenant primaire au système au lieu d’être un produit secondaire du bleu et du jaune.
La roue des couleurs
La roue des couleurs est une représentation visuelle de presque tout ce dont nous avons parlé ci-dessus. La roue des couleurs originale est créditée à Sir Isaac Newton qui a joint les extrémités rouges et violettes du spectre visuel dans un cercle.
Dans les images suivantes, vous pouvez voir comment une roue des couleurs est créée. Vous commencez avec les couleurs primaires situées aux coins d’un triangle équilatéral, puis vous définissez un triangle similaire tourné de 180 degrés pour créer les couleurs secondaires. Entre ces couleurs, il y aura les couleurs tertiaires.
Notez dans les images ci-dessous que les trois couleurs primaires ici sont le rouge, le jaune et le bleu.
Regardez maintenant la roue des couleurs ci-dessous. Vous remarquerez qu’il a l’air différent de celui ci-dessus. Les couleurs primaires ici sont le rouge, le vert et le bleu et vous remarquerez également qu’il présente diverses teintes de couleurs jusqu’à ce qu’il atteigne le blanc au centre. Il s’agit d’une roue de couleurs RVB de teintes.
Vous pouvez également trouver des roues de couleurs qui montrent des nuances et des tons. En fait, il existe une variété de roues chromatiques et de triangles de couleurs. Rappelez-vous qu’un cercle chromatique n’est qu’une représentation de la couleur et qu’il existe différentes façons d’exprimer les relations entre les couleurs.
Schémas de couleurs
Les schémas de couleurs sont issus du cercle chromatique et les différents schémas de couleurs sont différentes combinaisons de couleurs basées sur leur relation entre elles.
Dans les images ci-dessous, j’ai abaissé la saturation de toutes les couleurs, sauf celles qui pourraient faire partie du type de schéma de couleurs décrit.
Les schémas de couleurs monochromatiques sont basés sur différents tons d’une même couleur. Ici, des teintes de rouge de montré.
Les schémas de couleurs analogues sont basés sur des couleurs adjacentes les unes aux autres sur la roue des couleurs
Les schémas de couleurs complémentaires sont basés sur des couleurs opposées les unes aux autres sur la roue des couleurs
Les schémas de couleurs triadiques utilisent trois couleurs également espacées autour de la roue des couleurs
Les schémas de couleurs tétradiques/quadratiques sont créés en choisissant des couleurs aux coins d’un rectangle inscrit sur la roue des couleurs
Les schémas de couleurs complémentaires fractionnés sont créés en choisissant une couleur, puis deux autres couleurs adjacentes à la complémentaire de la couleur initiale. Pensez-y comme une combinaison d’un schéma de couleurs complémentaires et analogues.
En outre, il existe des schémas de couleurs qui ne sont pas entièrement décrits par la roue des couleurs.
Les schémas de couleurs neutres comprennent uniquement des couleurs qui ne se trouvent pas sur la roue des couleurs (divers tons de brun et de gris)
Les schémas de couleurs neutres accentués comprennent des couleurs neutres comme ci-dessus et une ou plusieurs éclaboussures de couleurs trouvées sur la roue des couleurs.
Un dernier type de schéma de couleurs dont nous pouvons parler sont ceux trouvés dans la nature. Comme vous pouvez le deviner, ce sont des schémas de couleurs basés sur ce que vous voyez se produire dans la nature. Vous pourriez créer un schéma de couleurs naturelles basé sur les couleurs que vous trouvez dans une photographie.
Résumé
Ce post s’est concentré sur la théorie derrière la couleur, mais il y a beaucoup plus à couvrir comme la signification que nous percevons dans la couleur ainsi que la façon d’utiliser la couleur dans votre conception pour l’effet.
Pour l’instant, essayez de vous familiariser avec les termes utilisés pour décrire la couleur ainsi que les différents schémas de couleurs qui sortent de la roue des couleurs.
Nous reprendrons la prochaine fois avec plus de détails sur les schémas de couleurs et quand vous pourriez choisir d’utiliser chacun.
Ressources
Au fil de ce post, j’ai mis des liens vers quelques articles qui offrent plus de pensées et d’idées sur la couleur. Vous trouverez ci-dessous quelques articles supplémentaires et des séries d’articles sur la théorie des couleurs.
Compte tenu de l’importance de la couleur et de tout ce qu’il y a à savoir sur la couleur, vous voudrez peut-être passer un peu de temps à regarder chacun des liens ci-dessous. Une grande partie de ce qui est contenu dans les articles suivants sera similaire à ce qui est ici, mais chaque article inclura probablement certaines choses que je n’ai pas mentionnées et augmentera vos connaissances générales sur le sujet de la couleur.
- Schémas de couleurs de base – Introduction à la théorie des couleurs
- Théorie des couleurs – Wikipedia
- Théorie des couleurs – Dev.Opera
- Théorie des couleurs – Wrox
- Théorie des couleurs – Liquisoft
- Créer des expériences utilisateur uniformément colorées : Partie 1,
La semaine dernière, Cameron Chapman a écrit une excellente série d’articles pour Smashing Magazine sur la couleur, sur laquelle je voulais spécifiquement attirer votre attention.
- Théorie des couleurs pour les designers, partie 1 : la signification de la couleur
- Théorie des couleurs pour les designers, partie 2 : comprendre les concepts et la terminologie
- Théorie des couleurs pour les designers, partie 3 : Créer vos propres palettes de couleurs
Les 7 composantes du design
- Unité
- Gestalt
- Espace
- Dominance
- Hiérarchie
- Equilibre
- Couleur Partie I : Théorie de la couleur
- Couleur Partie II : Comment utiliser la couleur
Téléchargez un échantillon gratuit de mon livre, Principes fondamentaux du design.