Dois-je placer une image derrière des données texte?
Nous construisons actuellement un site et envisageons d'ajouter une "marque" à la section des données au centre de la mise en page avec une image d'arrière-plan subtile. Il est à craindre qu'avec différents paramètres du navigateur, "l'image de marque" soit si claire au contraire qu'elle ne soit pas définie ou trop sombre et rende le texte au-dessus difficile à lire. ?
S'il est vrai qu'il existe des variations de couleur entre les ordinateurs et les navigateurs, les différences ont été considérablement réduites au cours des deux dernières années:
- Historiquement, les Mac utilisaient un gamma de 1,8, mais dans Mac OS X v10.6 (Snow Leopard), ils l'ont changé en 2.2 pour correspondre au gamma natif des ordinateurs Windows. John Nack d'Adobe a un excellent résumé de l'effet de cette modification du contenu Web sur son blog .
- Pendant longtemps, Safari a été le seul navigateur à implémenter des profils de couleurs PNG. Malheureusement, jusqu'à Mac OS X v10.4 (Tiger), Safari appliquait le profil de couleur calibré de l'ordinateur aux PNG non marqués (c'est-à-dire les PNG sans aucune explication profil de couleur inclus). Cela a causé apparemment beaucoup de sites utilisant des PNG avec des problèmes de correspondance des couleurs . Depuis que ce changement a été fait dans Tiger (et plus récemment depuis la prise en charge du profil de couleur a été ajoutée dans Firefox ), l'effet des problèmes de navigation croisée avec la reproduction des couleurs a été considérablement réduit.
Maintenant, la principale chose qui affecte la cohérence des couleurs entre les utilisateurs est leur propre matériel. La qualité des moniteurs, le type de rétroéclairage et la luminosité et le type (LCD vs CRT) peuvent avoir un impact profond sur la fidélité des couleurs. Bien qu'il n'y ait aucun moyen d'être vraiment sûr de la façon dont chaque utilisateur verra votre site, vous pouvez au moins tester la conception sur des machines qui n'ont pas été correctement calibrées, et idéalement sur des écrans de faible qualité (où les couleurs telles que le gris clair obtiennent souvent " soufflé "au blanc).
Ceci est une idée réalisable et louable à cela.
La plupart des concepteurs d'interface utilisateur ne l'ont peut-être pas poursuivie activement en raison des contraintes que vous avez déjà notées. Cependant, avec une conception soignée, il peut certainement fonctionner et fournir une expérience visuelle décente sans être distrayant/perturbateur ou interférer avec le texte de premier plan.
Un autre point serait l'utilisation discrétionnaire. Évitez de l'utiliser plus d'une fois sur une page; pour les cas où le texte est crucial et la clarté/précision est très importante. En effet, un personnage peut sembler être un autre, lorsqu'il est vu sur une image d'arrière-plan, ce qui conduit à une mauvaise interprétation.
Enfin, je pense que le concept n'est pas nouveau dans la conception graphique ordinaire.
Une brève recherche sur Google fait apparaître des articles intéressants sur la façon dont la couleur est rendue dans les navigateurs et quelles sont les différences subtiles
Pour citer ce que dit le site
Il y a un effet secondaire malheureux sur les sites Web qui arborent du texte clair sur un fond sombre: en général, la police clair sur foncé apparaît comme plus audacieuse que son homologue sombre.
La vérité est qu'il n'est pas réellement plus gras (en termes de nombre réel de pixels qui composent la largeur du trait), il apparaît simplement plus gras en raison de l'anticrénelage de la police par le navigateur et le système d'exploitation.
Cependant, je ne sais pas si les informations ci-dessus s'appliquent à votre cas, car je n'ai aucune idée de la couleur du texte que vous utilisez et de l'image d'arrière-plan correspondante.Cependant, en ce qui concerne les images, vous devez vous rappeler que l'intensité des couleurs de la photo peut varient considérablement en fonction du profil de couleur de l'image. Ainsi, lors du rendu de vos images d'arrière-plan, c'est quelque chose que vous devrez tester.
Une autre considération que vous devrez prendre en compte est que certains moniteurs affichent les couleurs plus vivement que d'autres et vous devriez vérifier pour voir comment votre texte est rendu par rapport aux images dans ce cas.
En terminant, je sais que je ne vous ai pas donné de réponse oui ou non :), mais si vos exigences de conception nécessitent une telle image de marque, assurez-vous de couvrir toutes les bases possibles avant de vous lancer.
Je vais aller à contre-courant ici et dire
Non
Ne le fais pas. Il n'ajoute rien à l'expérience utilisateur et pourrait potentiellement nuire à la lisibilité/convivialité.