Hierarquia Visual

Tiago Ferraz
2 de fev. de 2023
2 min de leitura

Olá, tudo bem? Você já ouviu falar em Hierarquia Visual? Se nunca ouviu, esse post de hoje é pra você, dá uma olhada nessa imagem.

Quando vamos desenvolver uma página, uma embalagem, ou até mesmo um post para as redes sociais temos que ir muito além de escolher uma boa imagem e pensar em uma boa copy. Se fizer um layout bem pensado, consegue atrair o olhar do usuário (pelo menos uma grande parte deles) para o lugar que você quer e na sequência que você quer, estimulando o usuário/consumidor a agir conforme o esperado.

A Hierarquia Visual consiste na organização dos elementos para mostrar sua ordem de importância, fazendo a distribuição de forma lógica e estratégica, determinando quais elementos receberão a atenção do usuário atraindo seus olhos diretamente para o foco desejado e no momento certo.

Na pratica, isso tem 3 funções básicas que devem ser consideradas.

Orientação

Construir o layout pensando em conduzir o usuário de ação em ação sem que ele se sinta forçado.

Comunicação

Basicamente criando links na mente do usuário diminuindo a carga cognitiva que ele recebe, reduzindo o esforço para achar a informação e qual caminho tomar.

Impacto Emocional

Aplicando elementos que envolvam o usuário de forma a conectá-lo com o conteúdo e suas ações.

Não existe uma receita de bolo para uma hierarquia bem sucedida, mas há algumas dicas de ouro que devem ser aplicadas.

Tamanho: elementos maiores são mais importantes.
Cor: cores vivas se destacam mais do que cores escuras.
Tipografia: o tamanho e o tipo de fonte proporcionam diferenciações e destaques.
Proximidade: separa os elementos uns dos outros e cria sub-hierarquias.
Espaço em branco: torna mais fácil a visualização.
Alinhamento: cria ordem entre os elementos.
Repetição: atribui significado em relação aos elementos.
Linha principais: guiam o olhar.
Regra dos terços: imagine a tela dividida em 9 quadrados (como um jogo da velha) e descentralize o objeto, colocando-o na intersecção das linhas.

Estude cada um dos princípios e entenda que você não precisa (e às vezes não deve) utilizar todos eles ao mesmo tempo, mas sim, analisar o design de acordo com suas necessidades, aplicando o que cabe em cada caso.

Espero que tenha curtido o conteúdo, aproveite as dicas e nos vemos na próxima. Tchau!