Hierarquia Hierarquia visual permite que o usuário consiga diferenciar intuitivamente quais são os elementos mais importantes uns dos outros, o ajudando a saber o que fazer, como fazer e o que esperar da interface. Essa percepção é afetada principalmente pela relação e contraste entre os elementos, dando diferentes níveis de pesos visuais apropriados a sua prioridade. ( SCHLATTER e LEVINSON ) Por exemplo, na páginal inicial do Patreon ( screenshot tirado em janeiro de 2021 ) os elementos que atraem primeiro aos olhos são os elementos de maior importancia como o título, os botões de ação e a logo, pois recebem um tratamento com uma cor vibrante que contrasta com o resto das cores monocromáticas do site. Além de contraste de cor, existem diversos tipos de contraste que ajudam a estabelecer hierarquia entre os elementos.
Posição Elementos colocados próximos uns aos outros são vistos como um grupo. Quando um elemento é separado dos outros, a diferença de espaçamento cria um contraste entre eles, e dá ao elemento separado maior importância. As leis de gestalt - proximidade, similaridade e agrupamento - se aplicam muito aqui. Por exemplo, o site do Airbnb ( screenshot tirado em outubro de 2020 ) agrupa os diferentes hoteis de uma mesma cidade mantendo-os próximos um do outro respeitando um mesmo espaçamento entre sí. Hoteis de diferentes cidades mantém um um padrão similar de agrupamento, mas é fácil de reconhecer que são de lugares difernetes pelo distânciamento de uma linha a outra
Search
Read the Text Version
- 1 - 2
Pages: