explainMe | Le sens caché des couleurs

2 132 vues

Publié le

Première approche de la sémiologie des couleurs afin d'aider le débutant en graphisme à utiliser le "pouvoir" des couleurs dans ses créations.

0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
2 132
Sur SlideShare
0
Issues des intégrations
0
Intégrations
3
Actions
Partages
0
Téléchargements
74
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

explainMe | Le sens caché des couleurs

  1. 1. La couleur dans vos créations ThéorieChapitre 3 | Le sens caché des couleurs
  2. 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 | TUTORIELboris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
  3. 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. 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 | TUTORIELboris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
  5. 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 | TUTORIELboris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
  6. 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 | TUTORIELboris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
  7. 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 | TUTORIELboris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
  8. 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 | TUTORIELboris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
  9. 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 | TUTORIELboris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
  10. 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 | TUTORIELboris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
  11. 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 | TUTORIELboris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
  12. 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 | TUTORIELboris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
  13. 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 | TUTORIELboris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
  14. 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 | TUTORIELboris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
  15. 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 | TUTORIELboris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
  16. 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 | TUTORIELboris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
  17. 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 | TUTORIELboris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]

×