Grille de référence vs lisibilité

Tout concepteur digne de ce nom parlera de l'importance de la grille, et à juste titre. Cependant, comme j'ai continué à pratiquer mon métier, j'ai constaté que la grille de référence en particulier ne me semblait pas toujours pratique.

Par exemple, je travaille avec beaucoup de fiches marketing qui contiennent des listes à puces. Ma première inclination est de tout espacer uniformément et de garder la grille de base, comme suit:

Mais souvent, nous arrivons à la conclusion que même si les puces séparent les éléments, l'espacement régulier entre les lignes et entre les éléments de la liste rend plus difficile la séparation visuelle des points. Nous nous retrouvons donc avec quelque chose comme ceci:

Chaque élément de la liste est mieux distingué, mais maintenant la grille de référence a disparu et le tout semble un peu plus compliqué.

À un niveau plus petit, voici un autre exemple:

Garder une grille de référence appropriée fait qu'un titre à deux lignes ressemble à des choses distinctes, mais changer l'espacement pour corriger cela nuit au flux (si certaines personnes n'avaient qu'un titre à une ligne).

Il est possible que je sois encore assez inexpérimenté pour ne pas savoir comment avoir mon gâteau et le manger aussi ici. Mais je soupçonne que cela pourrait être un scénario dans lequel les règles de conception doivent être flexibles pour répondre à différentes priorités.

Mais je poserai la question: quel est le plus important - maintenir une grille de référence dans une situation comme celle-ci, ou compromettre la grille pour obtenir des gains de lisibilité?

Les problèmes avec les grilles de référence sont plus faciles à résoudre si vous gardez à l'esprit cette règle primordiale: le seul objectif de la conception graphique est de faciliter la communication. C'est pour cela que vous êtes embauché, ce pour quoi vous êtes payé et ce dont vous dépendez. Une grille (ou tout autre élément de conception) n'est utile et appropriée que si elle atteint cet objectif.

Les informations sur une page sont plus faciles à approcher et à assimiler si elles ont une bonne hiérarchie visuelle (titres, sous-titres, corps de texte, barres latérales), sont regroupées de manière appropriée (les choses qui vont ensemble sont, en fait, ensemble), et sont espacées de manière appropriée, y compris les marges et autres espaces blancs.

Une grille de mise en page apporte de l'ordre à la page et permet aux illustrations, aux éléments graphiques tels que les espaces blancs, les titres et le texte de s'aligner de manière ordonnée, ce qui peut conférer de l'autorité ou un sentiment de «justesse» à la page. Il y a plusieurs façons de le faire; ils ne sont pas tous constitués de lignes et de colonnes régulièrement espacées.

Comme le souligne DA01, une grille de ligne de base fonctionne bien dans les dispositions à plusieurs colonnes. Il est également utile dans les situations où un aspect très formel, contrôlé ou chirurgicalement propre est approprié. En dehors des livres et autres publications contenant du texte, le plus souvent, vous avez besoin d'un look moins formel.

La question que vous pouvez poser à n'importe quel choix de conception, en particulier en typographie, est "Est-ce que cela rendra la communication plus facile à saisir, plus facile à trouver ou plus efficace?" Si la réponse est «non», alors c'est faux.

Votre exemple en est un bon exemple: le fait de forcer les puces sur une grille de base réduit la lisibilité du texte. La communication est patron, donc vous savez immédiatement que coller à la grille est mauvais. Un seul élément d'information, comme une adresse ou le texte d'une puce, doit également être un élément visuel unique sur la page . Il s'ensuit que des informations distinctes doivent être séparées sur la page.

Il ne s'agit donc pas de savoir s'il est acceptable de compromettre la grille pour obtenir une meilleure communication. C'est que vous ne devez jamais compromettre la communication, point final. Concevez-le pour communiquer. Utilisez les règles et techniques du design autant que vous le souhaitez, pour le faire communiquer avec brio. Mais ne laissez jamais, jamais des règles ou des techniques entraver la communication.

L'idée d'une «grille de référence» a tendance à être utilisée à mauvais escient ... en particulier sur le Web.

La grille de référence est vraiment destinée à être utilisée dans les publications à plusieurs colonnes. L'idée est d'avoir des «lignes» horizontales cohérentes sur toutes les colonnes.

Et il doit être utilisé par défaut, mais vous devez également savoir quand NE PAS l'utiliser.

Votre exemple de liste à puces est un bon cas où il est probablement correct de briser la grille. Cependant, vous pouvez toujours modifier les choses pour qu'elles adhèrent quelque peu à la grille.

Par exemple, vous pouvez avoir un type 12/14. Vous pourriez alors faire de l'espace entre les puces 7. Cela adhérerait toujours à la grille (par demi-pas).

Je suggère d'avoir un style de paragraphe pour les listes où seule la première ligne s'aligne sur la grille de ligne de base. De cette façon, la liste ne sera pas désordonnée, toutes les lignes avec des puces continueront de fonctionner sur la grille de base, conservant l'aspect général de l'alignement, tandis que les lignes suivantes ont un espacement différent. Il en résulte un aspect similaire à celui que vous avez décrit, vous vous contentez souvent, mais avec plus d'éléments s'alignant sur la grille.

Vous pouvez recalculer la grille de référence pour gérer les petits nombres et la subdivision afin de pouvoir effectuer des incréments fractionnaires qui coïncideront à chaque intervalle. si votre unité de grille de référence est de 9 pt, cela signifie qu'une subdivision naturelle serait de 3 pt. Dans un ensemble de texte à 8pt, vous pouvez avoir 9pt ou 12pt, dans un ensemble de texte à 12pt, vous pouvez avoir une hauteur de ligne de 15pt, 18pt… ayant un ensemble de tailles liées, vous conservez les proportions de l'espacement des lignes.