Cómo diseñar un volante impresionante (incluso si no eres diseñador)

Este artículo lo guiará a través del proceso y la lógica de diseñar un volante básico pero atractivo. Veremos cómo puede planificar su contenido, encontrar e implementar algunas imágenes de calidad y manejar la alineación de una cantidad significativa de contenido sin sacrificar demasiado el atractivo visual.

El lector de Design Shack, Abigail, envió un Dilema de diseño para preguntar sobre el diseño de folletos. Después de leer nuestros consejos sobre el diseño de presentaciones, quería saber cómo podría aplicar consejos similares para el diseño de folletos. En nuestro artículo de presentación, recomendamos a los diseñadores que mantengan sus diapositivas dolorosamente simples, pero comprensiblemente los volantes deben contener más información que un simple título.

Responderemos la pregunta de Abigail con un proyecto de diseño de volante completo que puede consultar para obtener consejos generales de diseño o seguir para obtener una experiencia sólida.

Explore diseños de volantes

¿Sin Photoshop? No hay problema

Ahora, una cosa importante a considerar es que Abigail es una bibliotecaria, no una diseñadora. Ella declaró en su mensaje que no tiene Photoshop ni ningún equivalente, solo algunos programas básicos de oficina como Powerpoint y Word.

Esto definitivamente complica las cosas. Es mucho más difícil lograr efectos de aspecto decente, mezclas, etc. en aplicaciones que realmente no tienen la intención de llevar a cabo tales trucos. En su mayor parte, trataré de mantener este proyecto lo suficientemente simple como para que casi cualquier persona pueda hacerlo con el software Office of Mill. Me aseguraré de señalar los trucos específicos de Photoshop que utilicé.

Primeros pasos: planifique su contenido

El primer paso en cualquier proyecto de diseño es organizar su información. ¿Qué se necesita? ¿Cuáles son tus metas? Como este es un proyecto imaginario, usaré texto de relleno, pero trataremos de mantenerlo real con el contenido.

Cualquier buen volante de concierto necesita decir, como mínimo, dónde y cuándo es el concierto, quién está tocando y cuánto cuesta. He diseñado muchos volantes de conciertos reales utilizando solo esta información, pero para hacerlo un poco más difícil, supongamos que también hay que incluir un par de párrafos de copia.

"Su objetivo debería ser reducir toda la información necesaria en fragmentos fácilmente digeribles".

Aunque los folletos pueden y deben tener mucha más información que la diapositiva de presentación promedio, eso no significa que deba volverse loco con el contenido. Aquí se aplican las mismas reglas básicas: menos es más. Si crea un volante que se compone principalmente de grandes fragmentos de texto, muy pocas personas lo mirarán por más de medio segundo. Solo verán que parece mucho trabajo clasificar y seguir adelante.

Su objetivo debería ser reducir toda la información necesaria en fragmentos fácilmente digeribles. Deseche todo lo que realmente no necesita y busque formas de hacer que lo que necesita sea más conciso.

Fiebre de Bullet Point

Hacer que su información sea concisa no significa que deba llenar el volante con cincuenta y siete viñetas. Las balas son geniales, y las usaremos hoy, pero los diseñadores aficionados son muy propensos a volverse locos con ellas. Si está usando viñetas como una forma fácil de leer y comprender para distribuir su información, está en el camino correcto. Si los usa como una muleta porque no sabe cómo diseñar un volante, debe repensar su estrategia.

Encontrar imágenes

Los no diseñadores realmente se sienten intimidados cuando se trata de agregar imágenes. Muchos de ellos saben que el clipart es bastante cursi y, a menudo, completamente horrible, pero no conocen otras opciones. Afortunadamente, la web es un país de las maravillas de recursos gratuitos si sabes dónde buscar.

Flickr Creative Commons es un gran lugar para comenzar, pero hoy vamos a utilizar Stock.xchng, un sitio web gratuito de fotografía de archivo. Por lo general, no estoy muy entusiasmado con los resultados de este sitio, pero hoy tuve la suerte de tener algunas imágenes geniales que realmente serán un excelente volante para un concierto (Crédito de la imagen: Josiah Norton y Angus Wurth).

Paso 1: combina las imágenes

Configure su documento para que coincida con el tamaño de volante deseado: 5 ″ por 7 ″, 17 ″ por 11 ″, etc. Realmente no importa, solo asegúrese de ir con una orientación vertical.

Una vez que haya configurado su documento, agregue las dos imágenes desde arriba, permitiéndoles ocupar todo su lienzo. Apila el bajista en la parte superior de la imagen del público, consumiendo una buena parte del espacio disponible. Es difícil sacrificar el espacio en un diseño abarrotado, pero realmente queremos que sea un volante llamativo.

En este punto, probablemente esté pensando que estas imágenes están demasiado ocupadas y que no podemos poner ningún texto, pero no se preocupe, nos ocuparemos de eso en el siguiente paso.

Paso 2: complete la parte inferior

Como acabo de mencionar, nuestro volante en su estado actual no es muy propicio para las superposiciones de texto, así que veamos si podemos simplificar un poco las cosas.

Para asegurarnos de que todos nuestros colores se vean bien juntos, siempre es una buena idea usar colores que ya aparecen en la imagen. Con esto en mente, muestree el color desde la parte superior izquierda de la imagen del bajista. Si la aplicación que está utilizando no tiene una herramienta cuentagotas, tendrá que mirarla.

Una vez que tenga su rectángulo de color sólido sobre su foto, reduzca su opacidad a alrededor del 84%. La mayoría de las aplicaciones con gráficos le permiten reducir la opacidad de un objeto; de lo contrario, solo tendrá que usar un color sólido.

Como puede ver, esto nos proporciona un fondo que es más interesante que un color sólido pero mucho más fácil de colocar que el texto que nuestra foto original. Además, la introducción de la superposición de colores hace que nuestras dos imágenes muy diferentes se vean realmente bien juntas.

Paso 3: agregar un título

Todo buen volante necesita un titular, así que cuidemos esto a continuación. Recuerde que el título no necesariamente tiene que estar en la parte superior de la página. Vamos a colocar el nuestro cerca de la parte inferior de la imagen del bajista.

Para hacer esto, repetí el mismo proceso básico que en el último paso. Dibujé un cuadro negro que venía del lado derecho del volante, luego reduje la opacidad lo suficiente como para dejar que la foto comenzara a mostrarse. Esto ayuda a que el texto sea más legible sobre ese fondo ocupado.

Para la fuente, utilicé Six Caps de Font Squirrel. La naturaleza condensada y en mayúsculas de la fuente es perfecta para el aspecto que estamos tratando de lograr.

Paso 4: Quién, dónde y cuándo

Dado que abordamos el precio en nuestro titular, nos hemos reducido a otros tres datos importantes: quién, dónde y cuándo. Podemos dividirlos en tres viñetas con exactamente esos encabezados.

Hay un par de cosas importantes a tener en cuenta al respecto. Primero, no me gustó la legibilidad de la fuente Six Caps sobre mucho texto, así que cambié a Futura Condensed para esta parte. Además, observe cómo he estructurado la jerarquía de la información con mucho cuidado. Los encabezados son los más grandes y de diferentes colores para destacar. Una vez más tomé este color de la imagen del bajista. También le di un poco de diferenciación de tamaño a la banda principal.

La conclusión principal aquí es que algunas piezas de información serán más importantes que otras y debe tener cuidado para prestar esa atención especial. Esto le da a su trabajo variedad visual y facilita la navegación.

Paso 5: agregue los párrafos

Dividir la parte inferior en dos columnas principales nos dará mucho espacio para el contenido. Acabamos de crear la primera columna y la dejamos bastante estrecha, lo cual está bien para el contenido que contiene. Esto nos permite tener una columna aún más amplia para nuestros párrafos, que no se vería bien si fueran demasiado estrechos.

Tenga en cuenta que utilicé las mismas convenciones básicas que en el paso anterior, con algunos cambios sutiles. No repetí los encabezados de colores para no restar valor a los puntos de información primarios de la izquierda. Con el mismo objetivo en mente, los encabezados de los párrafos son más pequeños que los de la izquierda.

Terminando

¡Con eso, ya hemos terminado! Nuestro volante dice todo lo que necesita y es bastante atractivo para arrancar. El diseño de la página aquí fue realmente mínimo y la mayoría de la estética fue proporcionada por imágenes de terceros. ¡Casi cualquiera puede hacer este volante! Haga clic en la imagen a continuación para obtener una vista previa más grande.

Notas sobre la alineación

Asegúrese de que mientras construye su volante, no solo arroje casualmente sus objetos en la página. Hay algunas alineaciones muy estrictas e intencionales en mi diseño:

Observe cómo todo se alinea bien en los planos vertical y horizontal. Además, observe cuánta distancia se coloca entre el borde de la página y el contenido. Siempre dé a su contenido mucho espacio para respirar, al igual que los márgenes en un documento de Word.

Notas sobre la impresión

Si planea diseñar e imprimir sus propios volantes, hay mucho que tener en cuenta. Primero, es posible que el diseño de su archivo deba tener en cuenta el sangrado y el recorte si está trabajando con un servicio de impresión comercial, a menudo se proporcionan plantillas para facilitar esto. Sin embargo, para este tipo de trabajos, realmente debe poseer algún tipo de software de gráficos profesional, ya que las plantillas proporcionadas por la impresora probablemente serán para Illustrator, InDesign o Photoshop.

Si está imprimiendo esto desde la impresora de la oficina, será más difícil encontrar un sangrado completo y es posible que ni siquiera sea posible con su modelo. En este caso, no te preocupes. Este diseño se ve muy bien con un borde blanco alrededor del borde. De hecho, ayuda a darle ese aspecto de "volante".

Finalmente, realmente debe tener cuidado con la calidad de impresión que está recibiendo. Este diseño presenta un tipo blanco sobre un fondo oscuro, si el tamaño de su volante es demasiado pequeño, esto rápidamente se vuelve problemático y el resultado puede ser una impresión ilegible. Asegúrese de que sus fuentes tengan un tamaño decente, luego ejecute una impresión de prueba. Si no funciona bien, puede que tenga que cambiar las fuentes, aumentar el tamaño o repensar el diseño para que la parte inferior sea blanca con texto negro o gris.

Conclusión

Si no eres diseñador, proyectos como este pueden ser bastante intimidantes. Sin embargo, con los trucos que te mostré anteriormente, realmente puedes impresionar a tus compañeros de banda, compañeros de trabajo y / o amigos con tus habilidades de diseño loco.

Deje un comentario a continuación y díganos con qué otro tipo de proyectos de diseño tiene dificultades y cómo podemos ayudarlo.