Entenda hierarquia, grid, contraste, dobra, UI e UX para julgar se uma página realmente facilita a decisão.
Nota de estudoHierarquia visualGridContraste
Revisado em 17 de julho de 2026.
Como ler este guia
Design aqui não significa só estética. Significa como uma interface organiza informação, cria prioridade e ajuda a pessoa a entender o que fazer.Resumo
O que você precisa guardar
Hierarquia e contraste mostram o que merece atenção primeiro.
Grid e espaço em branco organizam a relação entre os elementos.
UI e UX conectam aparência, interação e objetivo.
Hierarquia visual
Hierarquia visual é a ordem de importância que a interface comunica.Ela aparece em tamanho, peso tipográfico, cor, espaçamento e posição.Quando a hierarquia é boa, a pessoa bate o olho e entende o que é principal, o que é apoio e qual passo parece mais importante.
Grid
Grid é a estrutura invisível que organiza os blocos da página.Não precisa ser uma grade rígida o tempo todo, mas ela ajuda a alinhar conteúdo, manter ritmo e evitar que cada elemento pareça jogado em um lugar aleatório.
Contraste
Contraste é a diferença visual entre elementos.Pode ser contraste de cor, tamanho, peso ou forma. Sem contraste, tudo compete no mesmo nível. Com contraste demais, a página vira ruído.Bom contraste ajuda a destacar CTA, separar seções e tornar a leitura menos cansativa.
Espaço em branco
Espaço em branco é a área vazia entre blocos, textos e componentes.Não é desperdício. É o que permite que cada elemento respire, ganhe contexto e não concorra com tudo ao redor.Páginas pesadas quase sempre sofrem mais por falta de respiro do que por falta de conteúdo.
Primeira dobra
Primeira dobra é a parte da tela que aparece antes do primeiro scroll.Ela não precisa resolver tudo, mas precisa dar direção. Normalmente é onde a pessoa decide se continua lendo, se volta ou se entra em contato.
UI
UI significa interface do usuário.É a camada visual e interativa da experiência: botões, campos, cards, menus, estados e sinais visuais.
UX
UX significa experiência do usuário.Não é só deixar bonito. É fazer a jornada ficar clara, fluida e coerente com a intenção da pessoa.Uma UI bonita com UX ruim ainda atrapalha a conversão.
O que observar em qualquer página
Onde meu olho vai primeiro.
O que está disputando atenção sem precisar.
Se existe uma ação principal clara.
Se os blocos têm respiro suficiente.
Se a página continua clara no celular.
Continue pelo que você quer avaliar
Os conceitos ganham sentido quando são usados para observar uma peça real:
Se a dúvida deixou de ser visual e passou a ser econômica — custo, margem ou conversão — o próximo hub é o de termos de marketing.
Fechamento
Entender esses termos ajuda a olhar para uma página sem cair no "gostei" ou "não gostei".Design forte geralmente é menos sobre ornamento e mais sobre clareza, ritmo e decisão.