Une palette lisible tient en quelques décisions, et quasi aucune ne dépend du goût

Une palette lisible tient en quelques décisions, et quasi aucune ne dépend du goût Un ensemble qui marche...

Une palette lisible tient en quelques décisions, et quasi aucune ne dépend du goût

Un ensemble qui marche n’est pas une combinaison heureuse: c’est une poignée de rôles remplis de manière à garder le texte lisible quand la lumière tourne, quand la dalle diffère et quand les yeux fatiguent. Des rôles, une mesure, et un moyen d’transporter le résultat ailleurs: trois choses, aucune mystérieuse.

Les rôles valent mieux que les exemples

Nommer une teinte par ce qu’elle est — tel bleu, tel rouge — attache l’ensemble à cette valeur; la désigner par le travail qu’elle accomplit, du fond et de la surface surélevée jusqu’au texte estompé, à la bordure, à l’accent et à l’anneau de focus, laisse les valeurs bouger tandis que la structure reste. C’est aussi ce qui rend deux ensembles comparables: quand tous décrivent les mêmes rôles, ce qui les distingue est une liste de valeurs et non une révision, et changer devient une substitution plutôt qu’un après-midi.

Le contraste se mesure, cela ne se juge pas

Le rapport entre un texte et la surface derrière lui est une valeur que n’importe qui peut vérifier, et les seuils établis existent pour qu’un ensemble reste lisible par des yeux qui ne sont pas les vôtres. Ce qui piège, c’est que la vérification doit porter sur chaque paire qui se rencontre vraiment, pas seulement sur l’évidente: le corps de texte sur le fond est la paire que tout le monde teste, alors que le texte atténué sur une surface surélevée, un lien posé sur un accent et un anneau de focus contre les deux sont celles qui lâchent silencieusement. Un ensemble qui en passe une et en rate quatre est pire qu’un gris honnête, parce qu’il a l’air voulu.

Transporter une palette ailleurs

Un groupe qui n’existe que dans un unique programme est une capture d’écran avec des étapes supplémentaires; la version utile est une liste de valeurs désignées que d’autres outils savent lire — propriétés personnalisées pour la page, configuration pour un cadre utilitaire, module de thème pour une collection de composants, fichier neutre pour un outil de prototype. Le critère pratique est de savoir si une autre personne peut récupérer l’export et recréer l’allure sans poser une unique question: si oui, la palette est portable; sinon, c’était une planche d’ambiance.

Les ensembles tout faits font la démonstration plus vite qu’un argument: haïti thème firefox ouvre une page où les échantillons et les valeurs exportables tiennent ensemble, et thèmes inspirés par les drapeaux en rassemble quelques centaines.

Pour y revenir

  • Le lien entre un texte et son fond est un nombre à contrôler, pas une impression à croire.
  • Les combinaisons qui faiblissent sont rarement le corps de texte sur le fond: ce sont le texte estompé, les liens et les anneaux de focus.
  • Désigner les teintes par leur rôle plutôt que par leur nuance est ce qui permet aux valeurs de changer sans rien casser.