Quelle est la meilleure pratique d'utilisation de la couleur dans le texte d'un site Web?
Je suis en charge d'un site internet qui ressemble plus ou moins à ceci:
Cela nécessite un peu de travail, mais je suis surtout inquiet de défendre un aspect de la conception: garder le texte en noir ou au moins en niveaux de gris. Mon principal argument est que la couleur est utilisée pour les liens et les boutons pour les faire ressortir du texte qui n'est pas interactif. Cependant, mes clients veulent "empêcher le site Web de ressembler à un papier à terme en noir et blanc".
Quelles recherches existe-t-il sur l'efficacité du maintien du corps et des titres en noir/niveaux de gris et en couleur pour aider à les distinguer des liens? Quelle est généralement considérée comme la meilleure pratique pour décider de colorer des éléments textuels?
Cette question peut généralement chevaucher la conception, mais pour la garder sur le sujet, je suis particulièrement préoccupé par la convivialité, l'accessibilité, etc.
Bien que la combinaison de couleurs finale dépende de la conception de l'interface utilisateur, des spécifications de marque et d'autres considérations, le mot clé est CONTRASTE. et en tant que tel, vous êtes sur la bonne voie, le noir sur blanc est le contraste maximal que vous pouvez rechercher. Cependant, il y a une autre considération à garder: la fatigue oculaire. Sans aucun doute, regarder un écran blanc pur pendant une longue période provoquera une certaine fatigue oculaire, en fonction de nombreux facteurs (santé, âge, repos, etc.). Il est donc assez courant de choisir un presque pur blanc (comme # f9f9f9) pour réduire un peu la brillance.
Quoi qu'il en soit, en ce qui concerne les couleurs et le contraste, jetez un œil à Application de la théorie des couleurs aux affichages numériques, qui a quelques explications et beaucoup d'exemples pour votre question
Les deux réponses ici sont excellentes, mais j'aimerais ajouter si vous envisagez la convivialité, pensez également à peser le facteur de daltonisme.
Il y a une grande chrome appelée Daltonize: http://www.daltonize.org/2010/05/chrome-daltonize-color-accessibility-in_13.html
Il est également très utile pour tester les niveaux de contraste.