Como equilibrar texto e conteúdo visual no design

/2016-04-28 13:07:02/
Jah
/Programas/

Todos nós já ouvimos a frase "sexo vende", mas quando se trata de design, o que é que a venda? Texto ou imagens? A realidade é que ambos são partes essenciais de quase todos os projetos de design. O que faz a diferença entre um projeto que funciona e um que fica aquém é encontrar o equilíbrio certo entre os dois.

Embora os recursos visuais sejam frequentemente processados com mais rapidez, o texto pode fornecer maior entendimento. Criar equilíbrio entre o texto e o conteúdo visual é uma combinação de compreensão do seu projeto e o melhor método de entrega de conteúdo, expectativa do público, ponderação de elementos e entrega.

Qual é o objetivo do seu projeto de design?

O início de cada projeto de design - independentemente de todos os outros fatores - deve começar com um objetivo: O que você está tentando realizar com o design? Depois de saber o que você deseja alcançar, a determinação de um meio para esta mensagem é igualmente importante.

Tipos comuns de objetivos de design incluem a criação de reconhecimento da marca, educação, vendas, interação e engajamento do usuário (como pesquisas), lealdade ou contato ou call to action. Embora existam muitos outros objetivos, muitos retornam a um ou dois desses princípios.

O andamento do design de um projeto depende muito do objetivo e do meio. Ele define "regras" para o design, como tamanho e forma e quem terá acesso a ele. Essas restrições também o ajudarão a determinar quanto espaço você tem para o total de conteúdo, para que você possa pensar sobre a divisão do texto e do visual.

É importante pensar em uma meta geral e em metas menores para projetos de design. Ao planejar um cartão de visita, por exemplo, o projeto é simples e o objetivo principal é o contato. Mas você pode expandir o design usando os dois lados de um cartão. Da mesma forma, os projetos de design de sites podem incluir várias metas que variam de página para página, alterando a proporção do texto para o visual a cada clique.

Tipo de Conteúdo

Com que tipo de conteúdo você está trabalhando? Parece uma pergunta fácil, mas muitos designers sabem que nem sempre têm a resposta. O principal tipo de conteúdo de um design pode determinar o equilíbrio entre texto e visual.

Encontrar esse equilíbrio pode ser tão simples quanto analisar o conteúdo que você espera ter e se ele tende a ser mais focado visualmente ou precisa de texto para compreensão contextual.

Os tipos de conteúdo mais representados visualmente incluem:

Alguns blogs
Comércio e vendas
Mídia social
Anúncios de produtos
Página inicial de aplicativos e sites

Os tipos de conteúdo que são mais representados com texto incluem:

Livros e e-books
Alguns blogs
Guias
Whitepapers
Instruções e manuais

Expectativa do público

Quando se trata de juntar elementos visuais e texto, é importante considerar a expectativa do seu público. Um leitor não esperaria um livro ilustrado de um romancista, por exemplo, e pode ficar chateado ao encontrar um novo lançamento com poucas palavras.

Uma variedade de fatores demográficos entra em jogo quando se olha para as expectativas do público, mas é provável que você saiba o que está funcionando e não está funcionando com as experiências anteriores de design. Construa sobre os sucessos.

Dê aos elementos o peso adequado

Uma maneira de pensar sobre o equilíbrio entre texto e visual é usar uma escala simples. Coloque todo o conteúdo visual de um lado e os elementos de texto do outro. Como está a balança?

Considere o peso visual ao olhar para a balança. Embora possa haver apenas algumas palavras em uma página ou tela, o tamanho, a cor e o posicionamento desses elementos podem dar ao texto uma presença significativa. O peso visual pode desempenhar um papel importante no tamanho (ou pequeno) de imagens e texto em relação um ao outro.

Esse peso visual pode mudar de página para página em um design. Com esse cartão de visita, a frente pode conter uma imagem grande, enquanto a parte de trás contém todas as informações de contato. Em um site, a página de destino pode conter uma imagem e um logotipo de herói, enquanto uma página secundária (como uma seção "Sobre nós") é quase todo o texto com uma imagem menor. Embora cada "página" tenha um peso distinto para o texto ou o conteúdo visual, cada um dos projetos em geral tem um peso equilibrado.

Método de Entrega

Outro fator na criação de equilíbrio entre texto e imagens é o método de entrega. Impresso versus tela e grande versus pequeno criam desafios distintos de equilíbrio.

Projetos impressos tendem a usar mais texto em proporção ao visual. Esse conceito muda embora à medida que o tamanho do meio aumenta. Mas, como projetos baseados na Web, o visual está se tornando mais amplamente usado como elementos maiores nos projetos.

Projetos na tela tendem a ser mais visuais. Veja as páginas iniciais e os aplicativos do site como exemplo. A balança geralmente muda para mais texto, quanto mais fundo você entra no design. As páginas principais ou principais do forno têm mais recursos visuais que as telas internas e secundárias.

Projetos de tamanho grande e pequeno geralmente dependem muito de textos ou imagens de maneira "extrema". O principal fator aqui é a legibilidade. Quando se trata de algo grande - digamos o tamanho de um outdoor - não há muito tempo para digerir as informações; portanto, uma imagem e apenas uma ou duas palavras provavelmente serão usadas. Em termos de tamanhos pequenos, muitos aplicativos para celular usam uma imagem ou um bloco de texto de tela para tela, dando aos usuários tempo para se concentrarem em um elemento de cada vez antes de passar para o próximo.

Procurando uma 'proporção mágica'

Se você está procurando uma "proporção mágica" para determinar quanto espaço deve dar ao texto ou aos elementos visuais, chegou ao lugar errado. Não há fórmula mágica. Existe apenas planejamento, processo e desenvolvimento de design.

Mas… existem algumas diretrizes que podem ajudá-lo.

Você precisará de texto e imagens. Poucos projetos são bem-sucedidos sem os dois presentes.
Estamos vivendo em um tempo altamente visual. Amplie o visual para chamar a atenção.
A maioria dos projetos inclui mais um componente de conteúdo visual do que um de texto. Isso está ok. Mas tudo bem se você tiver mais texto do que imagens também.
Procure 60% a 80% do primeiro design de impressão para incluir um visual. Você precisa atrair seu público antes de atraí-lo a ler. (Até os livros têm capas bonitas para atrair leitores.)
Em termos de peso visual, o visual e o texto devem parecer um pouco iguais no escopo da maioria dos projetos.
Verifique se o visual e o texto funcionam juntos. Nenhuma quantidade de equilíbrio será importante se os elementos estiverem em conflito entre si.

5 dicas para alcançar o equilíbrio

Agora que você está pensando sobre qual é a proporção correta quando se trata de equilibrar texto e visual, pense em como alcançá-la. Mesmo alguns dos contornos de design mais bem projetados parecerão um pouco fora de sintonia quando os elementos forem colocados na tela ou na página.

Aqui estão algumas dicas para pensar quando se trata de criar equilíbrio.

Se você não precisa de palavras, não as use.
Apresentar informações visuais, visualmente. Não descreva coisas que você pode mostrar.
Não use palavras desnecessárias ou imagens repetidas.
Torne o texto visual ou transforme o visual em texto se o design parecer desequilibrado.
Se você não souber a quantidade de texto necessária, procure uma área de superfície igual para recursos visuais e texto para criar um "equilíbrio óbvio".

Conclusão

Embora a tendência para projetos de design com imagens pesadas tenha sido fortemente documentada, o design de texto pesado também pode ser impactante. Deixe seu conteúdo ditar a estratégia dos projetos de design.

Considere como coisas como objetivos do projeto, expectativa do público, ponderação de elementos e entrega afetam o uso de recursos visuais e de texto. Pense em equilibrar um projeto de design geral, enquanto equilibra a provável necessidade de uma primeira impressão altamente visual.