Diagramação: Hierarquia e Elementos do Design

Diagramação: Hierarquia Visual para Anúncios Eficazes

Introdução

Diagramar vai além de simplesmente distribuir elementos em um anúncio. É a arte de hierarquizar informações, definindo o que é mais importante e o que o consumidor deve ver primeiro.

Erros Comuns na Diagramação

Um erro frequente é diagramar uma página com informações distribuídas uniformemente, sem espaços em branco. Essa abordagem não estabelece a hierarquia necessária. O espaço em branco, em design, significa tempo para leitura e raciocínio do consumidor. Espaço é tempo.

Diagramação de Páginas Impressas

Qualquer impresso gráfico pode ser dividido em setores/zonas de visualização ou pontos de atenção. O Diretor de Arte usa esse conhecimento para dispor os elementos gráficos, valorizando-os aos olhos do leitor.

Retângulo Áureo: Harmonia e Equilíbrio Visual

O Retângulo Áureo, figura geométrica presente nas artes e desenvolvida pelo matemático Euclides, auxilia na percepção dessas zonas e pontos de atenção. A psicologia da percepção demonstra que ele é agradável à vista, especialmente quando comparado a outros formatos aleatórios.

Zonas Nobres e Zonas Mortas

Zona Primária

Em uma leitura ocidental, a zona primária é a área que olhamos primeiro em uma página impressa.

Zona Terminal Diagonal

A zona terminal diagonal é onde nossos olhos percorrem rapidamente.

Zona Morta

A zona morta é um setor que precisa ser valorizado com elementos de destaque para equilibrar a página. Fotos ou textos em destaque podem ser utilizados.

Zona Morta Terminal

Após percorrer a zona terminal diagonal, nossos olhos se dirigem à zona morta terminal em busca de novos elementos de interesse.

Pontos de Atenção

Centro Ótico

Situado um pouco acima do centro geométrico, o centro ótico é o ponto onde realmente paramos e prestamos atenção aos detalhes. Essa zona central tem grande poder de atrair a atenção.

Centro Geométrico

Após uma rápida olhada na página, nossos olhos se concentram no centro geométrico.

Volume de Informação: Menos é Mais

O consumidor é "interrompido" pela propaganda enquanto lê uma revista. Por isso, é importante ser econômico e dizer apenas o necessário. "Menos é mais" significa que, em comunicação, quanto menos você disser, mais impacto terá sua mensagem.

Layout Clássico de David Ogilvy

• Ilustração no topo da página, com sangria até a borda para maior impacto.
• Legenda descritiva abaixo da foto.
• Título em seguida.
• Texto ("copy") logo após o título.
• Uso de capitular (letra inicial diferenciada) para chamar a atenção.
• Informações de contato (assinatura) no canto inferior direito, onde o olhar do leitor geralmente termina.

Layout "Saia e Blusa"

Separa a parte visual da textual, como uma imagem em cima e texto embaixo, formando um conjunto.

Boxes

Em contraste com a imagem sangrada, os boxes (caixas) delimitam as imagens. Essa diagramação mais contida transmite uma imagem mais conservadora da empresa.

Imagem Sangrada

Ocorre quando a imagem de fundo se estende por toda a página, de ponta a ponta.