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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Couleurs .17 Tester les couleurs 18/09/2018

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

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