web-dev-qa-db-fra.com

Des marges plus larges peuvent-elles améliorer la lisibilité?

Je parle de l'espace entre la fenêtre du navigateur et le contenu. J'ai trouvé qu'il est inconfortable de lire lorsque le texte est trop près des bords et je me demandais s'il y avait une règle qui s'applique à cela.

3
ghislaineguerin

Des marges étroites pourraient signifier une réduction de l'espace blanc (selon la conception spécifique).

Une liste à part relie les micro-espaces à la lisibilité . Cependant, cela fait référence à l'espace entre les caractères et les mots. Pas exactement les marges. Ce serait un macro-espace blanc.

Les macro-espaces blancs peuvent donner une sensation d'élégance et de calme à un design. Il peut également aider à attirer l'attention sur des caractéristiques importantes.

Selon The Paradox of Whitespace on Je préfère écrire

Des marges généreuses et des dispositions simples et claires facilitent le travail de l'œil. Les dispositions encombrées fatiguent l'œil rapidement et nuisent à la clarté.

Nielson soutient également les conclusions selon lesquelles les espaces blancs augmentent la compréhension .

En ce qui concerne les dispositions fluides, il peut y avoir des problèmes avec des résolutions plus grandes créant trop d'espace blanc. Cela peut être inversé lors de la visualisation sur des écrans plus petits où les marges sont écrasées (elles représentent un pourcentage de la taille globale). Ainsi, il est plus difficile à contrôler et il y aura inévitablement des scénarios où le manque d'espace blanc pourrait avoir un impact sur la lisibilité.

Pour atténuer cela, vous pouvez essayer une conception plus simple. Un design qui remplit l'espace sur un grand écran peut paraître désordonné sur un petit. Une conception plus simple s'adapte souvent mieux aux résolutions plus petites. De nombreuses conceptions réactives déposent du contenu ou des fonctionnalités sur des écrans plus petits.

Il existe probablement d'autres approches techniques à adopter; mais cela dépend de la taille de votre intention. Considérez les Avantages et inconvénients de l'élastique vs fixe vs fluide .

Pour les changements extrêmes, vous pourriez envisager d'utiliser une mise en page différente. Les conceptions ne seront flexibles que jusqu'à un certain point. Pour des raisons de convivialité, je définirais une taille maximale et minimale pour les marges.

6
Jay

Le contrôle de la longueur des lignes est très important pour la lisibilité et il existe de nombreuses méthodes pour ce faire, les marges n'en étant qu'une. Vous pouvez google "longueur de ligne pour plus de lisibilité" pour trouver des suggestions, des recherches et des arguments pour une longueur de ligne optimale, j'aime limiter le mien à 60 caractères.

Au-delà du problème de la longueur de ligne, les marges sont importantes pour la lisibilité mais doivent être sacrifiées lorsque l'écran est très étroit comme sur un téléphone. Cela devient un acte d'équilibrage - vous voulez de la marge mais vous ne voulez pas trop réduire la longueur des lignes de texte.

1
obelia