1. La couleur dans vos créations Théorie
Chapitre 3 | Le sens caché des couleurs
2. Avant-propos
Tout d’abord bonjour et merci de l’intérêt que vous portez à mes cours.
Ce cours a été rédigé entièrement par moi, cependant je n’ai pas la science
infuse, c’est pourquoi je me base sur divers sources collectées au fil de mes
recherches.
De ce fait je tiens à remercier les auteurs des ces sources dont vous pourrez
trouver la liste à la fin du document (il est possible dans certains cas qu’il n’y
en ai pas, auquel cas cela signifie qu’aucune source n’a été utilisée pour la
rédaction de ce cours).
Ce cours est livré tel quel, aussi si vous avez des question ou des remarques,
veuillez les adresser directement sur le site ou par mail.
Si vous souhaitez utiliser ce document dans n’importe quel cadre (formation,
école, entreprise, loisirs, famille, ...), je vous y autorise à la seule condition de le
diffuser gratuitement et de l’utiliser dans son intégralité (toute les pages, même
la couverture s’il vous plaît) de sorte que chacun puisse avoir connaissance
de la source d’où provient le document (j’en profite donc pour vous remercier
pour la pub gratuite).
Seule restriction, je vous demanderai de ne pas proposer ce document en
téléchargement direct depuis votre propre site. Préférez un lien sur explainMe,
ainsi si des mises à jour sont faites sur le fichier, il sera d’autant plus simple de
les récupérer si la source de diffusion online reste unique.
Enfin, si vous ré-utilisez ce cours dans le cadre d’une formation ou d’un cours,
j’apprécierai beaucoup si vous pouviez me l’indiquer par mail. Histoire de savoir
si mon travail a pu servir à quelqu’un tout simplement...
Ce cours est la reprise d’un article publié sur le site www.explain-me.com
Il a fait l’objet d’une remise en forme du fait du changement de support, mais
reste identique dans son contenu.
Malgré toute l’attention que je porte à la rédaction des articles il est possible
que quelques fautes d’orthographes persistent. Aussi si vous en rencontrez,
merci de bien vouloir m’en avertir par mail à l’adresse suivante :
boris@explain-me.com
De sorte que je puisse effectuer les corrections et remplacer le fichier sur le
site.
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
3. Conventions typographiques
Afin de simplifier et d’organiser mon propos, j’utilise les conventions typographiques
suivantes :
[Ctrl + ...] Les raccourcis claviers sont indiqués entre crochés ( les trois points étant
remplacés par la lettre correspondant bien évidement).
Ctrl Touche contrôle.
Sous Mac bien que la touche existe, c’est la touche ‘Pomme’ qui est utilisée
pour les raccourcis clavier, elle est symbolisée par une pomme.
Alt Touche ‘Alt’ située à gauche de la barre espace.
Sous Mac elle est remplacée par la touche ‘Option’.
Alt Gr Touche ‘Alt’ située à droite de la barre espace.
Shift La touche ‘Majuscule’ sera désigné par l’appellation anglaise Shift.
Le code sera écrit sur fond gris et avec une autre police de caractère, pour
<?php ?>
simplifier son identification.
Conseil / Avertissement
Cette icône introduit un conseil ou un avertissement susceptible de vous éviter
des complications face à l’action traitée.
Astuce
Cette icône dispense une astuce susceptible de vous faire gagner du temps
par rapport à la technique décrite. Ou encore quelque chose qu’il est bon de
savoir.
Variante
Cette icône indique une autre manière d’obtenir le résultat escompté, ou apporte
un complément d’information sur une méthode utilisée.
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
4. Introduction
Dans ce dernier chapitre, je vous propose d’aborder les différentes manières
dont nous percevons les couleurs, non plus de façon simplement visuelle, mais
plutôt de façon sensorielle.
C’est de loin la partie la plus intéressante de la couleur, mais aussi la plus
difficile à maîtriser car elle fait appel à des notions qui peuvent paraître (et sont
quelques fois) subjectives.
La symbolique des couleurs
Ce que l’on appelle « symbolique des couleurs » (ou encore sémiologie des
couleurs) est en fait un ensemble d’émotions, ou de valeurs si vous préférez,
que l’être humain associe aux couleurs.
Ces associations varient selon les époques, les sociétés, les cultures, le contexte,
…
Vous l’aurez compris, le rattachement d’un concept ou d’une émotion à une
couleur est quelque chose de relativement subjectif. Pour autant, quelques
notions semblent faire consensus, et même si certaines ne paraissent pas
forcement évidentes au premier abord, les voici (pages suivantes) :
Attention, les images d’illustration ne sont là que pour exprimer les concepts
rattachés aux couleurs. Il est donc bien évident que les photos ont été
sélectionnées dans cette optique et ne témoignent donc pas de la totalité des
émotions ou autres idées que peut exprimer une couleur.
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
5. Le Rouge |
Associations : la passion, le danger, l’amour, l’interdit, le sang, la vitesse, …
Propriétés : Le rouge est la couleur visible le plus rapidement, elle attire l’œil
(jusqu’à 40 fois plus que les autres), sa vision accélère les battements du
cœur.
Le Orange |
Associations : la chaleur, la vitalité, l’équilibre, la grandeur, la science, l’énergie,
le feu, …
Propriétés : très visible
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
6. Le Jaune |
Associations : Le soleil, la richesse, le talent, la réussite, la gloire, la vivacité,
la traîtrise, …
Propriétés : Très mauvaise visibilité sur le blanc. Très bonne visibilité sur le noir.
Stimule le cerveau et l’intellect.
Le Vert |
Associations : L’espoir, la liberté, la nature, la jeunesse, l’optimisme, le moisi,
la tonicité, …
Propriétés : Le vert a des vertus calmantes et apaisante, il rafraichie.
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
7. Le Bleu |
Associations : le ciel, l’air, la pureté des sentiments, la sagesse, la sérénité, le
rêve, l’immatérialité, la discipline …
Propriétés : Le bleu rassure, il fait baisser la température du corps, ralentit le
pouls, et calme l’appétit.
Le Violet |
Associations : Trouble, originalité, mystère, spiritualité, préciosité, malaise, les
souvenirs, l’autorité, …
Propriétés : C’est une couleur raffinée, mais angoissante.
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
8. Le Noir |
Associations : La mort, le deuil, l’obscurité, la nuit, l’impureté, la mélancolie,
l’élégance, le luxe, la neutralité, …
Propriétés : Le noir amincit les formes.
Le Blanc |
Associations : la pureté, la propreté, la virginité, l’innocence, la lumière,
Propriétés : Le blanc seul est pour ainsi dire dépourvu d’émotions (la page
blanche).
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
9. Le Gris |
Associations : neutralité, équilibre, la solitude, …
Propriétés : Le gris met en confiance. Pour autant c’est une couleur triste.
Etc, etc, etc …
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
10. La perception de la couleur
La perception des couleurs peut être décomposée en deux parties :
• La perception psychologique
• La perception physiologique
La perception psychologique est peut-être la plus évidente à capter, car elle fait
appel à un processus de réflexion qui fait que l’on associe certaines émotions,
sentiments ou encore valeurs à une couleur.
Cette perception fait donc appel aux notions que nous venons de voir (rouge =
passion, blanc = pureté,…)
La perception physiologique en revanche est beaucoup plus subtile car elle est
souvent inconsciente.
Prenons un exemple : vous vous sentirez certainement plus réchauffé dans une
pièce dont les murs sont peints en rouge, que dans une pièce aux murs bleus
pâle, et ce même si la température est en réalité la même dans les 2 pièces
(pour une surface identique s’entend).
La perception physiologique correspond donc à l’effet que produisent les couleurs
sur notre attitude physique et non plus psychologique. C’est une perception très
puissante puisque les couleurs possèdent alors un pouvoir capable de modifier
notre comportement.
On voit ici toute l’importance que peut revêtir le choix des couleurs lors de la
création de l’identité d’une société ou d’une marque. Une erreur de jugement
peut vous faire passer à côté de votre cible.
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
11. Chaude, froide, vive, terne, …
La « chaleur » ou « vivacité » de chaque couleur contribue également à renforcer
le message qu’elle porte.
J’entends par là que la valeur de la teinte d’une couleur modifie la « qualité »
de l’émotion qu’elle véhicule.
Ainsi 2 valeurs différentes d’une même teinte ne veulent pas forcement dire la
même chose.
De même, une teinte dont la saturation est réduite, n’a pas la même portée. En
se ternissant, la couleur voit sa « charge en émotion » réduire d’autant.
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
12. Petits conseils entre amis…
Voici en toute modestie, quelques conseils sur l’utilisation des couleurs :
Essayez d’utiliser une gamme de couleurs pour chaque réalisation.
Personnellement je trouve que la profusion de couleurs dans une création n’est
que très rarement utile. A utiliser trop de couleurs, on risque d’obtenir un rendu
final assez fouillis. Je préfère limiter le nombre de couleur pour maximiser leur
impact. De plus, une quantité trop important perd l’œil qui tente de se rattacher
à une couleur mais n’y parvient pas. Pour autant l’inverse est aussi valable,
inutile de verser dans la monochromie sauf si bien sûr cela est voulu.
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
13. Attention aux couleurs que vous utilisez. Oui le rouge et le vert sont les couleurs
complémentaires du cercle chromatique RVB. Pour autant complémentaires
ne veut pas dire qu’elles doivent êtres forcement associées conjointement.
Regardons l’illustration d’exemple, les compositions de droite sembles plus
agréables à consulter car les teintes sélectionnées s’harmonisent mieux entre
elles, que le fond soit sombre ou clair.
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
14. Prenez garde de ne pas trop saturer les photos que vous retouchez, il n’y a
rien de pire qu’une photo trop « trafiquée ». En règle générale, lorsque vous
retouchez les couleurs d’une photo, prenez votre temps, faites plusieurs séries
de réglages si nécessaires, mais veillez à ce que ceux-ci ne soient pas trop
prononcés sous peine de rendre l’image irréelle (à moins que ce ne soit le
résultat recherché).
Dans l’illustration d’exemple j’ai essayer de montrer comment un réglage, même
juste un peu trop prononcé, peu s’avérer faux. Maintenant tout est toujours
histoire de jugement…
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
15. Lorsque vous travaillez pour l’impression (en CMJN donc), soyez tout
particulièrement attentifs à certaines couleurs comme le bleu par exemple, qui
vous semble bien bleu à l’écran, mais peu s’imprimer en violet si le Magenta
est en trop grande quantité dans sa composition (voir illustration). En règle
générale si votre travail est destiné à être imprimé, ne faite pas confiance au
rendu écran.
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
16. Analyse d’une création
Pour finir ce cours je vous propose d’analyser l’une de mes créations pour
essayer de vous expliquer mes choix concernant les couleurs.
Vous aurez compris que j’ai choisi une création personnelle car je suis plus à
même d’en commenter les choix que si j’avais choisi une réalisation de quelqu’un
d’autre.
Idée de départ :
Il s’agit d’un fond d’écran qui a pour thème le printemps. De plus j’ai décidé
dès le début de traiter le sujet plus comme une idée ou un concept que comme
quelque chose de réellement tangible.
Le printemps étant de fait lié à la nature et la végétation, l’image est à très forte
dominante de vert (quasiment monochromatique d’ailleurs).
L’image se compose en 2 parties :
À gauche, le côté le plus rattaché à la réalité, où se situent des branches en
fleurs avec des teintes de verts moins saturés et plus sombres que le reste de
la composition pour garder un semblant de réalisme (j’ai bien dit un semblant).
Au niveau de la base de la tige, j’ai également rajouté un tracé qui ondule le
long des branches et part d’un marron pour finir absorbé par le flot de verts.
Par opposition, ou plutôt par extension, plus on se déplace vers la droit de l’image
et plus on abandonne le réalisme au profit de l’idée, et les formes deviennent
de plus en plus irréelles et les couleurs de plus en plus saturées. De sorte que
la dynamique des formes soit renforcée par l’énergie de l’intensité des teintes.
Les pétales des fleurs enfin, sont d’un blanc éclatant qui vient affirmer la pureté
de la nature et ça capacité à faire naître la vie (même si l’une des fleurs est
dans un sale état : c’est la dure loi de la nature).
Pour info j’ai fait apparaître la photo originale dans le coin inférieur droit. Elle
était déjà très belle mais ne correspondait pas à mes souhaits en termes de
couleurs.
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
17. Conclusion
Voilà j’espère que ce cours vous aura plu et apporté quelques informations qui
vous seront utiles dans votre travail.
A vous maintenant d’explorer les couleurs …
Boris | explainMe
Références
Voici les références qui m’ont servies lors de la rédaction de ce cours :
http://www.admirabledesign.com/Sur-le-sens-des-couleurs
http://www.ergonomie-web.com/fr/articles/semiologie_couleurs_14.html
http://www.paintcafe.com/fr/couleur/langage/symbolique/bleu.asp
http://www.dynalum.com/dico/symbolisme-couleurs.htm
http://www.premieres-couleurs.com/bleu.html
http://www.dezign-box.net/webdesign/couleurs/symbolique.php
« Textures & Couleurs » Owen Demers - Éditions CampusPress
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]