Design Web - Percepção. Elisa Maria Pivetta

Tamanho: px

Começar a partir da página:

Download "Design Web - Percepção. Elisa Maria Pivetta"

Simone Madureira Lacerda
8 Há anos
Visualizações:

1 Design Web - Percepção Elisa Maria Pivetta

2 GESTALT Percepção Visual Elisa Maria Pivetta

3 Percepção visual No sentido da psicologia e das ciências cognitivas é uma de várias formas de percepção associadas aos sentidos. É o produto final da visão consistindo na habilidade de detectar a luz e interpretar (ver) as consequências do estímulo luminoso, do ponto de vista estético e lógico.

É o produto final da visão consistindo na habilidade de detectar a luz e

4 Percepção Visual É a interface entre o mundo físico e o mundo mental. A biologia explica o processo da estimulação da luz sobre os cones e bastonetes mas não pode dizer como essa estimulação leva a formação de imagens. A imagem se forma na mente, que é uma abstração mantida pelo cérebro Ex:

bastonetes mas não pode dizer como essa estimulação leva a formação de

6 A percepção pode provocar reações rápidas Digitar (num editor de texto) e de repente ver uma tela toda azul. Não é a cor azul que lhe causa ansiedade, mas sim a ameaça de perder seu trabalho, pois esta tela é completamente diferente da que você estava anteriormente. Após reincidências, sua percepção se acostuma com o estímulo e transforma a ansiedade em raiva pelos autores do software ou num estranho prazer.

tela é completamente diferente da que você estava anteriormente.

7 O que você vê? Resultado da percepção é determinado pelas relações que a pessoa faz entre as imagens e seu contexto Grande possibilidade de ver primeiro um cubo, embora o que esteja desenhado seja uma série de linhas. Estamos acostumados em converter uma imagem bidimensional numa cena tridimensional

as imagens e seu contexto Grande possibilidade de ver primeiro um cubo,

8 PERCEPÇÃO VISUAL

14 Duas escolas da psicologia (1920) tentaram descobrir como absorvemos as mensagens do dia-a-dia: o behaviorismo e a Gestalt. Behaviorismo preocupava com as formas do aprendizado Gestalt focava o estudo da percepção, em especial da percepção visual gerou uma série de conceitos que, se não servem como regras, pelo menos podem nos ajudar a entender o que teoricamente se passa na cabeça de quem consome nossos layouts.

Behaviorismo preocupava com as formas do aprendizado Gestalt focava o estudo da percepção, em especial

15 Gestalt Gestalt é uma palavra alemã que significa "configuração" - "padrão - forma. As pessoas percebem componentes visuais como padrões organizados ou conjuntos, ao invés de suas partes componentes.

16 Gestalt A Gestalt estuda o motivo pelo qual algumas formas agradam mais que outras. De acordo com essa teoria, há cinco fatores principais que determinam como nós agrupamos coisas de acordo com a percepção visual.

17 Proximidade Os objetos mais próximos entre si são percebidos como grupos independentes dos mais distantes. Na figura abaixo há quatro grupos de círculos, sendo que os três grupos da direita ainda podem ser agrupados entre si, distinguido-se do grupo da esquerda. A proximidade entre objetos, seja temporal ou espacial, faz a mente humana entendê-los com um todo.

Na figura abaixo há quatro grupos de círculos, sendo que os três grupos da direita ainda

18 Proximidade

19 Similaridade ou semelhança Objetos similares em forma ou tamanho ou cor são mais facilmente interpretados como um grupo. Os circulos brancos e pretos parecem se agrupar, mesmo que a distância entre as fileiras sejam iguais.

20 O cérebro humano agrupa imagens e objetos com alguma semelhança ou coletividade.

21 Fechamento Nossos cérebros adicionam componentes que faltam para interpretar uma figura parcial como um todo.

22 Fechamento Está relacionado à tendência que da percepção em completar formas simples.

24 Simetria Elementos simétricos são mais facilmente agrupados que os não simétricos. As duas figuras da esquerda, são mais facilmente percebidas como um grupo, que o par da direita, em que uma das figuras não é simétrica.

25 Simetria Objetos simétricos são percebidos, independentemente da distância, coletivamente.

26 Continuidade A mente humana tende a continuar padrões visuais e auditivos. Pau que nasce torto... (nunca se endireita) Casa de ferreiro... (espeto é de pau)

27 Continuidade É o complemento de uma idéia É o estimulo que o cérebro recebe para imaginar como seria completado. Se bem elaborado cria a necessidade do consumidor. Os consumidores tendem a perceber os objetos como o todo e o cérebro da continuidade ao que está incompleto.

28 Uma vez que um padrão é formado, é mais provável que ele se mantenha, mesmo que seus componentes sejam redistribuídos. diferenças individuais, como a acuidade visual ou habilidades espaciais também podem afetar a percepção visual. outros fatores que podem influenciar a interpretação das coisas vistas, como a personalidade, estilos cognitivos, sexo, ocupação, idade, valores, atitudes, motivação, crenças, etc.

29 Destino Comum Elementos que se movem na mesma direção são percebidos coletivamente

30 A percepção é a imagem mental que se forma com a ajuda das experiências e das necessidades. E o resultado de um processo de seleção é interpretação das sensações.

31 Tipos de percepção visual Percepção de formas; Percepção de faces e emoções associadas Percepção de relações espaciais, que envolve profundidade, orientação e movimento; Percepção de cores; (ou visão em preto e branco) Percepção de intensidade luminosa.

32 Percepção Percepção tem a ver com os sentidos O que não é sentido, não é percebido

35 Outros conceitos da Gestalt (Ex. Imagem James Brow) Emergência: Ao observar a imagem nota-se que primeiramente ela é vista como um todo, para depois olhar suas partes. Reificação: O rosto é construído nessa imagem pelos espaços formados entre as palavras e os traços, como é possível perceber observando o nariz. Percepção Multi-estável: A visão não para enquanto está observando a imagem, ela se alterna entre fundo, rosto, palavras e nome. Invariância: As palavras que estão na composição são reconhecidas, independentemente da sua posição, tamanho ou distorção.

36 Fechamento: Procura-se áreas similares reunindo-as para fechar a figura, como acontece na língua, onde está escrito a palavra Soul. Similaridade: Por mais que se tente evitar, o rosto separa-se do fundo, ainda que ambos sejam da mesma cor. Proximidade: A proximidade das palavras que estão ao fundo permite aceitar que elas fazem parte de um mesmo todo. Simetria: Novamente ao observar o fundo nota-se que simetria reúne as palavras, separando-as do fundo. Continuidade: Como a pele de James Brown, ainda que ela seja formada por palavras e linhas entre elas, é possível enxergar o rosto como algo contíguo. Destino Comum: É o que acontece com as palavras ao fundo, que, ao estarem posicionada numa mesma direção, transmitem a ideia de uma explosão.

38 Gestalt YmEsSM&feature=related Sébastien Tellier - look

39 Bibliografia FILHO, João Gomes. Gestalt do Objeto, Sistema de Leitura Visual da Forma. São Paulo: Escrituras, Wikipedia.

40 Exercícios: Escolha na web 6 sites e: Identifique e analise os princípios da gestalt nelas presentes, quais elementos levam a esta compreensão e porque. Como exemplo do que vocês deverão fazer observem o site: Utilize um editor de textos para desenvolver o trabalho Enviar por .

Documentos relacionados

Interface Homem-Computador

Faculdade de Ciências e Tecnologia do Maranhão Interface Homem-Computador Aula: Percepção Visual e de Cores - Parte I Professor: M.Sc. Flávio Barros flathbarros@gmail.com Conteúdo Percepção Visual e de