31 lines
1.2 KiB
Markdown
31 lines
1.2 KiB
Markdown
|
---
|
||
|
title: Visual Hierarchy
|
||
|
localeTitle: Hierarquia visual
|
||
|
---
|
||
|
## Hierarquia visual
|
||
|
|
||
|
Hierarquia visual é a organização e apresentação de conteúdo. Você pode usar a hierarquia visual para concentrar a atenção dos usuários e mostrar onde estão as informações mais importantes.
|
||
|
|
||
|
O que você precisa lembrar ao criar a hierarquia visual do seu conteúdo é que tudo é relativo. As partes que você deseja destacar devem se destacar de outras partes do seu conteúdo.
|
||
|
|
||
|
Você pode obter hierarquia visual de várias maneiras, incluindo (mas não limitado a):
|
||
|
|
||
|
* Tamanho
|
||
|
* Cor e contraste
|
||
|
* Títulos e subposições
|
||
|
* Tipografia
|
||
|
* Espaço branco ou em branco
|
||
|
* Textura
|
||
|
* Posição
|
||
|
* Orientação
|
||
|
* Layout geral
|
||
|
|
||
|
#### Mais Informações:
|
||
|
|
||
|
Ferramentas para criar uma hierarquia visual: [Blog da Design School](https://designschool.canva.com/blog/visual-hierarchy/)
|
||
|
|
||
|
6 Princípios da Hierarquia Visual: [99 designs blog](https://99designs.com/blog/tips/6-principles-of-visual-hierarchy/)
|
||
|
|
||
|
Estudo de Caso - Melhorando uma Página com Hierarquia Visual: [blog](http://blog.formedfunction.com/post/3029763425/on-visual-hierarchy)
|
||
|
|
||
|
Adicionando Hierarquia Visual: [Médio](https://medium.com/designed-thought/8-ways-to-add-visual-hierarchy-8820be73218a/)
|