SlideShare ist ein Scribd-Unternehmen logo
1 von 36
Downloaden Sie, um offline zu lesen
Association 1901
Pol Goasdoué
UX designer
Design de services
https://fr.linkedin.com/in/polgoasdoue
https://plus.google.com/u/1/+PolGoasdoué/posts
COULEURS ?
COULEURnom féminin; (latin color, -oris)
Sensation résultant de l’impression produite sur l’œil
par une lumière émise par une source
et reçue directement (couleur d’une source : flammes, etc.)
ou après avoir interagi avec un corps non lumineux
(couleur d’un corps).
http://www.larousse.fr/dictionnaires/francais/couleur/19757?q=couleur#19644
PERCEPTION(S)
Œil
Sensibilité à des longueurs d’onde
comprises entre 380 et 780 nanomètres (pour les humains)
= spectre optique
https://fr.wikipedia.org/wiki/Œil
NyctalopeNous200 images / secondes
Les cônes contiennent un pigment appelé rhodopsine, qui est décomposé et décoloré à la lumière.
Ce procédé de décomposition crée un potentiel électrique qui transforme l’énergie lumineuse en impulsion nerveuse.
Cette impulsion est transmise au cerveau par l’intermédiaire du nerf optique.
Les bâtonnets fonctionnent lorsque la lumière est faible et perçoivent le noir et le blanc.
http://www.optique-du-palais.fr/pages/vision/comment-voit-on.html#GHdcBfb58m8qRp
PENSER,
DÉCOUVRIR LA COULEUR
Platon, Newton, De Vinci, Goethe, Einstein...
http://www.colorsystem.com/?page_id=31&lang=fr
https://fr.wikipedia.org/wiki/Disque_de_Newton
http://www.linternaute.com/science/histoires-de-science/newton-lumiere/newton-lumiere.shtml
http://www.profil-couleur.com/lc/002-couleur-vinci.php
https://fr.wikipedia.org/wiki/Traité_des_couleurs
https://fr.wikipedia.org/wiki/Énigme_d%27Einstein
ONDES
infrarouges / micro-ondes / rayons x / Ultra-violets
Nos yeux ne “voient pas“ ces autres longueurs d’ondes
TRANSFERT D’ENERGIE
Einstein : faisceau de photons
THÉORIE
Goethe
http://cs.brown.edu/courses/cs092/VA10/HTML/GoethesTriangleExplanation.html
DÉCRIRE
UNE COULEUR...
Chroma
Degré de pureté de la teinte (en relation avec le gris)
Saturation
Degré de pureté de la teinte.
Intensité
La luminosité ou la «matité» d’une couleur.
On peut diminuer l’intensité en ajoutant blanc ou noir.
Luminance / Valeur
Mesure de la quantité de lumière réfléchie par une teinte
NOMMER
UNE COULEUR...
IDENTIFIER,
CHOISIR UNE COULEUR...
BAKER MILLER PINK
Mode TSL
Variation de la saturation de la teinte
de 100% à gauche à 0% à droite (blanc = 0% de la teinte)
Variation de la lumière
de 100% à gauche à 0% à droite (noir = 0% de lumière)
Ce mode, disponible dans les différents outils de traitement de couleurs, vous permet
de faire varier différentes valeurs d’une teinte en y ajoutant du blanc (S) ou du noir (L)
TIPS n TRICKSseason alpha 0.1
AU SECOURS MON CTA EST MALADE
MON TEINTURIER EST DALTONIEN
VOUS VOTRE TEINTURIER
Colour Contrast Check
http://www.snook.ca/technical/colour_contrast/colour.html#fg=33FF89,bg=7332C8
Color contrast tips and tools for accessibility
https://www.smashingmagazine.com/2014/10/color-contrast-tips-and-tools-for-accessibility/
3 WAYS to see what your colors look like to the color-blind.
http://newmanservices.com/colorblind/default.asp
Smashing Magazine - color theory - 3 articles
https://goo.gl/2hfIWD
https://goo.gl/tAasl2
https://goo.gl/pPdjlj
The 28 best tools for choosing a colour scheme
http://www.creativebloq.com/colour/tools-colour-schemes-12121430
Color Adobe
https://color.adobe.com/fr/
http://www.adobe.com/fr/products/capture.html
RÉFÉRENCES
BIBLIOGRAPHIQUES
Michel Pastoureau
(...)
Jean-Gabriel Causse
Au plaisir de vous revoir !
Association 1901

Weitere ähnliche Inhalte

Mehr von antopensource

Atelier Blender Fev-2016 2/2
Atelier Blender Fev-2016  2/2Atelier Blender Fev-2016  2/2
Atelier Blender Fev-2016 2/2antopensource
 
Atelier Blender Fev-2016 1/2
Atelier Blender Fev-2016 1/2Atelier Blender Fev-2016 1/2
Atelier Blender Fev-2016 1/2antopensource
 
Jive the renovation of Aswing
Jive the renovation of AswingJive the renovation of Aswing
Jive the renovation of Aswingantopensource
 
WWX14 speech : Justin Donaldson "Promhx : Cross-platform Promises and Reactiv...
WWX14 speech : Justin Donaldson "Promhx : Cross-platform Promises and Reactiv...WWX14 speech : Justin Donaldson "Promhx : Cross-platform Promises and Reactiv...
WWX14 speech : Justin Donaldson "Promhx : Cross-platform Promises and Reactiv...antopensource
 
WWX2014 speech : Elliott Stoneham "Tardis go"
WWX2014 speech : Elliott Stoneham "Tardis go"WWX2014 speech : Elliott Stoneham "Tardis go"
WWX2014 speech : Elliott Stoneham "Tardis go"antopensource
 
Wwx2014 - Todd Kulick "Shipping One Million Lines of Haxe to (Over) One Milli...
Wwx2014 - Todd Kulick "Shipping One Million Lines of Haxe to (Over) One Milli...Wwx2014 - Todd Kulick "Shipping One Million Lines of Haxe to (Over) One Milli...
Wwx2014 - Todd Kulick "Shipping One Million Lines of Haxe to (Over) One Milli...antopensource
 

Mehr von antopensource (6)

Atelier Blender Fev-2016 2/2
Atelier Blender Fev-2016  2/2Atelier Blender Fev-2016  2/2
Atelier Blender Fev-2016 2/2
 
Atelier Blender Fev-2016 1/2
Atelier Blender Fev-2016 1/2Atelier Blender Fev-2016 1/2
Atelier Blender Fev-2016 1/2
 
Jive the renovation of Aswing
Jive the renovation of AswingJive the renovation of Aswing
Jive the renovation of Aswing
 
WWX14 speech : Justin Donaldson "Promhx : Cross-platform Promises and Reactiv...
WWX14 speech : Justin Donaldson "Promhx : Cross-platform Promises and Reactiv...WWX14 speech : Justin Donaldson "Promhx : Cross-platform Promises and Reactiv...
WWX14 speech : Justin Donaldson "Promhx : Cross-platform Promises and Reactiv...
 
WWX2014 speech : Elliott Stoneham "Tardis go"
WWX2014 speech : Elliott Stoneham "Tardis go"WWX2014 speech : Elliott Stoneham "Tardis go"
WWX2014 speech : Elliott Stoneham "Tardis go"
 
Wwx2014 - Todd Kulick "Shipping One Million Lines of Haxe to (Over) One Milli...
Wwx2014 - Todd Kulick "Shipping One Million Lines of Haxe to (Over) One Milli...Wwx2014 - Todd Kulick "Shipping One Million Lines of Haxe to (Over) One Milli...
Wwx2014 - Todd Kulick "Shipping One Million Lines of Haxe to (Over) One Milli...
 

Silexlabs atelier couleurs 01