Pourquoi le texte principal n'est-il pas totalement opaque?
J'ai lu les directives de conception des matériaux et cela suggère:
Pour le texte sombre sur fond clair, appliquez les niveaux d'opacité suivants:
Le texte le plus important a une opacité de 87%.
Je suis simplement curieux de savoir pourquoi le texte principal n'utiliserait pas une opacité de 100% dans cette circonstance, ce qu'il fait pour le texte clair/fond sombre?
Y a-t-il un avantage pour la santé des yeux, une protection de l'écran de l'appareil, ou l'auteur de cela aime-t-il vraiment le numéro 87?
J'ai essayé de rechercher des mots clés tels que "opacité du texte principal du matériau" ou "Opacité du texte de 87% du matériau", etc., mais sans succès jusqu'à présent ...
Juste pour ajouter pourquoi le nombre 87% est utilisé comme point de départ.
On a répondu pourquoi ils ne voulaient pas que vous utilisiez du vrai noir et que vous réduisiez plutôt l'opacité pour créer des nuances de gris. Donc, naturellement, ils choisiraient ces valeurs dans leur palette de couleurs "Gris" . EDIT: Je vois qu'il n'y a pas de références pour pourquoi ne pas utiliser le vrai noir, voici un UX. Réponse SE expliquant Y a-t-il un problème avec l'utilisation de texte noir sur fond blanc? Si vous faites défiler les réponses, il y a un tas de sources (pas très académiques mais généralement acceptées).
Noir - # 000000 - rgba (0,0,0,1);
87% - rgba (0,0,0, .87) = rgb (33,33,33) = # 212121
54% - rgba (0,0,0, .54) = rgb (117,117,117) = # 757575
38% - rgba (0,0,0, .38) = rgba (158,158,158) = # 9E9E9E
Ils ont donc commencé avec le texte le plus sombre étant le gris le plus sombre de leur palette, puis ils ont choisi deux couleurs inférieures appropriées toujours de leur palette. N'explique pas pourquoi ils ont choisi ces couleurs inférieures exactement mais explique que les pourcentages ne sont pas vraiment aléatoires.
C'est un moyen d'imposer une utilisation standard de la couleur.
Primaire/secondaire/désactivé doit toujours être de la même couleur, donc l'opacité est utilisée pour afficher la hiérarchie.
Je n'y ai jamais vraiment pensé de cette façon, mais c'est une approche vraiment soignée. Le concepteur ne pense plus à la couleur appropriée du "deuxième niveau" pour # 000000. Est-ce #ccc? # 7a7979? ... plus besoin de deviner. il suffit de définir l'opacité.
Sur certains écrans, le noir complet (# 000000) peut ne pas s'afficher correctement. La définition d'une petite opacité permet de donner une apparence globale plus nette et meilleure au texte. Même si ce problème a presque disparu de nos jours, je pense que c'est l'idée derrière l'opacité .87 sur les directives matérielles.
L'une des raisons d'utiliser l'opacité au lieu d'une autre couleur presque noire est bien expliquée dans la réponse précédente.