Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Design Theory
Webdesign

Sélectionnez votre propre palette de couleur

by
Length:MediumLanguages:
This post is part of a series called Design School for Developers.
Understanding the Qualities and Characteristics of Color
Working With Brand and Design Guidelines

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

Maintenant vous devriez avoir une bonne idée de ce qu'est la couleur, ce que chacune des couleurs signifie et ainsi qu'une bonne compréhension des différents types de palettes de couleurs à votre disposition. Cependant, savoir tout cela n’aide pas si vous ne savez pas où commencer, ou comment mettre cette information à profit.


L’Impact de la couleur dans vos projets

La couleur est l'une de ces choses qui semblent vraiment simple - mais peut être très difficile à faire correctement. Et, comme c’est un des éléments vraiment visuels, focal à tout design, alors c'est si, si facile à remarquer quand quelque chose n’est pas tout à fait à sa place. Si une si grande partie de votre design n'est pas correcte, ou représente correctement votre entreprise, le service ou la marque, alors elle peut faire toute la différence entre les utilisateurs qui restent et explorent et ceux qui disparaissent.

Grâce à cela, lorsque vous choisissez une palette de couleurs, vous avez besoin d’être vraiment conscient de l’impact que la couleur peut avoir dans votre design - bon et mauvais.

Il est absolument parfait de rouler avec vos propres palettes de couleurs et rester loin des palettes par défaut (tels que complémentaire), mais quand vous êtes débutant dans la création de vos propres palettes de couleurs, vous êtes probablement mieux coller avec les principaux types de palettes de couleur. De cette façon, ça le rend plus difficile - mais pas impossible - de faire un faux pas et de finir avec un mauvaise jeu de couleurs.


Choisir les couleurs appropriées

Tout d’abord, nous regarderons comment vous pouvez commencer à choisir une palette de couleurs appropriée pour votre projet.

choosing-a-colour-scheme

Ce que vous devez être en train de penser ici c'est quelles couleurs conviennent à votre marque, entreprise ou une industrie dans l’ensemble. Il y a une infographie fantastique montée à Column Five Media qui évoque les couleurs utilisées dans le top 100 des marques dans le monde entier.

color-scheme-info

Non seulement c’est vraiment intéressant, comme nous pouvons jeter un coup d’oeil à quelles couleurs sont utilisées dans certaines grandes marques et entreprises du monde entier, mais il nous donne un aperçu fascinant de quelles couleurs fonctionnent le mieux - ou sont utilisées plus souvent - dans des secteurs particuliers.

Comme vous pouvez le voir dans l’infographie, toutes les couleurs principales à votre disposition sont adaptées pour différentes industries - et les couleurs qui peuvent convenir reviennent aux significations générales interprétées dont nous avons parlé dans les articles précédents.

Ce que j’aime faire est de créer des cartes mentales explorant les différents tons et des idées que j’ai pour un projet - et cherchez le genre de message que la marque pourrait vouloir projeter en ligne. Ensuite, comparez cet arbre conceptuel d’idées pour les significations de couleur et voyez celles qui correspondent le mieux - et qui peut vous aider à voir quelles couleurs pourraient être mieux adaptés pour le projet ou la marque.

Combien de couleurs dois-je utiliser ?

Parfois, cette question est vraiment une question de préférence. Cependant, ça ne vaut rien comme dans l’infographie de Column Five Media, de toutes les marques du top 100 5% seulement ont choisi d’utiliser plus de deux couleurs dans leurs palettes de couleur principales.

Remarque : Seulement à une époque assez récente, quand les budgets d’impression ont été plus pertinents que l’exposition en ligne, le montant de traite les couleurs utilisées dans la marque imprimée matériau est une considération très réelle.

Cela dit, utilisez autant de couleurs que vous pensez convenir - dans certains cas, vous pouvez utiliser la couleur pour différencier les sections sur un site Web. Dans ce genre d’instance vous pouvez avoir jusqu'à quatre ou cinq différentes couleurs à inclure dans votre palette de couleurs, qui peuvent correspondre à chacune des sections.

Bien que le choix ultime vous revienne, je recommanderais que vous travailliez au moins avec deux ou trois couleurs dans votre palette de couleur principale - sans compter une couleur claire ou foncée neutre pour du texte ou des arrière-plans. Avoir deux ou trois couleurs dans votre palette de couleurs vous offre simplement la chance d’expérimenter et d’offrir davantage de contraste entre les zones que si vous deviez travailler avec différentes nuances et teintes d’une couleur.


Choisir les palettes de couleurs à partir de photos

Avez vous jamais regardé une photo et pensé à quel point magique ou à couper le souffle les couleurs étaient ? Parfois, ces belles couleurs peuvent être traduites en une palette de couleurs utilisable que vous pouvez mettre à profit. Il suffit de choisir une super palette de couleurs d’après une photo est un peu de pratique et beaucoup de patience - si vous êtes un perfectionniste comme moi, alors vous passerez un moment à affiner les couleurs jusqu'à ce qu’elles soient juste comme il faut.

Choisissez votre Photo

La clé pour choisir une bonne photo pour travailler est d'en trouver une qui possède la variété et une que vous ne trouverez peut-être pas tout à fait remarquable. Peu importe si votre image est plus vintage ou monochromatique dans le style (c'est-à-dire avec une teinte ou couleur uniforme qui traverse l’ensemble de l’image) ou si elle est plus dynamique et a beaucoup de couleurs - vous pouvez toujours trouver une palette de couleurs utilisable quelque part à l'intérieur.

Une fois que vous avez une photo - ou quelques unes, si vous voulez essayer de créer plusieurs palettes à la fois - ouvrez-la dans votre programme graphique favori et soyez fou. J’ai un template que je souhaite utiliser dans Photoshop (contenant quelques petites formes rectangulaires) comme point de départ pour où je mettrai les couleurs que j’aurais choisies.

Lorsque je choisis une palette de couleurs à partir d’une photo, j’essaye de m’en tenir à un seul type de palette de couleur (par exemple monochromatique ou complémentaire) et puis essayez de choisir des couleurs qui pourraient correspondre à ce style dans la photo. Ainsi, par exemple, je vais regarder la photo et essayer de voir quelles couleurs se distinguent le plus - ça ne veut pas dire qu’elles sont lumineuses, elles peuvent être atténuées ou être seulement une petite partie de la photo, mais je vais essayer et choisir le peu de couleurs qui font de la photo celle qui me parle.

In this photo, due to all the similar purple tones we've been able to quite easily pick out a monochromatic colour scheme.
Sur cette photo, en raison de tous les tons mauves semblables, nous avons pu repérer assez facilement une palette de couleurs monochromatique.
This photo is quite busy, and we could therefore spend time creating a more custom colour scheme that adheres to a couple of rules, but also fits together well.
Cette photo est plutôt chargée, et nous pourrions donc passer du temps à créer une palette de couleurs plus personnalisée qui respecte quelques règles, mais intègre également bien l'ensemble.

Une fois que j’ai commencé à regarder la photo un peu plus, et j’ai une meilleure compréhension du style que je recherche, je vais continuer à m'amuser - simplement avec l’outil pipette - pour voir ce quelles couleurs fonctionnent le mieux ensemble. Ça peut être une affaire de choix d'une seule couleur comme point focal, avec deux autres couleurs qui peuvent être utilisées comme accent.

Ensuite, commencez à mettre ces couleurs dans le template et déplacez-les jusqu'à ce que vous soyez satisfait avec le positionnement et la hiérarchie des couleurs. J’essaye aussi souvent de travailler pour obtenir à la fois une couleur foncée (proche du/ou presque noir) et une couleur claire (plus près de blanc) aux côtés des couleurs focales principales que je peux choisir. Ceci peut alors aider à équilibrer les couleurs et la structure sur une page, ainsi que fournir des couleurs de texte possibles si aucune des couleurs principales dans votre palette ne convient.

Honnêtement, l’objectif principal ici est juste de s'amuser - parfois les couleurs avec lesquels vous arriverez ne seront pas adaptés et parfois vous ne serez pas en mesure de trouver une palette de couleurs décente dans la photo - mais assurez-vous que vous expérimentez avec les couleurs jusqu'à créer une palette de couleurs qui semble plus uniforme et créera une bonne harmonie dans votre design.

App iPhone Adobe Kuler

Si vous avez du mal avec la création de vos propres palettes de couleurs à partir de photos, Adobe à également récemment, publié une application iPhone pour Adobe Kuler et intègre une façon super soignée de choisir les couleurs à partir des photographies. Vous pouvez passer en mode appareil photo et choisir parmi vos photos existantes ou vous pouvez prendre une photo de quelque chose directement de là où vous êtes.

adobe-kuler-1

Ce qui est génial sur l’application Adobe Kuler, c’est qu’elle vous offre un moyen novateur de choix de couleurs. Si vous prenez une photo directement depuis l’application Kuler dans la vue « Live », alors vous commencerez à voir des petits cercles se déplaçant partout dans la photo que vous pouvez voir. Ce qui se passe ici c'est que le soft est constamment à la recherche et au choix de ce qu’il considère être les couleurs les plus estimables dans cette photo, puis les met ensemble dans un petite palette de couleur pour vous.

adobe-kuler-2

Si vous n’êtes pas convaincu de vos propres choix de palettes de couleurs à partir des photos, alors utiliser l’application Kuler est un excellent moyen pour vous aider à comprendre ce qui fait une bonne palette de couleurs à partir d’une photo. N’hésitez pas à prendre beaucoup de photos - à la fois avec peu et beaucoup de couleurs atténuées, lumineuses and colorées - et utilisez l’application Kuler pour analyser vraiment si ces palettes de couleurs fonctionnent et pourquoi l’app les a prises.

Alors, au bon moment vous pouvez commencer à travailler sur la création de vos propres palettes de couleurs à partir de photos et à être plus confiant quant aux choix que vous faites.


Lectures supplémentaires

Pour plus d'instructions détaillées sur l’utilisation de l’application Kuler iOS, jetez un oeil à Capture Colors With the Adobe Kuler App for the iPhone par l'éditeur de Vectortuts+ Sharon Milne.

Advertisement
Advertisement
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.