web-dev-qa-db-fra.com

Comment regrouper logiquement des éléments textuels pour plus de lisibilité?

Si vous avez des éléments de texte qui sont tous de la même couleur (c.-à-d. Noir), quelle est la façon optimale de grouper logiquement le texte pour plus de lisibilité?

Devez-vous changer la couleur du texte pour les titres/titres? Un regroupement hiérarchique serait-il préférable aux listes? Je comprends que vous pouvez rendre les éléments visuellement différents en utilisant la couleur, la forme, la taille, etc., mais est-ce que cela aide ou gêne la lisibilité? Je ne suis pas sûr de l'équilibre entre demander à l'utilisateur de lire quelque chose avec le moins d'effort visuel et les confondre avec trop de contraste ici?

Prenons par exemple des regroupements de technologies logicielles comme exemple de texte, comme dans les bibliothèques, les API, les frameworks, les architectures, les outils, les toolkits, etc ... ils sont interdépendants, mais quelque peu disparates.

2
user9533

Livre bien publié - voici le meilleur exemple.

Il existe une bonne méthode de perception facile de l'information et vous la connaissez. La différence unique consiste uniquement en nombre de points en pouces.

Je conviendrai avec MFrank que des surbrillances supplémentaires ne sont pas nécessaires si le codage couleur n'est pas requis, par exemple pour les schémas difficiles où, outre la description, il est nécessaire de regrouper les éléments visuels.

Il existe de nombreuses méthodes pour mettre en forme les informations textuelles:

  • rubriques
  • structures hiérarchiques
  • principe d'affinité
  • jeu de polices à l'aide
  • etc

    Tous peuvent et doivent être utilisés. La principale chose à ne pas l'appliquer est trop.

Comme vous pouvez le voir, j'ai appliqué un peu d'eux dans la réponse: en-tête, paragraphe, liste et informations d'aide.

Si vous donnez un exemple de texte, cela donnera plus de possibilités de commentaires et d'explications.

3
denis.efremov

Je ne suis pas sûr de suivre exactement, mais si vous prévoyez d'utiliser différents codes de couleur pour différentes sections, je vous le déconseille car vous auriez un cas de différentes sections réparties sur l'écran qui rivalisent d'attention et certaines obtiendraient plus d'attention que les autres en raison des couleurs qui leur sont associées.

Cependant, je recommanderais d'utiliser un schéma de couleurs/surlignage commun pour mettre en évidence les titres clés et les garder cohérents.

En ce qui concerne votre texte étant noir (et je suppose que votre arrière-plan est blanc), je continuerais avec un noir sur fond blanc pour le contenu lourd du texte comme il est dit qu'il est le plus facile à lire et autres les couleurs distraireaient simplement l'utilisateur et n'auraient pas un flux continu

2
Mervin

Après la réponse de Daniels, j'ai été plus clair avec ma propre question et j'ai trouvé deux liens:

One était davantage orienté vers la mise en forme générale du texte et other vers la mise en forme HTML/CSS du texte. C'était aussi ce que je cherchais.

0
user9533