Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Hierarquia Tipográfica | Fundamentos da Tipografia
Fundamentos do Design

Hierarquia Tipográfica

Deslize para mostrar o menu

Note
Nota

A hierarquia tipográfica orienta os leitores pelo conteúdo utilizando tamanho, peso, posição e estilo para destacar diferentes níveis de informação.

Designers criam hierarquia decidindo o que deve ser lido primeiro, segundo e assim por diante, utilizando espaçamento, negrito ou itálico para organizar visualmente o conteúdo. A abordagem deve variar conforme o público e o meio. Aqui estão algumas dicas para alcançar uma boa hierarquia:

Contraste

É possível combinar fontes condensadas com estendidas para títulos. Também é possível usar cor, mas evite cores muito semelhantes ou que causem vibração, como vermelho e verde juntos. Se o texto estiver colorido, escolha uma fonte mais encorpada para melhor visibilidade. Outro recurso forte é o "tamanho da fonte". Um salto grande de tamanho ajuda o leitor a identificar instantaneamente o que é importante. Mudanças pequenas não têm muito efeito. Procure tornar a diferença perceptível.

Não Exagere

Usar muitas técnicas de ênfase ao mesmo tempo, como negrito, itálico, sublinhado, variação de tamanho e cor, só gera poluição visual. Use o contraste com cuidado. Os melhores designs são claros, não barulhentos.

Tamanho da Fonte não é Tudo

Sim, o tipo é uma ferramenta poderosa, mas seu impacto depende do contexto, do espaço ao redor, do peso da fonte e do restante do layout. Tipos grandes chamam atenção, mas funcionam melhor quando equilibrados com outras escolhas de design.

Títulos Também Têm Papel Importante

Depois de definir a estrutura do conteúdo, atribua tamanhos e estilos de títulos que correspondam à sua importância. Certifique-se de que os diferentes níveis estejam claramente distintos. Também é possível explorar títulos de forma criativa. Experimente quebrar linhas, usar tamanhos diferentes em um mesmo título ou suavizar palavras menores como "e" ou "o". Esses truques dão mais destaque às palavras-chave.

question mark

Por que letras maiúsculas precisam de espaçamento extra no design?

Selecione a resposta correta

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 4. Capítulo 6

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Seção 4. Capítulo 6
some-alt