DESIGN DE INTERFACE

Prof. Lima

Em 1920 a escola de psicologia cria

Prncipios da Gestalt

Alguns princpios ligados a percepo humana so utilizados para o design de interface.

Principios da Proximidade

Tendemos a agrupar coisas que esto mais prximas no espao, de modo que elementos que parecem estar em uma linha visual contnua tende a ser agrupada.

Fonte: Design Instrucional na prtica de Andrea Filatro

Principios da Proximidade

Principios da Proximidade

Principios do fechamento

As pessoas tendem a continuar as linhas que vem, ignorando os espaos vazios.

Fonte: Design Instrucional na prtica de Andrea Filatro

Principios do fechamento

Principios de segregao Figura-fundo Uma parte de um estmulo dominante por apresentar padres significativos enquanto outras partes, mais difusas recuam ao fundo. Para uma imagem ser percebida precisa estar destacada do seu fundo.
Fonte: Design Instrucional na prtica de Andrea Filatro

Principios de segregao Figura-fundo

Principios de segregao Figura-fundo

Principios de segregao Figura-fundo

Principios de segregao Figura-fundo

Importante: Quando no h uma separao entre figura e fundo, estmulos visuais conflitantes podem dividir a ateno do observador, tornando uma das imagens indistinta sua percepo e levando perda da segregao figura-fundo.

Fonte: Design Instrucional na prtica de Andrea Filatro

Principios da Similaridade

Tendemos a agrupar mentalmente itens que apresentem algum tipo de similaridade.

Fonte: Design Instrucional na prtica de Andrea Filatro

Principios da simplicidade

Tendemos a reduzir a realidade sua forma mais simples.

Fonte: Design Instrucional na prtica de Andrea Filatro

Principios da simplicidade

Principios da representao

Aproxima-se da semitica, segundo o qual o mundo, da forma que o conhecemos, complementamente codificado por palavras, desenhos, marcas, sinais e o que percebemos como realidade , na verdade, um conjunto de cdigos universais, culturais e pessoais.
Para ns, o significado de uma situao ou objeto determinado tambm pela interpretao dos smbolos presentes no ambiente.
Fonte:

^___^

Design Instrucional na prtica de Andrea Filatro

Principios da representao

Fonte:

http://www.cocacola.com.br/ abraafelicidade/desafio/
http://www.trakinas.com.br/