Cómo contar una historia con diseño

El diseño es un método de expresión. Se comunica un mensaje visual a quienes lo ven. También comunica una historia, ya sea implícita o claramente establecida.

Como diseñador, es su trabajo asegurarse de que la historia sea clara. La historia del diseño debe coincidir con la historia de la compañía, la marca, el sitio web, el juego, la bebida embotellada o con lo que esté trabajando. Contar una historia es importante para crear una impresión duradera y hacer tu? Cosa? Más memorable que todos los demás.

¿Cuál es tu historia?

Antes de comenzar a diseñar el primer elemento, determine qué historia planea contar. ¿Es feliz o triste, divertido y enérgico, o lento y pausado? ¿La historia tira de las cuerdas del corazón? Escríbalo de manera que todo el equipo conozca y comprenda la historia, el tono y el estado de ánimo que debe transmitir el diseño.

Un par de buenos ejemplos de historia (con un diseño que combina) incluyen:

  • Zapatos TOMS: Filantropía
  • Clif Bar: aventura simple
  • Go Pro: Emocionante y extremo.
  • Nike: Actitud
  • Trader Joe's: Peculiar

Entonces, ¿cómo identificas tu historia? Comience con una rápida lluvia de ideas. Di el nombre de tu empresa / marca / cliente en voz alta. Luego anota todas las palabras y las cosas que asocias con él. Pida a otras personas que hagan lo mismo sin saber los elementos de su lista. Surgirá un tema común. Esa es tu historia. (Si los resultados son algo que no quieres que sea tu historia, podría ser el momento de contratar a un gerente de marca para que lo ayude a cambiarlo).

Partes de una historia

Los números varían, dependiendo de a quién le preguntes, pero cada historia tiene algunas partes muy específicas. Tu historia de diseño debería transmitir esto también. La historia o arco narrativo traza la acción y la cronología de la trama o acción. Aquí veremos las partes y las relacionaremos con el sitio web de Trader Joe como ejemplo.

Comienza con una introducción. La página de inicio de Trader Joe es simple y le permite saber que esta empresa se ocupa de los alimentos y es un poco diferente a la tienda de comestibles tradicional.

La acción ascendente de la historia sucede a medida que aprendes sobre los personajes y el entorno. ¿Las noticias de productos? y? recetas? Las páginas establecen esta escena. Te intrigas con la tienda y quieres saber más.

El clímax de la historia es el mayor punto de inflexión de la historia: ¿qué puede encontrar en Trader Joe's y dónde puede encontrarlo (“Dig In”)? Te invierten en la historia y quieres ir allí.

La acción descendente te lleva a la conclusión. Probablemente haga clic en el sitio un poco más y quizás incluso encuentre la historia real de Trader Joe, que se relaciona con el diseño del sitio. (¡Había un hombre real llamado Trader Joe!)

Finalmente, la historia tiene resolución. Usted sabe sobre la compañía y ha decidido comprar allí y planea visitarla. Y recordará partes clave de la historia y tal vez incluso las comparta con otros. La historia le ha ayudado a comprender por qué Trader Joe's tiene el aspecto que tiene y cómo se relaciona con algo tangible.

Beneficios de contar historias

Contar historias tiene tres beneficios clave también. Una historia te ayuda a entender, participar y recordar. Piensa en todos los pequeños juegos divertidos que juegas en tu teléfono; cada uno tiene una historia.

Visualmente desea utilizar estos beneficios para su ventaja con elementos como el color, el tipo y las imágenes. Atar la estética a la historia. Elija una paleta de colores que cree una conexión lógica con la sensación o el estado de ánimo de la historia que está contando, haga lo mismo con las opciones de tipografía. Las imágenes también deben transmitir ese mensaje. (Hay una razón por la que cada persona en cada imagen que distribuye Coca-Cola sonríe; la felicidad es parte de su historia. Esto se aplica a la compañía a lo largo del tiempo, como se puede ver en el anuncio impreso de la década de 1950 más arriba).

Consejos para diseñar tu historia

El aspecto de su historia debe reflejar el estado de ánimo y el tono de la misma. Una historia simple abarrotada por efectos elaborados puede tener una sensación inconexa. Aquí hay cinco herramientas de diseño que pueden ayudarte a contar tu historia.

1. Imágenes grandes

¿Has escuchado el cliché ?: Una imagen vale más que 1.000 palabras. Usa eso para tu ventaja. ¿Qué imagen le dice a la gente de qué se trata? O tal vez no sea una foto, sino una ilustración.

Vaya a lo grande con una o dos de estas imágenes que representan a su empresa. Los zapatos TOMS, por ejemplo, hacen esto especialmente bien. Las imágenes en cada página del sitio web son más sobre la historia, que sobre el producto real. Esta presentación crea mejor una conexión con la historia.

2. Grandes palabras

Una gran palabra o frase puede cimentar la impresión duradera que desea hacer. Dígale a la gente de qué se trata, en pocas palabras, para atraerlos a su historia.

La marca Clif Bar es para aventureros. Desde el embalaje de los productos hasta el sitio web, esto se hace especialmente claro. El sitio web, en particular, usa palabras grandes para insistir: "Alimenta tu AVENTURA".

3. color

La ciencia detrás del color y la emoción ha demostrado una y otra vez que el matiz puede tener un gran impacto en cómo los usuarios perciben un diseño y se conectan con él. Asegúrese de que su paleta de colores crea la conexión correcta.

Mirando las dos paletas de colores de arriba, piense en las diferentes versiones de la misma historia que cuentan. Mantenga esa idea en mente cuando piense en el color en sus proyectos de diseño para asegurarse de que su esquema cuente la historia correcta.

4. Efectos de diseño

Una de las mejores cosas de la tecnología son todas las opciones disponibles para contar su historia. Las dos tendencias más importantes en este momento en el diseño web son los efectos de vídeo y de paralaje. Ambas son excelentes técnicas para contar historias.

El desplazamiento de paralaje puede ayudarlo a crear escenas o diapositivas para cada capítulo. de tu historia El efecto es generalmente pulido y fácil de usar. Funciona para una variedad de tipos de historias y puede ser tan simple o complejo como quieras. Piense en esta técnica al diseñar elementos impresos también.Cree un diseño de impresión estilo panel (flipbook o guión gráfico) para obtener la misma sensación de progresión de la historia.

El video te da el control para contar una historia en imágenes y con sonido si lo deseas. Go Pro en realidad tiene un video de estilo documental en el sitio web que llama tu atención y te cuenta su historia. Lo bueno de un video corto es que puede integrarse en múltiples proyectos de diseño, desde el sitio web a una presentación de diapositivas, a un lugar de televisión o un quiosco.

5. la navegación

Hacer que la gente supere tu historia, y el diseño es importante. El flujo claro, la navegación y las llamadas a la acción hacen que esto suceda y logre que los usuarios se conecten con su diseño e historia de la forma que desee. Ya sea que el diseño sea impreso o digital, establezca un curso claro de acción e interacción. ¿Qué debe hacer la gente después de ver su diseño?

Nike hace un gran trabajo de esto en general. La marca crea un ambiente distinto y lo ayuda a llegar a la parte de ventas del sitio de varias maneras. Hay una barra de menú en la parte superior y lateral del sitio, así como enlaces directos y accionables en el control deslizante. Además, cada enlace es parte de la historia: "¿Quieres ser el jugador de baloncesto más 'malo' que puedes ser? Haga clic aquí.?

Conclusión

Contar historias es una parte esencial del proceso de diseño. Así que saca un bolígrafo y apunta qué cuento quieres contar. Puede ser la historia de su historia, o por qué su producto es superior a los demás o cómo su CEO hace negocios. Todo el mundo tiene algo único e interesante para compartir.

Conecte esa información interesante a su diseño con color, imágenes, tipografía y efectos de diseño. Y empieza a pensar en todo el diseño que también ves: ¿Qué historia están tratando de contar? ¿Funciona?

Fuente de la imagen: Archivo de dominio público.