Diseñar alrededor de grandes bloques de tipos puede ser difícil y más diseñadores están tomando el "menos es mejor". Se aproxima cuando se trabaja con columnas y grandes bloques de texto. Cuando se utiliza una masa de tipo, como en un libro, un sitio web cargado de texto o un proyecto impreso, gran parte del énfasis está más en la legibilidad que en el aspecto real del tipo.
Los tipos de letra son importantes, pero aún más importante puede ser el número de columnas utilizadas en combinación con las palabras. El número de columnas que utiliza en un proyecto puede variar según diversos factores, como el tipo de letra y el estilo utilizado, el tipo de proyecto, el tamaño de la fuente y el ancho de la canaleta y la proporción de otros elementos.
¿Te gusta el artículo? Asegúrese de suscribirse a nuestro feed RSS y síganos en Twitter para mantenerse al día con el contenido reciente.
Tipografía y estilo
Lo primero que se debe tener en cuenta al considerar cuántas columnas usar es la selección de fuente y la cantidad de tipos que incluye el proyecto. Piense en los extras que desea usar, como mayúsculas, sangrías y espacios entre líneas y párrafos.
El estilo de letra también es un factor. Las fuentes Serif y sans Serif son las más utilizadas en bloques de tipo debido a su excelente legibilidad en diferentes tamaños. Los proyectos que usan tipos de letra en inglés antiguo, script o novedad rara vez utilizan diseños de columnas múltiples o grandes bloques de texto.
Muchos de los diseños impresos y web que se ven hoy emplean un diseño simple de una sola columna para el elemento de texto principal. La mayoría de los libros impresos utilizan una columna de texto por página, aunque esta no siempre fue la tendencia. Muchos libros antiguos de tapa dura presentaban dos columnas de texto por página; Los formatos de columnas múltiples todavía se usan comúnmente para libros como diccionarios y almanaques. Es preferible usar una sola columna para escribir en sitios web, de modo que ese tipo sea fácil de leer a medida que se desplaza hacia abajo en la página.
Los diseños de columnas múltiples se reservan mejor para aplicaciones que se pueden ver todas a la vez, como en proyectos impresos o para lectores electrónicos. Los diseños de columnas múltiples son más comúnmente utilizados por los editores de periódicos y revistas y en los boletines informativos.
Tipo de proyecto
El uso de columnas en los proyectos de impresión puede variar ampliamente y la forma en que se usan las columnas puede transmitir cierta sensación. Los diseños de una sola columna tienden a sentirse más abiertos y atractivos, como este anuncio de Caterpillar en la década de 1970. Tenga en cuenta que la mayor parte del espacio se utiliza para una imagen y no el texto en sí.
Usar múltiples columnas delgadas puede sentirse abrumador y abarrotado, como una página de un diccionario pero tiene un propósito distinto. El texto no está destinado a ser leído en su totalidad y se utiliza para ocultar información breve.
Los diseños de periódicos y revistas también utilizan diseños de varias columnas con mucho texto. The Wall Street Journal ha utilizado el mismo diseño de seis columnas durante décadas con solo pequeños ajustes en el diseño, como la adición de color y fotos. Las columnas mantienen el tipo pequeño (generalmente solo de 9 a 11 puntos) organizados de una manera que es fácil de leer y agrega orden a una página con muchos elementos de texto que pueden no estar relacionados entre sí.
Las revistas también usan diseños de columnas múltiples, pero tienden a usar anchos de columnas y tamaños de letra más grandes, como este diseño de The Irish Times Magazine.
En proyectos web, piensa en el espacio disponible para texto. Muchos diseños web se dividen en dos o tres columnas antes de que incluso traigas texto a la mezcla. La mayor de estas columnas está reservada para el cuerpo del sitio web y este es el espacio con el que realmente tiene que trabajar. Piense en los elementos que se encuentran debajo del banner: ¿Hay una columna de anuncios en un lado de la página? ¿Incluiste elementos de navegación en una columna también?
Una vez que la norma, la plantilla de tres columnas ha sido reservada por muchos sitios web que ahora están usando un modelo de dos columnas, incluido aquí en Design Shack y ESPN. Este modelo permite una columna más ancha para la columna principal de texto, pero deja poco espacio para diseños de texto de múltiples columnas, que están reservados para espacios aún más amplios.
Tamaño de fuente y ancho de canal
Aunque la mayoría de los editores de libros modernos optan por un formato de columna única, tenga en cuenta que el tamaño del tipo tiende a variar ampliamente entre los libros de tapa dura, de bolsillo y de edición electrónica. Esta variación en el tamaño de tipo se adapta al estilo de una columna porque el texto es proporcional al ancho de la columna. La excepción más notable es en diccionarios y almanaques, donde se utilizan tamaños de fuente muy pequeños con bloques masivos de texto en varias columnas por página.
Las columnas que son demasiado anchas pueden dañar el ojo, lo que dificulta la lectura del texto. Las columnas que son demasiado delgadas pueden causar saltos impares y una separación excesiva de texto. La aplicación Kindle para el iPad de Apple ha resuelto este problema al cambiar de formato de una sola columna cuando se usa verticalmente, pero utiliza dos columnas cuando se gira el iPad para facilitar la lectura.
Como regla general en los proyectos de impresión, el ancho de cada columna (en picas) debe ser tan ancho o más ancho que el tamaño en puntos de la fuente. En grandes bloques de texto, el tamaño de la fuente no debe exceder el ancho de la columna.
No hay una regla tan clara para el diseño web. Muchos diseñadores optan por 12 o 14 puntos para la copia del cuerpo, independientemente del ancho de la columna. Si tiene una columna estrecha para copiar (500 píxeles o menos), opte por el tamaño más pequeño. Las columnas más anchas pueden manejar el tipo de 14 puntos muy bien, sin demasiados saltos de línea incómodos. Si está buscando algo más concreto, consulte la tipografía de proporción dorada de Pearsonified.
El espacio entre cada columna puede determinar la legibilidad del texto. Tenga en cuenta el énfasis en las canaletas en el anuncio de Eico Stereo anterior. Los espacios amplios entre las columnas que contienen gran cantidad de texto hacen que las columnas sean menos intimidantes para el ojo y más fáciles de leer. En una página de periódico estándar, las columnas de texto tienen entre 10 y 13 picas de ancho y tienen un canal de 1 pica. Las revistas también usan especificaciones similares.Este espacio separa las columnas para que sea fácil de leer en cada línea hasta el final y luego hacia la siguiente, sin saltar a la siguiente columna, lo que causa confusión. Los tamaños de fuente más grandes y los anchos de columna más grandes requieren anchos de canal más grandes. Al igual que con las columnas, debe usarse un ancho de canal consistente en todo el proyecto.
Proporción de otros elementos
Cuando decida cuántas columnas funcionan mejor para un proyecto, piense en algo más que solo texto. Los elementos no textuales que rodean la copia pueden ser igual de importantes.
Piense en los otros elementos que tocarán cada columna de texto. ¿Planea agregar en pequeñas fotos o desgloses de texto? Tenga en cuenta el tamaño y el peso de otros objetos también. En los proyectos de impresión, el tamaño, el peso y el color del otro texto que rodea a cada columna puede afectar su texto. En los proyectos web, lo mismo ocurre con los elementos a cada lado de la copia principal, además de tener en cuenta los efectos animados. Cuanto más vaya pasando alrededor de cada columna de tipo corresponde a la importancia de usar un tipo simplificado y simple en cada columna. Los efectos adicionales en el área de trabajo también pueden dictar el tamaño de fuente utilizado. Para que el texto del cuerpo mantenga su propia identidad, configúralo en un tamaño y fuente que contrasta con otros elementos.
Con cualquier proyecto, elige un ancho para columnas y apégate a él. El tipo de configuración en anchos de columna variables dentro de un solo documento puede ser discordante. Intente evitar envolver texto alrededor de demasiados objetos grandes que cambian el tamaño visual de las columnas; Esto puede hacer que el texto sea difícil de leer, causando malas roturas y una separación excesiva.
Conclusión
Los diseñadores de impresión están tomando una lección de la web y comienzan a trabajar con menos columnas pero más anchas en sus diseños. Esto es evidente en la publicación de libros, revistas e incluso algunos periódicos. Optar por usar una sola columna en un ancho de proyectos más vertical es una preocupación o en la mayoría de las aplicaciones web con grandes bloques de texto.
Los diseños de varias columnas funcionan mejor para tipos de letra más pequeños en situaciones de diseño donde se puede ver un proyecto completo o bloque de texto de un vistazo, haciendo que los diseños de varias columnas sean menos comunes en el diseño web debido al desplazamiento. Tenga en cuenta su audiencia, cómo se leerá el tipo y el tamaño de la fuente cuando planifique un diseño que use un formato de varias columnas.
Fuentes de imagen: nesster, nesster, quinn.anya, cliff1066 y fearghalonuallain.