Cómo equilibrar texto y contenido visual en diseño
Todos hemos escuchado la frase "el sexo vende", pero cuando se trata de diseño, ¿qué significa la venta? ¿Texto o imágenes? La realidad es que ambos son partes esenciales de casi todos los proyectos de diseño. Lo que hace la diferencia entre un proyecto que funciona y uno que se queda corto es lograr el equilibrio correcto entre los dos.
Si bien las imágenes a menudo se procesan más rápido, el texto puede proporcionar una mayor comprensión. Crear equilibrio entre el texto y el contenido visual es una combinación de comprender su proyecto y el mejor método de entrega para el contenido, las expectativas de la audiencia, la ponderación de los elementos y la entrega.
¿Cuál es el objetivo de su proyecto de diseño?
El comienzo de cada proyecto de diseño, independientemente de todos los demás factores, debe comenzar con un objetivo: ¿Qué está tratando de lograr con el diseño? Una vez que sepa lo que quiere lograr, determinar el medio para este mensaje es igualmente importante.
Los tipos comunes de objetivos de diseño incluyen crear conciencia de marca, educación, ventas, interacción con el usuario y compromiso (como encuestas), lealtad o contacto o llamado a la acción. Si bien hay muchos otros objetivos, muchos vuelven a uno o dos de estos conceptos básicos.
El progreso del diseño de un proyecto depende en gran medida de la meta y el medio. Establece "reglas" para el diseño, como el tamaño y la forma, y quién tendrá acceso a él. Estas restricciones también lo ayudarán a determinar cuánto espacio tiene para el contenido en total para que pueda pensar en la división del texto y las imágenes.
Es importante pensar en un objetivo general y objetivos más pequeños para proyectos de diseño. Al planificar una tarjeta de visita, por ejemplo, el proyecto es simple y el objetivo principal es el contacto. Pero puede expandir el diseño utilizando ambos lados de una tarjeta. Del mismo modo, los proyectos de diseño de sitios web pueden incluir múltiples objetivos que varían de una página a otra, cambiando el texto a la proporción visual con cada clic.
Tipo de contenido
¿Con qué tipo de contenido estás trabajando? Parece una pregunta fácil, pero muchos diseñadores saben que no siempre tienen la respuesta. El tipo de contenido principal de un diseño puede determinar el equilibrio entre texto y elementos visuales.
Lograr ese equilibrio puede ser tan simple como mirar el contenido que espera tener y si tiende a estar más enfocado visualmente o necesita texto para la comprensión contextual.
Los tipos de contenido que se representan visualmente más comúnmente incluyen:
- Algunos blogs
- Comercio y ventas
- Redes sociales
- Anuncios de productos
- Aplicaciones y páginas de inicio de sitios web
Los tipos de contenido que se representan más comúnmente con texto incluyen:
- Libros y libros electrónicos
- Algunos blogs
- Guías
- Libros blancos
- Instrucciones y manuales
Expectativa de la audiencia
Cuando se trata de reunir imágenes y texto, es importante tener en cuenta las expectativas de su audiencia. Un lector no esperaría un libro ilustrado de un novelista, por ejemplo, y podría estar molesto por encontrar un nuevo lanzamiento con pocas palabras.
Una variedad de factores demográficos entran en juego cuando se observan las expectativas de la audiencia, pero es probable que sepa qué funciona y no funciona a partir de experiencias de diseño pasadas. Construir sobre los éxitos.
Dale a los elementos el peso adecuado
Una forma de pensar sobre el equilibrio entre texto y elementos visuales es usar una escala simple. Ponga todo el contenido visual en un lado y los elementos de texto en el otro. ¿Cómo se sienta la balanza?
Considere el peso visual al mirar la báscula. Si bien solo puede haber unas pocas palabras en una página o pantalla, el tamaño, el color y la ubicación de estos elementos pueden dar al texto una presencia considerable. El peso visual puede desempeñar un papel en la relación entre imágenes y texto grandes (o pequeños).
Este peso visual puede cambiar de una página a otra en un diseño. Con esa tarjeta de presentación, el frente puede contener una imagen grande, mientras que el reverso es toda la información de contacto. En un sitio web, la página de destino puede contener una imagen y un logotipo de héroe, mientras que una página secundaria (como una sección "Acerca de nosotros") es casi todo texto con una imagen más pequeña. Si bien cada "página" tiene un peso distinto para el texto o el contenido visual, cada uno de los proyectos generales tiene un peso equilibrado.
Método de entrega
Otro factor para crear un equilibrio entre el texto y las imágenes es el método de entrega. Impreso versus pantalla y grande versus pequeño crean desafíos de equilibrio distintos.
Los proyectos impresos tienden a usar más texto en proporción a las imágenes. Sin embargo, este concepto cambia a medida que aumenta el tamaño del medio. Pero al igual que los proyectos basados en la web, los elementos visuales son cada vez más utilizados como elementos más grandes en los proyectos.
Los proyectos en pantalla tienden a ser más visuales. Mire las páginas de inicio y las aplicaciones del sitio web como ejemplo. El equilibrio a menudo cambia hacia más texto cuanto más profundizas en el diseño. Las páginas principales o principales del horno tienen más imágenes que las pantallas interiores y secundarias.
Los proyectos grandes y pequeños a menudo dependen en gran medida del texto o imágenes de una manera "extrema". El factor principal aquí es la legibilidad. Cuando se trata de algo grande, digamos el tamaño de una valla publicitaria, no hay mucho tiempo para digerir la información, por lo que es probable que se use una imagen y solo una o dos palabras. En términos de tamaños pequeños, muchas aplicaciones de teléfonos móviles usan una imagen o un bloque de texto de pantalla en pantalla, lo que les da a los usuarios tiempo para concentrarse en un elemento a la vez antes de pasar al siguiente.
Buscando una 'relación mágica'
Si está buscando una "proporción mágica" para determinar cuánto espacio dar al texto o elementos visuales, ha venido al lugar equivocado. No existe una fórmula mágica. Solo hay planificación, proceso y desarrollo de diseño.
Pero ... hay algunas pautas que pueden ayudarte.
- Necesitará texto y visuales. Pocos proyectos tienen éxito sin ambos presentes.
- Estamos viviendo en un tiempo altamente visual. Ve a lo grande con imágenes para captar la atención.
- La mayoría de los proyectos incluirán más un componente de contenido visual que uno de texto. Está bien. Pero también está bien si tiene más texto que imágenes.
- Apunte del 60 al 80 por ciento del primer diseño de impresión que incluya una imagen. Tienes que atrapar a tu audiencia antes de atraerlos a leer. (Incluso los libros tienen bonitas portadas para atraer a los lectores).
- En términos de peso visual, las imágenes y el texto deberían sentirse algo iguales en el alcance de la mayoría de los proyectos.
- Asegúrese de que las imágenes y el texto funcionen juntos. Ninguna cantidad de equilibrio importará si los elementos viven en conflicto entre sí.
5 consejos para lograr el equilibrio
Ahora que está pensando cuál es la proporción correcta cuando se trata de equilibrar el texto y las imágenes, piense cómo va a lograrlo. Incluso algunos de los contornos de diseño mejor diseñados se sentirán un poco fuera de control una vez que los elementos se coloquen en la pantalla o página.
Aquí hay algunos consejos para pensar cuando se trata de crear equilibrio.
- Si no necesita palabras, no las use.
- Presentar información visual, visualmente. No describas cosas que puedas mostrar.
- No use palabras innecesarias o imágenes repetidas.
- Haga que el texto sea visual o convierta los elementos visuales en texto si el diseño se siente desigual.
- Si no sabe cuánto texto necesita, apunte a un área de superficie igual para las imágenes y el texto para crear un "equilibrio obvio".
Conclusión
Si bien la tendencia hacia proyectos de diseño con muchas imágenes ha sido muy documentada, el diseño con mucho texto también puede ser impactante. Deje que su contenido dicte la estrategia de los proyectos de diseño.
Considere cómo cosas como los objetivos del proyecto, las expectativas de la audiencia, la ponderación de los elementos y la entrega impactan el uso de imágenes y texto. Piense en el equilibrio en un proyecto de diseño general, mientras equilibra la probable necesidad de una primera impresión altamente visual.