[dig2012] 04 - hierarquia visual

22
Hierarquia Visual Eduardo Novais - Design de Interfaces Gráficas sexta-feira, 16 de março de 2012

Upload: eduardo-novais

Post on 19-May-2015

1.587 views

Category:

Design


5 download

TRANSCRIPT

Page 1: [dig2012] 04 - Hierarquia visual

Hierarquia VisualEduardo Novais - Design de Interfaces Gráficas

sexta-feira, 16 de março de 2012

Page 2: [dig2012] 04 - Hierarquia visual

Hoje começamos a ver sobre hierarquia visual

sexta-feira, 16 de março de 2012

Page 3: [dig2012] 04 - Hierarquia visual

Esse processo começa na definição de campos e normalmente inicia-se com a definição de cabeçalhos tipográficos

sexta-feira, 16 de março de 2012

Page 4: [dig2012] 04 - Hierarquia visual

Esse processo começa na definição de campos e normalmente inicia-se com a definição de cabeçalhos tipográficos

sexta-feira, 16 de março de 2012

Page 5: [dig2012] 04 - Hierarquia visual

Para comecar, vamos pensar em como e porque as pessoas lêem textos informativos e também onde eles usam essa informação

sexta-feira, 16 de março de 2012

Page 6: [dig2012] 04 - Hierarquia visual

1. As pessoas tentam escanear textos buscando detalhes que necessitam

sexta-feira, 16 de março de 2012

Page 7: [dig2012] 04 - Hierarquia visual

2. Cabeçalhos e listas ajudam na localização e no processamento de informações

sexta-feira, 16 de março de 2012

Page 8: [dig2012] 04 - Hierarquia visual

3. Textos informativos são lidos por pessoas distraídas e pressionadas pelo tempo

sexta-feira, 16 de março de 2012

Page 9: [dig2012] 04 - Hierarquia visual

4. Mesmo pessoas que lêem textos de forma mais descontraída necessitam de sinais organizacionais

sexta-feira, 16 de março de 2012

Page 10: [dig2012] 04 - Hierarquia visual

Exercício 01

sexta-feira, 16 de março de 2012

Page 11: [dig2012] 04 - Hierarquia visual

Leia o seguinte texto e, após retirar o texto de vista, liste o maior número de pontos possível que você consegue lembrar

sexta-feira, 16 de março de 2012

Page 12: [dig2012] 04 - Hierarquia visual

O procedimento é bastante simples. Primeiro, você organiza as coisas em grupos distintos. Claro, uma pilha pode ser suficiente, dependendo de quanto se há para fazer. Se tiver que modificar sua estratégia em função da quantidade, ok. O importante é não exagerar. Ou seja, é melhor fazer poucas coisas de uma só vez do que muitas delas. No curto prazo isso pode parecer importante, mas complicações podem surgir. Logo, porém, ele se tornará apenas outro fato da vida...

sexta-feira, 16 de março de 2012

Page 13: [dig2012] 04 - Hierarquia visual

sexta-feira, 16 de março de 2012

Page 14: [dig2012] 04 - Hierarquia visual

O resultado indica que leitores se apoiam em cabeçalhos ou títulos para processar a informação

sexta-feira, 16 de março de 2012

Page 15: [dig2012] 04 - Hierarquia visual

Cabeçalhos tendem a unificar a informação quer através do uso de estratégias visuais ou pelo uso de numerações

sexta-feira, 16 de março de 2012

Page 16: [dig2012] 04 - Hierarquia visual

O uso de diferentes cabeçalhos criam diferentes percepções acerca da importância da informação

sexta-feira, 16 de março de 2012

Page 17: [dig2012] 04 - Hierarquia visual

O que pode ser usado como recurso?

sexta-feira, 16 de março de 2012

Page 18: [dig2012] 04 - Hierarquia visual

TamanhoMaiúsculas e MinúsculasPosicionamentoSublinhado ou Negritos

sexta-feira, 16 de março de 2012

Page 19: [dig2012] 04 - Hierarquia visual

Exercício 02

sexta-feira, 16 de março de 2012

Page 20: [dig2012] 04 - Hierarquia visual

Usando o MS Word, crie um novo documento, escolha um dos estilos disponíveis e identifique cerca de 5 cabeçalhos e anotem o maior número de informações possíveis (tamanho, tipografia, posição...)

sexta-feira, 16 de março de 2012

Page 21: [dig2012] 04 - Hierarquia visual

Faça o mesmo para outros dois esquemas.

sexta-feira, 16 de março de 2012

Page 22: [dig2012] 04 - Hierarquia visual

Que generalizações você pode fazer sobre os estilos?

sexta-feira, 16 de março de 2012