Cuadrícula de referencia frente a legibilidad


23

Cualquier diseñador que valga la pena hablará sobre la importancia de la cuadrícula, y con razón. Sin embargo, a medida que continúo practicando mi comercio, descubrí que la cuadrícula de referencia en particular no siempre me parece práctica.

Por ejemplo, trabajo con muchas hojas de marketing que tienen listas con viñetas. Mi primera inclinación es espaciar todo de manera uniforme y mantener la cuadrícula de referencia, así:

Lista desordenada con espaciado de cuadrícula de referencia

Pero muchas veces, llegamos a la conclusión de que, aunque las viñetas separan los elementos, el espaciado uniforme entre líneas y entre elementos de la lista hace que sea más difícil separar los puntos visualmente. Entonces terminamos con algo como esto:

Lista desordenada sin espaciado de cuadrícula de referencia

Cada elemento de la lista se distingue mejor, pero ahora la cuadrícula de referencia se ha ido y todo se siente un poco más desordenado.

En un nivel más pequeño, aquí hay otro ejemplo:

Otro ejemplo de espaciado

Mantener una cuadrícula de referencia adecuada hace que un título de dos líneas parezca cosas separadas, pero cambiar el espacio para corregir eso perjudica el flujo (si algunas personas solo tienen un título de una línea).

Es posible que aún pueda ser lo suficientemente inexperto como para no saber cómo tener mi pastel y comerlo aquí también. Pero sospecho que este podría ser un escenario donde las reglas de diseño tienen que ser flexibles para abordar diferentes prioridades.

Pero preguntaré de todos modos: ¿qué es más importante: mantener una cuadrícula de referencia en una situación como esta o comprometer la cuadrícula para lograr ganancias en la legibilidad?


1
+1 Pensé que era inusual tener estos problemas con las cuadrículas de referencia. Algo que a menudo hago es tener la cuadrícula de referencia dos veces (o, a veces, tres veces) tan fina como el espaciado de línea normal, y donde necesito un ajuste más ajustado fuera de la cuadrícula, ajústelo a 2/3 de lo habitual o alinee el primero línea de cada trozo a la cuadrícula con medias líneas que brindan suficiente flexibilidad para evitar huecos feos. Sin embargo, eso es algo que a veces hago, no tengo idea si es una buena práctica o no.
user56reinstatemonica8

1
Creo que podría ser más fácil comparar me gusta con me gusta en las dos primeras ilustraciones si mantuvieras el principio igual (usaría el valor de la segunda) y agregue el espacio entre párrafos.
e100

Además, es difícil defender la estricta adherencia a una cuadrícula para un solo cuadro de texto aislado; pero está hablando de hojas de marketing que probablemente tienen otros elementos cuadriculados en columnas adyacentes, lo cual es un problema más complejo. ¿Quizás necesites mostrar más de la página?
e100

Respuestas:


14

Los problemas con las cuadrículas de referencia son más fáciles de resolver si tiene en cuenta esta regla primordial: el único propósito del diseño gráfico es facilitar la comunicación. Eso es lo que le contratan, lo que le pagan y lo que se le exige que haga. Una cuadrícula (o cualquier otro elemento de diseño) es útil y apropiado solo si logra ese propósito.

La información en una página es más fácil de abordar y asimilar si tiene una buena jerarquía visual (encabezados, subtítulos, copia del cuerpo, barras laterales), se agrupa de manera apropiada (las cosas que pertenecen juntas están, de hecho, juntas), y se separan adecuadamente, incluyendo márgenes y otros espacios en blanco.

Una cuadrícula de diseño da orden a la página y permite que las ilustraciones, elementos gráficos como espacios en blanco, encabezados y texto se alineen de manera ordenada, lo que puede otorgar autoridad o un sentimiento de "corrección" a la página. Hay muchas formas de uno; no todos consisten en líneas y columnas espaciadas uniformemente.

Una cuadrícula de referencia, como señala DA01, funciona bien en diseños de varias columnas. También es útil en situaciones en las que es apropiado un aspecto muy formal, controlado o quirúrgicamente limpio. Fuera de los libros y otras publicaciones con mucho texto, la mayoría de las veces, necesita una apariencia menos formal.

La pregunta que puede hacer sobre cualquier elección de diseño, especialmente en tipografía, es "¿Esto hará que la comunicación sea más fácil de entender, más fácil de encontrar o más efectiva?" Si la respuesta es "No", entonces está mal.

Su ejemplo es un gran ejemplo: al forzar los puntos de viñeta en una cuadrícula de referencia se arruina la legibilidad del texto. La comunicación es el jefe, por lo que inmediatamente sabe que apegarse a la red está mal. Un solo elemento de información, como una dirección o el texto de una viñeta, también debe ser un único elemento visual en la página . Se deduce que elementos de información separados deben estar separados en la página.

Por lo tanto, no se trata de si está bien comprometer la red para lograr una mejor comunicación. Es que nunca debes comprometer la comunicación, punto. Diseñarlo para comunicarse. Use las reglas y técnicas de diseño tanto como desee para que se comunique de manera brillante. Pero nunca, nunca permita que las reglas o técnicas se interpongan en el camino de la comunicación.


13

Se tiende a abusar de la idea de una "cuadrícula de referencia" ... especialmente en la web.

La cuadrícula de referencia es realmente para usar en publicaciones de varias columnas. La idea es tener 'líneas' horizontales consistentes en todas las columnas.

Y debe usarse por defecto, pero también debe saber cuándo NO usarlo.

Su ejemplo de lista con viñetas es un buen caso en el que probablemente esté bien romper la cuadrícula. Sin embargo, aún puede ajustar las cosas para que se adhieran un poco a la cuadrícula.

Por ejemplo, puede tener el tipo 12/14. Entonces podría hacer el espacio entre las viñetas 7. Eso todavía se adheriría a la cuadrícula (por medio paso).


8

Sugeriría tener un estilo de párrafo para las listas donde solo la primera línea se alinea con la cuadrícula de línea de base. De esta manera, la lista no se desordenará, todas las líneas con viñetas seguirán ejecutándose en la cuadrícula de la línea base, manteniendo el aspecto general de la alineación, mientras que las siguientes líneas tienen un espaciado diferente. Con el resultado de una apariencia similar a la que describió, a menudo se conforma, pero con más elementos alineados con la cuadrícula.


5

Puede volver a calcular la cuadrícula de referencia para administrar números y subdivisiones más pequeños, de modo que pueda hacer incrementos fraccionarios que coincidirán en cada intervalo. Si su unidad de cuadrícula de referencia es de 9 puntos, significa que una subdivisión natural sería 3 puntos. En un texto configurado a 8 puntos puede tener 9 puntos o 12 puntos, en un texto establecido a 12 puntos puede tener una altura de línea de 15 puntos, 18 puntos ... con un conjunto de tamaños relacionados, mantiene las proporciones del espacio entre líneas.

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.