• Home
  • Contact
  • Édito
  • Bientôt
  • Glossaire
  • Cours PDF
  • Restez informé
  • Forum

explainMe

Le graphisme et la programmation de façon simple.

  • Articles
    Commentaires
  • Dossiers

    • La couleur
    • La typographie
    • Site complet en flash
  • Catégories

    • Astuces
    • Couleurs
    • Cours théoriques
    • Divers
    • Flash
    • Flash – AS2
    • Flash – AS3
    • Non classé
    • Réflexions
    • Typographie
  • Articles les plus lus

    • Site complet en flash : part 1 (13 437)
    • Site complet en flash : part 2 (9 625)
    • La couleur dans vos créations (7 451)
    • Site complet en flash : part 3 (7 225)
    • Site complet en flash : part 4 (6 934)
  • Mots-clefs

    Tableau associatif gamme de couleurs sondage gras Résolution site complet caractères spéciaux cercle chromatique Réflexion Photoshop symbolique RVB masque AS2 cours équipe font ton direct Typographie CMJN perception italic police sens actionscript AS3 webdesigner Divers CSS règles typographiques forum théorie HTML vie du blog Site couleurs tutoriel colorimétrie XML Astuce Flash caractère
Le sens caché des couleurs

Le sens caché des couleurs

Le 16 juillet 2008


La couleur
  • La couleur dans vos créations
  • RVB ou CMJN ?
  • Le sens caché des couleurs

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 :

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.


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

orange Le Orange |

Associations : la chaleur, la  vitalité, l’équilibre, la grandeur, la science, l’énergie, le feu,  …

Propriétés : très visible

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

vert 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 rafraîchit.

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

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

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

blanc 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).

gris 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 …

La perception de la couleur |

perception des couleurs 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.

Chaude, froide, vive, terne, … |

couleur et sens 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.

Petits conseils entre amis… |

Voici en toute modestie, quelques conseils sur l’utilisation des couleurs :

gamme de 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.
choix des couleurs
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.
retouche photo 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 essayé 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…

bleu cmjn Lorsque vous travaillez pour l’impression (en CMJN donc), soyez tout particulièrement attentif à 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.

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.

analyse d'une création

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

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 …

Ressources ayant servie à la rédaction de ce cours :
« Textures & Couleurs » Owen Demers éditions CampusPress
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


«RVB ou CMJN ?
Wikio

Catégorie(s) : Couleurs, Cours théoriques

Article lu 6 394 fois

BofPeut faire mieuxPas malIntéressantTrès intéressant [4,14 / 5 - 7 vote(s)]

Loading ... Loading ...

Articles en rapport

  • La couleur dans vos créations
  • RVB ou CMJN ?
  • Site complet en flash : part 7
  • Et maintenant, la suite (sondage) !
  • Site complet en flash : part 6
Haut de page

9 commentaires sur “Le sens caché des couleurs”

  1. Le graphisme et la programmation de façon simple | Rootsarts V7.5 dit :
    27 octobre 2008 à 18:10

    [...] – Site complet en flash : part 1 – La couleur dans vos créations – La typographie : premier contact – Le sens caché des couleurs [...]

    Répondre
  2. Interceptor dit :
    10 janvier 2009 à 14:12

    Débutant en graphisme je trouve qu’un article clair et précis comme celui ci était manquant sur les sites de graphisme les plus connus. Il m’est utile. Merci !

    Répondre
  3. admin dit :
    10 janvier 2009 à 15:19

    Avec plaisir !

    Répondre
  4. MyGB dit :
    10 janvier 2009 à 16:50

    « Propriétés : Le vert a des vertus calmantes et apaisante, il rafraichie. »
    Eh oui, encore moi. :) , rafraichit.

    Répondre
  5. admin dit :
    10 janvier 2009 à 17:58

    Pas de souci.
    Et surtout si quelqu’un en vois d’autres indiquez les moi, c’est aussi comme ça que le blog s’améliorera  ;)

    Je corrige ça dès que j’ai 5 minutes (et le PDF aussi).

    Répondre
  6. charlouf dit :
    10 janvier 2009 à 18:57

    Salut. Félicitation pour tous ces articles qui m’ont beaucoup appris. Juste une petite question qui peut paraitre idiote: la perception physiologique ne serait-elle pas directement liée à la perception psychologique? En effet le cerveau interprète la couleur puis le corps réagit?

    Répondre
  7. admin dit :
    10 janvier 2009 à 20:41

    Oui en effet mais je pense que le terme « physiologique » est ici à prendre au sens figuré.
    Effectivement sans cerveau nous ne sommes que des coquilles vides, mais il s’agit ici de faire un distinguo entre les perceptions induites par une réflexion et celles qui sont plus « instinctives » disons.

    Répondre
  8. Romain dit :
    11 janvier 2009 à 21:02

    Super article, j’ai beaucoup appris et aimé !

    Une petite faute que j’ai apperçue dans le 3ème paragraphe de « petits conseils entre amis »:

     »j’ai essayer de montrer comment un réglage »

    Bonne continuation ;)  

    Répondre
  9. admin dit :
    11 janvier 2009 à 21:06

    Merci je rectifie immédiatement.

    Répondre

Laisser une réponse

Cliquer ici pour annuler la réponse.

Haut de page

Derniers articles

  • Site complet en flash : part 8
    le 16 février 2010
  • Bonnes fêtes de fin d’année à tous !
    le 23 décembre 2009
  • Site complet en flash : part 7
    le 18 décembre 2009
  • Photoshop : transmission de masque
    le 4 novembre 2009
  • Et maintenant, la suite (sondage) !
    le 26 octobre 2009

Derniers commentaires

  • Il n'y a pas de problème, tout le monde ...
    par admin le 11 mars 2010 | 18:31
  • Salut c'est encore moi... lol je débute ...
    par seaman130092 le 11 mars 2010 | 11:51
  • effectivement l'erreur venez de la... :D...
    par seaman130092 le 11 mars 2010 | 11:34
  • Salut, Je viens de récupérer tes fichier...
    par admin le 10 mars 2010 | 18:43
  • Re bonjour, Alors effectivement j'avais ...
    par seaman130092 le 10 mars 2010 | 10:52

Crédits

Copyright ©2010 | explainMe
Contact | boris@explain-me.com
Design | infoTRASH
Propulsé par | WordPress

Inscription
Connexion


PageRank Actuel

pix-cration d'or  Zero awards 2009 : explainMe : Meilleur site d'enseignement