Enfase

28
ÊNFASE Eduardo Novais - UFC - ABR/2011 terça-feira, 3 de maio de 2011

description

Aula sobre Enfase no Deisgn de Interfaces

Transcript of Enfase

Page 1: Enfase

ÊNFASEEduardo Novais - UFC - ABR/2011

terça-feira, 3 de maio de 2011

Page 2: Enfase

Ênfase não é simplesmente ajustar diversos elementos de determinado design, mas procurar atrair a atenção do observador a um elemento particular.

terça-feira, 3 de maio de 2011

Page 3: Enfase

PONTO FOCAL

terça-feira, 3 de maio de 2011

Page 4: Enfase

Ponto focal é qualquer componente em uma página capaz de atrair a atenção do observador e não apenas provocar a sensação de que faz parte da página como um todo.

terça-feira, 3 de maio de 2011

Page 5: Enfase

Dispomos de alguns métodos para se chegar a um ponto focal:

•Posicionamento

•Continuidade

• Isolamento

•Contraste

•Proporção

terça-feira, 3 de maio de 2011

Page 6: Enfase

POSICIONAMENTO

terça-feira, 3 de maio de 2011

Page 7: Enfase

O centro direito de uma composição é o ponto para onde o observador olha primeiro e é sempre a localização com maior poder de produzir ênfase.

terça-feira, 3 de maio de 2011

Page 8: Enfase

terça-feira, 3 de maio de 2011

Page 9: Enfase

CONTINUIDADE

terça-feira, 3 de maio de 2011

Page 10: Enfase

A ideia por trás da continuidade é a dos olhos movendo-se em determinada direção; a tendência é seguirem esse curso até que surja uma figura ou informação dominante.

terça-feira, 3 de maio de 2011

Page 11: Enfase

terça-feira, 3 de maio de 2011

Page 12: Enfase

terça-feira, 3 de maio de 2011

Page 13: Enfase

terça-feira, 3 de maio de 2011

Page 14: Enfase

terça-feira, 3 de maio de 2011

Page 15: Enfase

ISOLAMENTO

terça-feira, 3 de maio de 2011

Page 16: Enfase

Do mesmo modo como a proximidade ajuda a criar unidade no design, o isolamento promove a ênfase.

Um item que se destaca fora da área geral tende a chamar atenção.

terça-feira, 3 de maio de 2011

Page 17: Enfase

terça-feira, 3 de maio de 2011

Page 18: Enfase

terça-feira, 3 de maio de 2011

Page 19: Enfase

CONTRASTE

terça-feira, 3 de maio de 2011

Page 20: Enfase

O conceito é simples: quanto maior a diferença entre o elemento gráfico e a área circunvizinha, mais este elemento se destacará.

Pode ser criado empregando-se diferenças nas cores, tamanho e forma.

terça-feira, 3 de maio de 2011

Page 21: Enfase

terça-feira, 3 de maio de 2011

Page 22: Enfase

terça-feira, 3 de maio de 2011

Page 23: Enfase

terça-feira, 3 de maio de 2011

Page 24: Enfase

PROPORÇÃO

terça-feira, 3 de maio de 2011

Page 25: Enfase

A proporção lida com a diferença de escala dos objetos.

Se colocarmos um objeto em um ambiente cuja cuja escala é diferente, o objeto parecerá menor ou maior. Essa diferença atrai a atenção do observador.

terça-feira, 3 de maio de 2011

Page 26: Enfase

terça-feira, 3 de maio de 2011

Page 27: Enfase

terça-feira, 3 de maio de 2011

Page 28: Enfase

REFERÊNCIAS

• BEAIRD, Jason. Princípios do Web Design Maravilhoso. Alta Books: Rio de Janeiro, 2008.

• Smashing Magazine. Showcase Of Delicious Coffee Websites. Disponível em: <http://www.smashingmagazine.com/2010/08/10/showcase-of-delicious-coffee-websites/>. Última visita em: 05 de abril de 2011.

• Smashing Magazine. 10 Useful Usability Findings and Guidelines. Disponível em: <http://www.smashingmagazine.com/2009/09/24/10-useful-usability-findings-and-guidelines/>. Última visita em: 05 de abril de 2011.

• Usable World. You look where they look. Disponível em: <http://usableworld.com.au/2009/03/16/you-look-where-they-look/>. Última visita em: 05 de abril de 2011.

terça-feira, 3 de maio de 2011