Advertisement
  1. Web Design
  2. Design Theory

Comprendre les qualités et les caractéristiques de la couleur

by
Read Time:14 minsLanguages:
This post is part of a series called Design School for Developers.
Defining and Recognizing Colors
Selecting Your Own Color Scheme

French (Français) translation by Henri Lotin (you can also view the original English article)

Partant de notre précédent article sur la définition et la reconnaissance des couleurs, nous allons maintenant explorer les qualités et les caractéristiques des couleurs.


Rouge

Une partie de la famille des couleurs chaudes, la couleur primaire rouge est une couleur forte, émotionnellement intense.

colour-redcolour-redcolour-red

Naturellement, augmenter le taux métabolique chez les personnes, il a également été démontré qu'il augmentait la pression artérielle et le taux de respiration quand les gens y sont exposés. Il est beaucoup utilisé dans les systèmes de trafic (pensez à la signalisation et aux feux de circulation) rouge est une couleur fluorescente qui a beaucoup d’impact.

Certaines associations de la couleur rouge comprennent :

  • énergie
  • positivité
  • action
  • guerre
  • danger
  • force
  • courage, et
  • toutes les choses intenses et passionnées
  • sexe, amour, désir, passion

Ce qui est intéressant au sujet du rouge, c’est comment il a deux presque-directes associations opposées : l’amour et la guerre. En raison de rouge étant connu comme une couleur à fort impact qui représente souvent le danger, il est également associé à plusieurs images de guerre mémorables. Cependant, rouge est assez lourdement connu pour l'amour et les choses du cœur - avec différentes nuances de rouge (des plus fortes, plus sombres couleurs aux variations plus légères telles que rose) étant fortement associé à la Saint Valentin dans la culture occidentale.

Dans d’autres cultures, le rouge a un sens complètement différent. En Chine, le rouge est associé à la prospérité et au bonheur, tout en étant un symbole de bonne chance. En Inde, le rouge représente la pureté et est alors souvent utilisé comme couleur principale dans de nombreux mariages. Cependant, en Afrique du Sud le rouge est la couleur la plus utilisée en deuil.

Lorsque vous utilisez le rouge, il est souvent plus judicieux de l'utiliser comme un couleur d'accent plutôt que comme une couleur focale pour l’ensemble d’un site web. Lors que dans certaines situations, il fonctionne bien comme couleur d'accent principale, la plupart du temps en utiliser trop de rouge dans un design peut provoquer des sentiments d’irritation, d'agitation et même de colère. Cependant, l’utilisation de trop peu rouge peut également créer un sentiment de prudence et de manipulation.

En raison de ces deux extrêmes, il peut être assez difficile de servir du rouge pour créer le bon équilibre. Toutefois, se servir du rouge comme couleur d’accent - en particulier sur les fonctionnalités que vous souhaitez améliorer ou sur lesquelles vous souhaitez mettre un accent particulier, tels que des boutons ou autres éléments qui poussent un utilisateur à prendre une décision - peut être très efficace.


Orange

Une autre couleur, appartenant à la famille des couleurs chaudes, orange est souvent considéré comme une couleur lumineuse, optimiste et inspirante.

colour-orangecolour-orangecolour-orange

À la fois jeune et impulsif, orange agit souvent comme un stimulant mental et semble être tout à fait équilibrant.

Certaines associations de la couleur orange comprennent :

  • enthousiasme
  • bonheur
  • réactions instinctives
  • spontanéité
  • aventure, prise de risque
  • automne et récolte
  • créativité
  • agrumes
  • alimentation saine

Le orange se voit souvent associé à la troisième saison dans le cycle annuel : automne. Dues aux couleurs changeantes des saisons, le orange vous offre une transition chaude parmi les plus brillantes couleurs de l’été avant les couleurs plus sévères, plus froides de l’hiver. Orange est aussi la couleur principale associée à Halloween, qui a également lieu au niveau de l’automne le 31 octobre.

Aussi que les associations avec la nature, orange est considéré comme une couleur qui évoque l’enthousiasme et la spontanéité chez les personnes. Une couleur qui favorise l’aventure et la prise de risques, orange (en raison de ses associations citriques) agit également comme un stimulant de l’appétit, donc peut être utile dans les designs de site web où les aliments ou l’appétit de l’utilisateur sont pertinents.

Et penser à ce que nous avons dit sur les associations d'orange avec l’automne et la transition entre les saisons - pourquoi ne pas traduire cela dans vos designs, comme une couleur qui propose des transitions entre deux domaines différents de votre design ?

Lorsque vous utilisez orange, il est certainement utile de penser à votre marché et audience cibles. Lorsque les jeunes sont votre audience cible, orange semble être une couleur populaire. Plus de cela, orange peut être utilisé pour amener les gens à parler ou à réfléchir.


Jaune

La dernière​ des principales couleurs chaudes, jaune est une couleur lumineuse, créative.

colour-yellowcolour-yellowcolour-yellow

Connu pour sa capacité à promouvoir une réflexion claire et une prise de décision rapide, jaune est probablement plus lié au bonheur, à l'énergie positive et au soleil.

Certaines associations de la couleur jaune comprennent :

  • créativité
  • soleil
  • bonheur
  • énergie
  • lâcheté
  • tromperie
  • mises en garde
  • instabilité
  • clarté
  • activité

Jaune, une des trois couleurs primaires, est perçue principalement comme une couleur bonheur-invocative, créative et peut donc être utilisé efficacement pour créer des designs qui évoquent des sentiments de bonheur et de clarté.

Une couleur très énergique, jaune a aussi un degré d’activité qu’il peut transmettre à vos designs. Vous pouvez utiliser jaune pour créer l’enthousiasme et renforcer les zones dans votre design nécessitant des actions à poser.

Dans d’autres cultures jaune a des significations et une différentes associations extravagantes et significations. En Egypte, jaune est largement utilisé comme couleur de deuil et au moyen Age, des vêtements jaunes étaient portés pour signifier ceux qui étaient morts. En Inde, jaune est une couleur qui est souvent utilisée par les marchands. Et au Japon, jaune est un symbole de courage et a donc des associations positives.

Lors du design avec du jaune, il faut être conscient que l’utilisation de trop de jaune peut parfois introduire des sentiments d’anxiété - parce qu’elle une couleur lumineuse, « rapides » mettre trop de jaune peut conduire à une sensation de déséquilibre pour votre site web. Au lieu de cela, essayez d’introduire d’autres couleurs aux côtés du jaune et utilisez le jaune comme mise en évidence sur une page, pour focaliser l'attention sur les aspects plus importants d’un design.

Toutefois, en raison des effets du jaune sur une personne (remontant au sens « rapide » qu'il semble offrir), vous pouvez parfois utiliser le jaune à votre avantage - par exemple, le jaune semble induire la prise de décision plus rapide et donc avoir des boutons jaunes dans les designs de site e-commerce peut très bien fonctionner - aussi longtemps que c’est en accord avec le reste de votre design.

En raison du fait que le jaune semble assez instable, ça serait une bonne idée d’utiliser le jaune dans un site web où vous voulez invoquer un sentiment de stabilité ou de sécurité. Il semble également que les hommes perçoivent historiquement le jaune comme une couleur enfantine, alors ce ne serait pas un bon choix de couleur pour les sites de produits pour hommes - mais il serait adapté lorsqu’il est utilisé pour un public plus jeune.


Vert

Appartenant à la famille des couleurs froides, le vert est une couleur revigorante et est souvent décrit comme un artisan naturel de paix, en raison de ses nombreuses associations avec des aspects relaxants de la nature.

colour-greencolour-greencolour-green

Certaines associations de la couleur verte incluent :

  • printemps
  • croissance
  • renouvellement & renaissance
  • équilibre
  • nature
  • herbe & jardins
  • stabilité
  • possessivité
  • jalousie
  • envie
  • fertilité
  • sécurité
  • argent
  • recyclage

Comme combinaison de bleu et de jaune, vert offre la clarté mentale et l’enthousiasme de jaune mélangé avec le plus émotionnellement stable et calme bleu. Dans la nature, nous voyons du vert autour de nous tout le temps - dans les feuilles, les herbes, les fleurs et bien plus encore. Pour cette raison, beaucoup des associations que nous avons avec la couleur verte sont liées très fortement à la nature et des thèmes similaires tels que de la renaissance et la fertilité.

Il est souvent fait référence au vert comme à une couleur qui offre un sentiment de stabilité et d’équilibre. Il pourrait donc bien fonctionner d'utiliser vert dans les designs où vous voulez montrer comment un produit ou un service est fiable et sûr à utiliser.

De l’autre côté de la médaille, vert a également beaucoup d’associations avec l’envie, la jalousie et la possessivité - il faut faire attention à comment vous utilisez les couleurs et vous assurer que le vert vous permet d’ajouter de l'équilibre sur un site web.

Vert est des liens étroits avec le marché du recyclage, avec du vert utilisé dans les logos de recyclage majeurs au Royaume-Uni et en Europe seulement. Par conséquent, il est logique d’utiliser du vert dans les designs qui ont trait au recyclage ou n’importe quel produit, service ou société « vert ».

Dans d’autres cultures, vert a généralement une bonne connotation. En Irlande, ainsi que figurant sur le drapeau national, c’est une couleur qui est fortement associée à la Saint-Patrick. Vert est aussi la couleur du trèfle à quatre feuilles de la chance, qui est probablement le symbole le plus connu de la chance dans le monde. Vert est la couleur traditionnelle de l’Islam et est également beaucoup mentionné sous une bonne lumière dans le Coran, avec beaucoup de ceux dans le paradis décrit comme portant des « vêtements verts ».


Bleu

La plus froide de toutes les couleurs principales, bleu est souvent considéré comme une couleur très fiable et très tranquille, très probablement due à l’association la plus évidente avec la mer et le ciel bleu.

colour-bluecolour-bluecolour-blue

Une couleur conservatrice, il est souvent utilisé dans les dessins qui représentent la propreté et un air de responsabilité.

Certaines associations de couleur bleu comprennent :

  • la mer
  • le ciel
  • confiance
  • honnêteté
  • loyauté
  • sincérité
  • paix
  • tranquilité
  • Intelligence

La dernière de ces couleurs primaires (aux côtés de rouge et jaune), bleu est une couleur anti-stress qui est souvent utilisée dans les designs adressés à un public masculin et corporatif. Le bleu est une couleur qui appelle le sentiment de confiance, d'honnêteté et de sécurité et se prête donc bien en particulier aux design pour les produits, services ou entreprises qui veulent évoquer ces sentiments dans leurs audiences.

Avec ses nombreuses associations avec le ciel et la mer, le bleu fonctionne aussi bien sur des designs qui veulent promouvoir fortement ces choses. Par exemple, si un produit porte largement sur la mer (un produit de surf, par exemple) alors le bleu peut être utilisé pour faire ressortir ces sensations familières sont liées à la mer et aident l'audience à se lier au produit ou au site web. La même chose vaut pour toutes les couleurs qui se rapportent à des choses réelles, comme quoi que ce soit dans la nature, comme l’herbe ou des fleurs.

Le bleu est également connu pour être un suppresseur d’appétit, donc ne serait pas une couleur adaptée à utiliser dans les designs qui impliquent des aliments d’une certaine façon. Vous devez aussi être au courant qu'utiliser trop de bleu peut être étouffant et peut sembler presque démodé, selon les nuances utilisées.

Quelques-uns des meilleurs moments pour utiliser du bleu dans vos créations sera pour les sites web qui mettent l’accent sur un public masculin et aussi pour les entreprises corporatives. Ceci ne veut pas dire que vous ne pouvez pas utiliser du bleu sur d’autres styles de design - n’ayez pas peur d’expérimenter et de vous amuser avec l’aide de couleurs où vous ne vous y attendez pas.

Comme avec les associations générales, il y a de nombreuses connotations différentes qui viennent avec la couleur bleue dans les différentes cultures. Dans la culture occidentale, il existe une tradition « something blue », souvent utilisée dans les mariages où la mariée se voit offrir quelque chose de bleu (ainsi que les autres traditionnels « quelque chose de vieux » et « quelque chose de nouveau ») en signe de bonne chance dans sa nouvelle vie. Cependant, en Iran, bleu est la couleur qui est utilisée en deuil.


Violet/Pourpre

Le dernier de la famille des couleurs froides, violet est considéré comme une couleur tout à fait mystérieuse, représentant généralement l'ambition, la royauté et le pouvoir.

colour-violetcolour-violetcolour-violet

Certaines associations avec la couleur pourpre comprennent :

  • royauté
  • imagination
  • pouvoir
  • luxe
  • richesse
  • extravagance
  • ambition
  • sagesse
  • magie
  • mystère

Une bonne combinaison à la fois de rouge et de bleu, le violet est intrigant et a l’effet apaisant et tranquille du bleu et de l’énergie qu'offre le rouge. Pourpre est souvent considéré comme une couleur de luxe et fonctionne bien dans les designs qui ont besoin de montrer ce petit plus d’un côté extravagant.

Contrairement aux bleus et aux verts, le violet est une couleur rare à croiser dans la nature. Par exemple, les fleurs violettes comme les lys, les orchidées et la lavande sont rares à trouver mais sont très fragiles et délicates, encore très précieuses et traitées avec beaucoup d’égards.

Le pourpre est une culture populaire dans de nombreuses cultures, pour différentes raisons. En Thaïlande, le violet est la couleur de deuil pour les veuves, alors qu’en Egypte, on sait largement qu'il était la couleur préférée de Cléopâtre, qui a été le dernier pharaon de l’Egypte Ancienne. Dans de nombreuses autres cultures, pourpre est la couleur traditionnelle portée par la royauté ou des personnes ayant autorité. Et aux États-Unis, il y a la « Purple Heart », une décoration militaire importante décernée au nom du Président à ceux blessés ou tués dans la bataille.

Lorsque vous utilisez le violet, il faut être prudent de ne pas trop l’utiliser - bien que certains montants peuvent certainement favoriser une sensation plus majestueuse, extravagante ou luxueuse à votre design trop violet peut également irriter et a même été réputé aggraver la dépression chez certaines personnes.

Il a été constaté que la plupart des enfants préfèrent la couleur pourpre aux autres couleurs, donc ce serait probablement une couleur vraiment efficace à utiliser dans vos créations qui ont un public plus jeune.

Utiliser le violet dans vos designs peut stimuler l’imagination et la créativité et des nuances plus légères de pourpre fonctionnent également très bien dans les designs féminins.


Palettes de couleurs

Les palettes de couleurs sont un arrangement de couleurs qui, une fois mise ensemble, peuvent être utilisés dans toute forme de design - y compris vos designs sur le web. C’est un travail difficile d'arriver à un bonne palette de couleur - et il est facile de remarquer quand les couleurs semblent « off » ou pas tout à fait correctes. Toutefois, lorsque vous faites l’effort de créer une palette de couleurs de qualité et efficace - et vous l'utilisez à bon escient - cela fera toute la différence entre un bon design et un qui est médiocre.

Il y a quelques palettes de couleurs principales, y compris : monochromatique, adjacente, complémentaire, complémentaire scindée, triadique et tétradique.

Remarque : On peut entendre quelques uns des prochains termes utilisés un peu plus souvent lorsqu’il est question de palettes de couleurs. Voici un petit glossaire pratique pour vous dépanner si vous en avez besoin :

  • Teinte : Une « teinte » est la couleur elle-même - vert, bleu, rouge, violet, etc..
  • Nuance : Une « nuance » c'est quand du *blanc* est ajouté à une teinte, rendant cette teinte plus légère.
  • Ombre : Une « ombre » c'est lorsque vous ajoutez plutôt du *noir* à une teinte, ce qui la rend plus sombre.
  • Ton : Un ton est créé quand du *gris* est ajouté à une teinte.

Monochromatique

Les palettes de couleurs monochromatiques utilisent une teinte (comme le bleu) et ensuite diverses nuances ou ombres de cette couleur d’origine.

colour-wheel-monochromaticcolour-wheel-monochromaticcolour-wheel-monochromatic

Ce sont les palettes de couleurs les plus faciles à créer car elles n'impliquent qu’une teinte - ainsi vous savez que les quelques couleurs de base que vous choisissez vont fonctionner en harmonie avec l’autre.

Adjacente

Les palettes de couleurs adjacentes sont créées en choisissant les teintes qui sont côte à côte sur la roue chromatique. Ainsi, par exemple, bleu-vert, vert et jaune-vert.

colour-wheel-analogouscolour-wheel-analogouscolour-wheel-analogous

Le meilleur moyen d’utiliser une palette de couleurs adjacente est de choisir l’une des couleurs comme couleur principale, dominante et puis d'utiliser les deux autres plus faiblement, comme les couleurs d’accent à la première.

Complémentaire

Les palettes de couleurs complémentaires sont créées en choisissant deux couleurs qui sont opposées sur le cercle chromatique - par exemple, rouge, vert ou violet et jaune. En raison du fait que ces couleurs étant exactement opposés, elles offrent un contraste très élevé et ont un fort impact.

colour-wheel-complementarycolour-wheel-complementarycolour-wheel-complementary

Les palettes de couleurs complémentaires peuvent être difficiles à enlever pour cette raison et fonctionnent mieux quand vous avez des éléments d’un design que vous voulez démarquer, plutôt que de les utiliser en doses plus complètes sur l’ensemble d’un design.

Complémentaire scindée

Les palettes de couleurs complémentaires scindées sont créées en prenant une couleur et ensuite en prenant deux couleurs qui sont de part et d’autre de ce qui serait la première couleur complémentaire.

colour-wheel-split-complementarycolour-wheel-split-complementarycolour-wheel-split-complementary

Par exemple, si votre couleur principale est violet, vos deux autres couleurs seront de part et d’autre de la couleur complémentaire de violet, jaune - donc jaune-vert et jaune-orange.

Comme cette palette de couleurs est assez proche de la palette de couleurs complémentaires, il va toujours avoir tout à fait le même impact lorsqu’il est utilisé, mais elle peut sembler un peu plus équilibrée et plus calme que la palette complémentaire complète. Encore une fois, lorsque vous utilisez une palette de couleur complémentaire scindée, il est plus facile d’utiliser l'une des couleurs comme emphase principale, avec les deux autres couleurs étant utilisées comme accent.

Triadique

Les palettes de couleurs triadiques utilisent trois couleurs qui sont espacées régulièrement autour de la roue chromatique, par exemple, violet, orange et vert.

colour-wheel-triadiccolour-wheel-triadiccolour-wheel-triadic

Utiliser des palettes de couleurs triadiques signifie que vous finirez habituellement avec un palette de couleurs vives et éclatantes, même si cela peut être atténué légèrement à l’aide de diverses ombres et nuances de couleurs. Comme avec les précédentes palettes de couleurs, les palettes de couleurs triadiques fonctionnent mieux quand vous laissez une couleur attirer plus l'attention, avec les deux autres travaillant comme couleurs d’accent.

Tétradique

Les palettes de couleurs tétradiques travaillent en associant deux ensembles de jeux de couleurs complémentaires. Elle fonctionne presque en créant un rectangle autour de la roue chromatique. Un exemple d’une palette de couleurs tétradique est rouge, vert, bleu et orange.

colour-wheel-tetradiccolour-wheel-tetradiccolour-wheel-tetradic

Ce qui est formidable à propos de la palette de couleurs tetradique, c’est qu’elle offre beaucoup de variété, quand il s’agit de choisir les couleurs que vous utilisez et vous offrent plus d’idées lorsque vous concevez votre site Web. Encore une fois, cependant, comme avec toutes les autres palettes de couleurs une palette de couleurs tetradique fonctionne mieux en permettant à l'une des couleurs d'être le point de mire, le reste étant utilisé comme couleurs d’accent.


Conclusion

Ceci conclut notre regard sur les caractéristiques des couleurs. Dans la partie suivante de Design School for Developers, nous étudierons les moyens pratiques de choisir une palette de couleurs.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.