Couleurs Cédric Dumas (Ecole des Mines de Nantes)

Présentation au sujet: "Couleurs Cédric Dumas (Ecole des Mines de Nantes)"— Transcription de la présentation:

1 Couleurs Cédric Dumas (Ecole des Mines de Nantes)
Patricia Plénacoste (Université de Lille I) 18/09/2018

2 Couleurs .1 Différencier des classes d'informations
Créer des groupements d ’objets Distinguer des éléments Différencier des classes d'informations Guider l’utilisateur d'une zone à une autre Pas plus de trois couleurs par page d ’écran 18/09/2018

3 Couleurs .2 Le type de fond d'écran doit être approprié
Utiliser les lignes de l'horizon suivantes Ligne de l'horizon Exemple Signification Basse Attire l'attention vers le ciel, l'abstrait,les valeurs hautes Haute Accentue les problèmes concrets, immédiats Médiane Suggère l'équilibre, la paix, la balance Diagonale Crée une instabilité, un sentiment de mouvement Découpée Suggère dynamisme, changement, voire violence 18/09/2018

4 Couleurs .3 Préférer les fonds d'écran clairs, de basse intensité
Eviter les fonds d'écran avec motifs Eviter le texte en fond d'écran Pas de blanc sur fond noir 18/09/2018

5 Couleurs .4 Utiliser une couleur de fond avec le fond d'écran
Pas suivre l'hypothèse : l ’utilisateur mémorise les couleurs de l ’écran Utiliser une couleur compatible avec la dominante 18/09/2018

6 Couleurs .5 Maintenir un haut contraste entre les éléments
Ecarter les plus mauvaises combinaisons de couleurs Ecarter les couleurs saturées Garder les meilleures combinaisons de couleurs Recourir aux meilleurs contrastes à 2 Recourir à la meilleure combinaison à 3 Recourir à la meilleure combinaison à 4 18/09/2018

7 Couleurs .6 Garder les meilleures combinaisons de couleurs Blanc Noir
Arrière-plan Blanc Noir Rouge Vert Bleu Cyan Magenta Jaune Trait fin et texte Bleu (94%) Noir (63%) Rouge (25%) Blanc (75%) Jaune (63%) Jaune (75%) Blanc (56%) Noir (44%) Noir (100%) Bleu (56%) Rouge (25%) Blanc (75%) Jaune (63%) Cyan (25%) Bleu (69%) Noir (56%) Rouge (37%) Noir (63%) Blanc (56%) Bleu (44%) Rouge (63%) Bleu (63%) Noir (56%) 18/09/2018

8 Couleurs .7 Garder les meilleures combinaisons de couleurs Blanc Noir
Arrière-plan Blanc Noir Rouge Vert Bleu Cyan Magenta Jaune Trait épais et panneaux Noir (69%) Bleu (63%) Rouge (31%) Jaune (69%) Blanc (50%) Vert (25%) Noir (50%) Jaune (44%) Blanc (44%) Noir (69%) Rouge (63%) Bleu (31%) Jaune (38%) Magenta (31%) Noir (31%) Rouge (56%) Bleu (50%) Noir (44%) Bleu (50%) Noir (44%) Jaune (25%) Rouge (75%) Bleu (63%) Noir (50%) 18/09/2018

9 Couleurs .8 Ecarter les mauvaises combinaisons de couleurs Blanc Noir
Arrière-plan Blanc Noir Rouge Vert Bleu Cyan Magenta Jaune Trait fin et texte Jaune (100%) Cyan (94%) Bleu (87%) Rouge (37%) Magenta (25%) Magenta (81%) Bleu (44%) Vert (25%) Cyan (81%) Magenta (50%) Jaune (37%) Vert (62%) Rouge (37%) Noir (37%) Vert (81%) Jaune (75%) Blanc (31%) Vert (75%) Rouge (56%) Cyan (44%) Blanc (81%) Cyan (81%) 18/09/2018

10 Couleurs .9 Ecarter les mauvaises combinaisons de couleurs Blanc Noir
Arrière-plan Blanc Noir Rouge Vert Bleu Cyan Magenta Jaune Trait épais et panneaux Jaune (95%) Cyan (75%) Bleu (81%) Magenta (31%) Magenta (69%) Bleu (50%) Vert (37%) Cyan (81%) Magenta (44%) Jaune (44%) Vert (44%) Rouge (31%) Noir (31%) Jaune (69%) Vert (62%) Blanc (56%) Cyan (81%) Vert (69%) Rouge (44%) Blanc (81%) Cyan (56%) Vert (25%) 18/09/2018

11 Couleurs .10 Recourir aux meilleurs contrastes à deux Rouge-Turquoise
Rouge-Cyan Bleu-Jaune Vert-Rose Vert-Magenta 18/09/2018

12 Couleurs .11 Couleurs placées cote à cote Rouge Vert Bleu Magenta
A Eviter A Préconiser Rouge Vert Vert Bleu Jaune-Magenta Bleu Jaune Rouge Bleu Bleu Magenta Cyan Magenta Bleu Cyan Jaune Vert Jaune Rouge Magenta Rouge Cyan jaune 18/09/2018

13 Couleurs .12 Éviter le bleu pour les détails fins
Éviter l'affichage simultané de couleurs bleue et rouge engendre un effet de relief  Engendre un effet de relief 18/09/2018

14 Couleurs .13 Recourir à la meilleure combinaison à 3
Rouge Bleu Vert Recourir à la meilleure combinaison à 4 Rouge Bleu Vert Blanc 18/09/2018

15 Couleurs. 14 Réduire la profondeur des couleurs
Le nombre de couleur recommandé pour la plupart des tâches en secteur tertiaire doit être limité à 3. Quand l'opérateur doit se rappeler de la signification d'une couleur, le nombre de couleur ne doit pas excéder 6. Réduire les GIF en-dessous de 8 bits (256 coul.) Dégrader les JPG Entre 15 et 35 couleurs dans l'histogramme 18/09/2018

16 Couleurs .15 Utiliser les 216 couleurs principales
Utiliser la Color Look-Up Table (CLUT) Utiliser le cube des couleurs Utiliser la même palette pour chaque écran 18/09/2018

17 Couleurs .16 Les graphiques doivent être simplifiés
Utiliser les GIF entrelacés, les images fractales Ne pas ajouter de bords aux graphiques Attention aux effets 3D Ne pas enregistrer les graphiques avec bordure 18/09/2018

18 Couleurs .17 Tester les couleurs 18/09/2018

19 Couleurs .18 Rendre accessibles les caractères et le fond d’écran
Ne pas utiliser le rouge et le vert pour des daltoniens Utiliser un codage de couleurs redondant avec des symboles 18/09/2018

20 Couleurs . 19 dépendance culturelle Blanc Rouge Vert Bleu orange
violet Jaune Associations recommandées Inactif et prêt à fonctionner Danger, arrêt, interdit, feu Mise en route, tout est correcte, état normal, état souhaitable, sûr Inactif, hors de service dangereux, mise en garde, se méfier Radiation et hasard Vérifier, risque présumé, prudence, hasard, doute 18/09/2018