Como contar uma história com design
Design é um método de expressão. Ele comunica uma mensagem visual para quem a vê. Ele também comunica uma história, implícita ou claramente declarada.
Como designer, é seu trabalho garantir que a história seja clara. A história do design deve estar alinhada com a história da empresa, marca, site, jogo, bebida engarrafada ou o que você estiver trabalhando. Contar uma história é importante para criar uma impressão duradoura e tornar sua "coisa" mais memorável do que todas as outras por aí.
Explore o Envato Elements
Qual a sua história?
Antes mesmo de começar a projetar o primeiro elemento, determine qual história você planeja contar. É feliz ou triste, divertido e enérgico, ou lento e descontraído? A história mexe com o coração? Escreva para que toda a equipe conheça e compreenda a história, o tom e o humor que o design deve transmitir.
Alguns bons exemplos de história (com um design a condizer) incluem:
- Sapatos TOMS: Filantropia
- Clif Bar: Aventura simples
- Go Pro: Emocionante e extremo
- Nike: Atitude
- Trader Joe's: Quirky
Então, como você identifica sua história? Comece com um rápido brainstorm. Diga o nome da sua empresa / marca / cliente em voz alta. Depois, anote todas as palavras e coisas que você associa a ele. Peça a outras pessoas que façam a mesma coisa sem conhecer os itens da sua lista. Um tema comum surgirá. Essa é a sua história. (Se os resultados forem algo que você não deseja que seja sua história, talvez seja hora de contratar um gerente de marca para ajudar a mudar isso.)
Partes de uma história
Os números variam, dependendo de quem você pergunta, mas cada história tem algumas partes muito específicas. Sua história de design deve transmitir isso também. A história ou o arco narrativo traça a ação e a cronologia da trama ou ação. Aqui, examinaremos as peças e as relacionaremos com o site do Trader Joe como exemplo.
Começa com uma introdução. A página de destino do Trader Joe é simples e permite que você saiba que esta empresa lida com comida e é um pouco diferente da mercearia tradicional.
A ação crescente da história acontece à medida que você aprende sobre os personagens e o cenário. As páginas "Notícias sobre produtos" e "Receitas" definem esse cenário. Você fica intrigado com a loja e quer saber mais.
O clímax da história é o maior ponto de virada na história: o que você pode encontrar no Trader Joe's e onde pode encontrá-lo ("Dig In"). Você está investido na história e quer ir para lá.
A ação de queda leva você à conclusão. Você provavelmente clicará mais no site e talvez até encontre a história real do Trader Joe, que se correlaciona com o design do site. (Havia um homem de verdade chamado Trader Joe!)
Finalmente, a história tem resolução. Você conhece a empresa e decidiu comprar lá e planeja visitar. E você se lembrará de partes importantes da história e talvez até as compartilhará com outras pessoas. A história ajudou a entender por que o Trader Joe's tem a aparência que tem e como se relaciona com algo tangível.
Benefícios da narração de histórias
A narração de histórias também tem três benefícios principais. Uma história ajuda a entender, envolver e lembrar. Pense em todos os pequenos jogos divertidos que você joga no seu telefone; cada um tem uma história.
Visualmente, você deseja usar esses benefícios em seu benefício com elementos como cor, tipo e imagem. Amarre a estética à história. Escolha uma paleta de cores que crie uma conexão lógica com a sensação ou o humor da história que você está contando, faça o mesmo com as opções de tipografia. As imagens também devem transmitir essa mensagem. (Há uma razão pela qual todas as pessoas em todas as imagens que a Coca-Cola distribui estão sorrindo; a felicidade faz parte de sua história. Isso é verdade para a empresa ao longo do tempo, como você pode ver no anúncio impresso dos anos 50 acima.)
Dicas para criar sua história
A aparência da sua história deve refletir o humor e o tom dela. Uma história simples, cheia de efeitos elaborados, pode ter uma sensação desarticulada. Aqui estão cinco ferramentas de design que podem ajudá-lo a contar sua história.
1. Imagens grandes
Você já ouviu o clichê: uma imagem vale mais que mil palavras. Use isso a seu favor. Qual imagem melhor diz às pessoas sobre o que você é? Ou talvez não seja uma foto, mas uma ilustração.
Amplie com uma ou duas dessas imagens que representam sua empresa. Os sapatos TOMS, por exemplo, fazem isso especialmente bem. As imagens em cada página do site são mais sobre a história do que sobre o produto real. Esta apresentação cria melhor uma conexão com a história.
2. Palavras grandes
Uma grande palavra ou frase pode consolidar a impressão duradoura que você deseja causar. Diga às pessoas o que você é em poucas palavras para atraí-las para a sua história.
A marca Clif Bar é para aventureiros. Desde a embalagem dos produtos até o site, isso fica especialmente claro. O site, em particular, usa grandes palavras para martelá-lo em casa: "Alimente sua AVENTURA".
3. Cor
A ciência por trás da cor e da emoção provou repetidas vezes que o matiz pode impactar bastante a maneira como os usuários percebem um design e se conectam a ele. Verifique se a paleta de cores cria a conexão correta.
Observando as duas paletas de cores acima, pense nas diferentes versões da mesma história que elas contam. Lembre-se dessa idéia ao pensar em cores em seus projetos de design para garantir que seu esquema conte a história certa.
4. Efeitos de design
Uma das grandes vantagens da tecnologia são todas as opções disponíveis para contar sua história. As duas maiores tendências atualmente em web design são efeitos de vídeo e paralaxe. Ambas são ótimas técnicas de contar histórias.
A rolagem de paralaxe pode ajudá-lo a criar cenas ou slides para cada "capítulo" da sua história. O efeito é geralmente liso e fácil de usar. Ele funciona para vários tipos de histórias e pode ser tão simples ou complexo quanto você desejar. Pense nessa técnica ao projetar também para elementos impressos. Crie um design de impressão no estilo de painel (ou flipbook ou storyboard) para obter a mesma sensação de progressão da história.
O vídeo dá a você o controle para contar uma história em imagens e com som, se quiser. O Go Pro, na verdade, tem um vídeo no estilo de documentário no site que chama sua atenção e conta a história deles. O bom de um pequeno vídeo é que ele pode ser incorporado em vários projetos de design, desde o site até uma apresentação de slides, um comercial de televisão ou um quiosque.
5. Navegação
Conhecer as pessoas através de sua história - e o design é importante. Fluxo claro, navegação e apelos à ação fazem isso acontecer e fazem com que os usuários se conectem com seu design e história da maneira que você deseja. Seja o design impresso ou digital, defina um curso claro de ação e interação. O que as pessoas devem fazer depois de ver seu design?
A Nike faz um ótimo trabalho disso em geral. A marca cria um clima distinto e ajuda você a acessar a parte de vendas do site de várias maneiras. Há uma barra de menus na parte superior e lateral do site, além de links diretos e acionáveis no controle deslizante. Além disso, cada link faz parte da história: “Você quer ser o pior jogador de basquete que pode ser? Clique aqui."
Conclusão
Contar histórias é uma parte essencial do processo de design. Então pegue uma caneta e anote qual história você quer contar. Pode ser o histórico da sua história, ou por que o seu produto é superior aos outros ou como o seu CEO conduz os negócios. Todo mundo tem algo único e interessante para compartilhar.
Conecte essas informações interessantes ao seu design com cores, imagens, tipografia e efeitos de design. E comece a pensar em tudo o que você vê: que história eles estão tentando contar? Funciona?
Fonte da imagem: Public Domain Archive .
