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.
  4. Made with Color Splash on Mac !
  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