Cómo contar una historia con diseño
El diseño es un método de expresión. Comunica un mensaje visual a quienes lo ven. También comunica una historia, ya sea implícita o claramente declarada.
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, marca, sitio web, juego, bebida embotellada o lo que sea con lo que esté trabajando. Contar una historia es importante para crear una impresión duradera y hacer que su "cosa" sea más memorable que todas las demás.
Explore los elementos de Envato
¿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 para 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 a juego) 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 lluvia de ideas rápida. Di el nombre de tu empresa / marca / cliente en voz alta. Luego anota todas las palabras y cosas que asocias con él. Pídale a algunas otras personas que hagan lo mismo sin conocer los elementos de su lista. Surgirá un tema común. Esa es tu historia. (Si los resultados son algo que no desea que sea su historia, podría ser el momento de contratar a un gerente de marca para que lo cambie).
Partes de una historia
Los números varían, dependiendo de a quién le pregunte, pero cada historia tiene algunas partes muy específicas. Tu historia de diseño también debe transmitir esto. La historia o el arco narrativo trazan 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's 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 ocurre a medida que aprende sobre los personajes y el entorno. Las páginas "Noticias de productos" y "Recetas" configuran esta escena. Te intriga la tienda y quieres saber más.
El clímax de la historia es el mayor punto de inflexión en la historia: qué puedes encontrar en Trader Joe's y dónde puedes encontrarlo ("Dig In"). Estás involucrado en la historia y quieres ir allí.
La acción de caída te lleva a la conclusión. Probablemente haga clic en el sitio un poco más y tal vez incluso encuentre la historia real de Trader Joe, que se correlaciona con el diseño del sitio. (¡Había un hombre real llamado Trader Joe!)
Finalmente, la historia tiene resolución. Usted conoce la empresa 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 te ha ayudado a entender por qué Trader Joe's tiene el aspecto que tiene y cómo se relaciona con algo tangible.
Beneficios de contar historias
La narración de cuentos también tiene tres beneficios clave. 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. Ate 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 está sonriendo; la felicidad es parte de su historia. Esto es cierto para la compañía a lo largo del tiempo, como puede ver en el anuncio impreso de la década de 1950 anterior).
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 de efectos elaborados puede tener una sensación desarticulada. Aquí hay cinco herramientas de diseño que pueden ayudarlo a contar su historia.
1. Imágenes grandes
Has escuchado el cliché: una imagen vale más que 1, 000 palabras. Use eso para su ventaja. ¿Qué imagen le dice mejor a la gente de qué se trata? O tal vez no es 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 consolidar la impresión duradera que desea causar. En pocas palabras, explique a las personas de qué se trata 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, utiliza grandes palabras para martillarlo en casa: "Alimenta tu AVENTURA".
3. Color
La ciencia detrás del color y la emoción ha demostrado una y otra vez que el tono puede afectar enormemente la forma en que los usuarios perciben un diseño y se conectan con él. Asegúrese de que su paleta de colores cree la conexión correcta.
Mirando las dos paletas de colores anteriores, piense en las diferentes versiones de la misma historia que cuentan. Tenga en cuenta esa idea 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 video y paralaje. Ambas son excelentes técnicas para contar historias.
El desplazamiento de Parallax puede ayudarlo a crear escenas o diapositivas para cada "capítulo" de su historia. El efecto es generalmente hábil y fácil de usar. Funciona para una variedad de tipos de historias y puede ser tan simple o complejo como desee. Piense en esta técnica cuando diseñe también para elementos impresos. Cree un diseño de impresión estilo panel (o flipbook o storyboard) 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 capta su atención y le cuenta su historia. Lo bueno de un video corto es que puede integrarse en múltiples proyectos de diseño desde el sitio web hasta una presentación de presentación de diapositivas, un spot de televisión o un quiosco.
5. Navegación
Hacer que la gente atraviese su 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 hacen que los usuarios se conecten con su diseño e historia de la manera que usted desea. Ya sea que el diseño sea impreso o digital, establezca un curso claro de acción e interacción. ¿Qué deben hacer las personas después de ver su diseño?
Nike hace un gran trabajo en general. La marca crea un ambiente distinto y lo ayuda a llegar a la parte de ventas del sitio de múltiples 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 puedas ser? Haga clic aquí."
Conclusión
La narración de cuentos es una parte esencial del proceso de diseño. Así que saca un bolígrafo y anota qué historia quieres contar. Puede ser la historia de su historia, o por qué su producto es superior a otros o cómo su CEO realiza negocios. Todos tienen 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 comienza a pensar en todo el diseño que ves también: ¿qué historia están tratando de contar? ¿Funciona?
Fuente de la imagen: Archivo de dominio público .
