SlideShare une entreprise Scribd logo

Couleurs et contraste de valeurs

Le contraste de valeurs, clé de la visibilité d'une forme sur un fond. Choisir des couleurs visibles par tous et dans tous les contextes. Cours de com-créa au GRETA Clermont-Auvergne.

1  sur  17
Télécharger pour lire hors ligne
Couleur et visibilité
Le contraste de valeurs
GRETA Clermont-Auvergne - Formation Com-Créa - Niveau 1
Composer pour montrer
La visibilité d’un objet graphique (texte ou image)
le rend facilement repérable par notre système de vision.
Cette visibilité est plus d’autant plus grande que l’objet
se différencie nettement de son environnement.
Colorer pour différencier
La couleur permet de mettre en valeur tel ou tel élément
graphique (texte ou image) dans une composition.
Ce qui est coloré se distingue de ce qui ne l’est pas.
Made with
Color Splash
on Mac !
Une couleur n’est jamais perçue seule
Une couleur est toujours perçue dans un environnement
chromatique. Selon la ou les couleurs voisine(s), une couleur
est perçue différemment.
La visibilité dépend du contraste de valeurs
Une couleur claire se détache sur une couleur foncée et
inversement. L’écart entre la luminosité du fond et celle
de la forme détermine l’intensité du contraste de valeurs.

Recommandé

Silexlabs atelier couleurs 01
Silexlabs atelier couleurs 01Silexlabs atelier couleurs 01
Silexlabs atelier couleurs 01antopensource
 
Etagement des couleurs d'un nuancier
Etagement des couleurs d'un nuancierEtagement des couleurs d'un nuancier
Etagement des couleurs d'un nuancierYves Goguely
 
Utilisation de nuanciers fonctionnels
Utilisation de nuanciers fonctionnelsUtilisation de nuanciers fonctionnels
Utilisation de nuanciers fonctionnelsYves Goguely
 
Valeurs et usages des couleurs pures
Valeurs et usages des couleurs puresValeurs et usages des couleurs pures
Valeurs et usages des couleurs puresYves Goguely
 
Création de variantes colorées d'une composition
Création de variantes colorées d'une compositionCréation de variantes colorées d'une composition
Création de variantes colorées d'une compositionYves Goguely
 
Etagement des valeurs des couleurs
Etagement des valeurs des couleursEtagement des valeurs des couleurs
Etagement des valeurs des couleursYves Goguely
 
Compositions MALINES
Compositions MALINESCompositions MALINES
Compositions MALINESYves Goguely
 
Graphisme ÉCLAIRÉ
Graphisme ÉCLAIRÉGraphisme ÉCLAIRÉ
Graphisme ÉCLAIRÉYves Goguely
 

Contenu connexe

Plus de Yves Goguely

MoTIFF : 5 couches dans une composition
MoTIFF : 5 couches dans une compositionMoTIFF : 5 couches dans une composition
MoTIFF : 5 couches dans une compositionYves Goguely
 
mettre en œuvre des compositions C-L-A-I-R-E-S
mettre en œuvre des compositions C-L-A-I-R-E-Smettre en œuvre des compositions C-L-A-I-R-E-S
mettre en œuvre des compositions C-L-A-I-R-E-SYves Goguely
 
Les attributs des objets graphiques
Les attributs des objets graphiquesLes attributs des objets graphiques
Les attributs des objets graphiquesYves Goguely
 
4 directions graphiques
4 directions graphiques4 directions graphiques
4 directions graphiquesYves Goguely
 
Cercles chromatiques
Cercles chromatiquesCercles chromatiques
Cercles chromatiquesYves Goguely
 

Plus de Yves Goguely (6)

MoTIFF : 5 couches dans une composition
MoTIFF : 5 couches dans une compositionMoTIFF : 5 couches dans une composition
MoTIFF : 5 couches dans une composition
 
mettre en œuvre des compositions C-L-A-I-R-E-S
mettre en œuvre des compositions C-L-A-I-R-E-Smettre en œuvre des compositions C-L-A-I-R-E-S
mettre en œuvre des compositions C-L-A-I-R-E-S
 
Les attributs des objets graphiques
Les attributs des objets graphiquesLes attributs des objets graphiques
Les attributs des objets graphiques
 
4 directions graphiques
4 directions graphiques4 directions graphiques
4 directions graphiques
 
Cercles chromatiques
Cercles chromatiquesCercles chromatiques
Cercles chromatiques
 
En 3 mots
En 3 motsEn 3 mots
En 3 mots
 

Couleurs et contraste de valeurs

  • 1. Couleur et visibilité Le contraste de valeurs GRETA Clermont-Auvergne - Formation Com-Créa - Niveau 1
  • 2. Composer pour montrer La visibilité d’un objet graphique (texte ou image) le rend facilement repérable par notre système de vision. Cette visibilité est plus d’autant plus grande que l’objet se différencie nettement de son environnement.
  • 3. Colorer pour différencier La couleur permet de mettre en valeur tel ou tel élément graphique (texte ou image) dans une composition. Ce qui est coloré se distingue de ce qui ne l’est pas.
  • 5. Une couleur n’est jamais perçue seule Une couleur est toujours perçue dans un environnement chromatique. Selon la ou les couleurs voisine(s), une couleur est perçue différemment.
  • 6. La visibilité dépend du contraste de valeurs Une couleur claire se détache sur une couleur foncée et inversement. L’écart entre la luminosité du fond et celle de la forme détermine l’intensité du contraste de valeurs.
  • 7. Choisir des couleurs aux valeurs contrastées Pour assurer une visibilité maximale, il convient de choisir des couleurs de fond et d’objet graphique présentant un contraste de valeurs suffisant pour une lecture confortable.
  • 8. Sans couleur, la lecture est parfois difficile !
  • 9. 6 associations très visibles Très contrastées, elles sont souvent utilisées en signalétique.
  • 10. 6 autres associations visibles Le confort de lecture entre aussi en ligne de compte.
  • 11. 6 associations à peine moins performantes Le confort de lecture et la visibilité sont encore très satisfaisants.
  • 12. Attention à la discrimination chromatique ! Tout le monde ne distingue pas les couleurs.
  • 13. L’importance du contraste de valeurs Quand les teintes ne sont pas perçues, seules les valeurs (niveaux de gris des couleurs ou degrés de luminosité) permettent la différenciation des formes sur leur fond. 100 - 45 = 55% 100 - 45 = 55% 65 - 0 = 65%
  • 14. Maquettez en niveaux de gris ! Contrastez pour être vus !
  • 15. Questionnaire (1/2) Seule la teinte d’une forme permet de la différencier de son environnement visuel. 1 • Tout à fait vrai | 2 • Plutôt vrai | 3 • Plutôt faux | 4 • Tout à fait faux Le vert sur le rouge se distingue mal alors que le rouge sur le vert se distingue très bien. 1 • Tout à fait vrai | 2 • Plutôt vrai | 3 • Plutôt faux | 4 • Tout à fait faux La valeur d’une couleur correspond à son degré de visibilité. 1 • Tout à fait vrai | 2 • Plutôt vrai | 3 • Plutôt faux | 4 • Tout à fait faux
  • 16. Questionnaire (2/2) Ce qui est coloré se distingue de ce qui ne l’est pas. 1 • Tout à fait vrai | 2 • Plutôt vrai | 3 • Plutôt faux | 4 • Tout à fait faux Ce qui est sombre se voit mieux que ce qui est clair. 1 • Tout à fait vrai | 2 • Plutôt vrai | 3 • Plutôt faux | 4 • Tout à fait faux En compostion graphique, il est préférable de commencer la mise en place des éléments visuels en utilisant des formes en noir et blanc ou en niveaux de gris. 1 • Tout à fait vrai | 2 • Plutôt vrai | 3 • Plutôt faux | 4 • Tout à fait faux
  • 17. Yves GOGUELY Formation Com-Créa - niveau 1 GRETA Clermont-Auvergne Mise à jour : mars 2020