fundamentos percepcao
TRANSCRIPT
![Page 1: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/1.jpg)
© Jair C Leite
Fundamentos Teóricos:Percepção Visual
Jair C Leite
![Page 2: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/2.jpg)
© Jair C Leite
Percepção
• Percepção Visual– É a mais utilizada em IHC.
• Percepção Auditiva– Normalmente como informação auxiliar, feedback ou alertas.– Algumas interfaces utilizam mensagens sonoras para ajuda (MS
Money) ou informações de status (Gerenciador da impressoraCompaq I700)
• Percepção tátil– Normalmente utilizada como feedback em jogos
• Olfato e Paladar– Muito pouco usados– Já existem experimentos para transmitir cheiro digital
![Page 3: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/3.jpg)
© Jair C Leite
Fundamentos da percepção visual
• Roteiro– Elementos fundamentais– Anatomia do olho humano– Percepção de cores– Harmonia cromática– Campo de visão– Fenômenos da percepção visual– Teorias da percepção visual
![Page 4: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/4.jpg)
© Jair C Leite
Elementos fundamentais - 1
• Luz– Porção (1/70) do espectro
eletromagnético (comcomprimentos de onda entre 4mil e 8 mil angstrons) queimpressiona as célulasfotoreceptoras existentes noolho: cones e bastonetes.
• Cor– A cor percebida depende do
conteúdo espectral da luzincidida.
![Page 5: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/5.jpg)
© Jair C Leite
Elementos fundamentais - 2
• Luminância– Intensidade de energia luminosa recebida na retina
• Contraste– Influência da luminância de objetos vizinhos.
• Brilho– luminância percebida influenciada pelo contraste.
A luminância é a capacidade de percepção da intensidade da luz deum objeto de um objeto não depende da sua vizinhança.
O brilho de um objeto é a luminância percebida e depende davizinhança contraste. Dois objetos com com diferentes vizinhanças, mas com luminâncias
idênticas podem ter brilhos diferentes.
![Page 6: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/6.jpg)
© Jair C Leite
Influência do contraste
• Os círculos são todos do mesmo tom de cinza
![Page 7: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/7.jpg)
© Jair C Leite
Grid de Hermann
Você está vendo os círculosentre os quadrados?
Eles não existem!
Existem apenas círculosbrancos entre os quadrados!
![Page 8: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/8.jpg)
© Jair C Leite
![Page 9: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/9.jpg)
© Jair C Leite
![Page 10: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/10.jpg)
© Jair C Leite
Anatomia do olho humano
• A retina capta os sinais luminosos e os transforma em impulsosnervosos.
• A retina contém dois tipos diferentes de fotorreceptores: cones ebastonetes.
• Os bastonetes (120 milhões) são sensíveis a quantidades relativamentepequenas de luz. Extraem informações sobre intensidade luminosa(luminância). Não diferenciam cores.
• Os cones (6 milhões) são de três tipos de cones, cada um capaz dedetectar uma cor diferente: vermelho, verde e azul.
![Page 11: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/11.jpg)
© Jair C Leite
Cores primárias
• Cores Primárias (cores-luz)– Vermelho, Verde, Azul (RGB)– Sistema aditivo– Soma: Branco– Ausência: Preto
• Cores primárias (pigmentos)– Azul, Vermelho e Amarelo (CMY)– Sistema subtrativo– Soma: Preto– Ausência: Cor da superfície
• Espectro de cores– Variação do comprimento de onda
![Page 12: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/12.jpg)
© Jair C Leite
Elementos fundamentais da cor
• Matiz (Hue)– É a característica que define e
distingue uma cor. Vermelho,verde ou azul, pôr exemplo,são matizes
• Intensidade (Saturação)– Um matiz de intensidade alta
ou forte é vívido e saturado,enquanto o de intensidadebaixa ou fraca caracteriza coresfracas ou "pastel".
• Valor (Brilho)– Refere-se a maior ou menor
quantidade de luz presente nacor. Varia acrescentandobranco ou preto H - Hue
S - SaturaçãoB - Brilho
![Page 13: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/13.jpg)
© Jair C Leite
Percepção de Cores - 1
• A visão humana é tricromática (teoria de Young-Helmholtz). Com ostrês tipos de cones, podemos distinguir um número quase infinito decores.
• A quantidade de cada um dos três tipos de cones na retina não é igual.Os cones sensíveis ao azul representam apenas 5% do total.
• O mecanismo de visão das cores se dá por oposição das cores porpares mutuamente excludentes (teoria de Hering).
• Vermelho x Verde• Azul x Amarelo (que decorre da soma do vermelho com o verde).
• O contraste (branco x preto) percebido nos bastonentes, dá conta dobrilho ou da intensidade da luz.
![Page 14: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/14.jpg)
© Jair C Leite
Percepção de Cores - 2
• Nem todas as cores focalizam no mesmo plano na retina.• O vermelho focaliza um pouco à frente do verde e do azul.• Testes mostram que em objetos formalmente idênticos mas de cores
diferentes, o de cor vermelha é percebido como mais próximo do que overde e o azul.
![Page 15: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/15.jpg)
© Jair C Leite
Interação entre cores
• Cores vizinhas afetam as propriedades percebidasda cor
Mudança na matiz
Mudança no brilho
Mudança na saturação
![Page 16: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/16.jpg)
© Jair C Leite
Problemas com cores
• Os cones azuis raramenteapresentam deficiências,comuns nos outros doistipos sensíveis ao vermelhoe ao verde (Daltonismo.Incidente em 8% dapopulação. Raro nasmulheres).
![Page 17: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/17.jpg)
© Jair C Leite
Cores secundárias, terciárias ecomplementares• Cores secundárias
– Combinação dasprimárias
• Cores terciárias– Combinação das
secundárias• Cores complementares
– A é complementar a B seB é combinação de duascores nas quais A nãoestá presente
– Aparecem em ladosoposto no círculocromático
P
P P
S S
S
T
T
T T
T
T
![Page 18: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/18.jpg)
© Jair C Leite
Cores complementares e pós-imagens
Efeito ‘Afterimages’Olhe a figura por 30 segundos e depois olhepara a área branca ao lado. O que você vê?
![Page 19: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/19.jpg)
© Jair C Leite
Harmonia Cromática
• Com uma cor– Escala de tons e valores –
utiliza o índice de luminosidadena variação para o preto oubranco
– Cinzas coloridos – mistura dacor com o cinza.
• Com duas cores– Acordes conssonantes – utiliza-
se cores vizinhas– Acordes dissonantes – utiliza-
se cores complementares(opostas)
• Com três cores– Conssonantes, Dissonantes e
Assonantes– Assonantes – tríades primárias
consonantes
dissonantes
[Luciana Silveira]
![Page 20: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/20.jpg)
© Jair C Leite
Exemplos de combinações hamônicas
Harmonia monocromática
Harmonia bicromática
![Page 21: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/21.jpg)
© Jair C Leite
Campo de visão
• Determina os ângulos nos quais um indivíduoconsegue perceber elementos.
• Em monitores com grande largura ou em interaçõescom interfaces em um ambiente, estes dados sãoimportantes.
15o 15o
95o95o
Máximo recomendado
Ótimo
62o
62o
Sem movimento
166o
Com movimento166o
![Page 22: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/22.jpg)
© Jair C Leite
Cores e foco
• Ao focalizarmos um objetos estamos movimentando os olhospara que a imagem se forme na fovea.
• Os cones estão concentrados na fovea enquanto os bastonetesao seu redor.
• Isto permite que as cores sejam melhor percebidas quando oobjeto está focado.
• As cores vermelhas e verdes são percebidas melhor quandoestão focadas.
• Alguns fenômenos interessantes podem ser percebidos.
![Page 23: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/23.jpg)
© Jair C Leite
Ilusão de movimento periférico
![Page 24: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/24.jpg)
© Jair C Leite
Ilusão de movimento periférico
![Page 25: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/25.jpg)
© Jair C Leite
Teorias para percepção visual
• Abordagem construtivista• Abordagem ecológica
![Page 26: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/26.jpg)
© Jair C Leite
Abordagem construtivista
• A percepção visual do mundo é construída a partirdas informações do ambiente e do conhecimentoprévio armazenado.
• O conhecimento de cada um pode transformar,distorcer, ampliar ou descartar aquilo que esta sendopercebido.
• Distinção Figura-Fundo• Princípios da Psicologia Gestalt
![Page 27: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/27.jpg)
© Jair C Leite
Distinção figura-fundo
![Page 28: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/28.jpg)
© Jair C Leite
Figura-fundo
• Quantas rostosvocê conseguever nestaárvore?
![Page 29: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/29.jpg)
© Jair C Leite
O que você percebe na figura abaixo?
![Page 30: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/30.jpg)
© Jair C Leite
Gestalt
• Teorias da percepção visual desenvolvido porpsicólogos alemães na década de 20.
• Significa ‘unificado’• São princípios baseados em fenômenos da
percepção:– Proximidade– Similaridade– Fechamento– Continuidade– Figura-fundo
![Page 31: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/31.jpg)
© Jair C Leite
Proximidade
• Os elementos próximos são interpretadoscomo pertencentes a um grupo
1 grupo3 gruposNenhum grupo
![Page 32: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/32.jpg)
© Jair C Leite
Efeito do posicionamento (humor)
![Page 33: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/33.jpg)
© Jair C Leite
Similaridade
• Elementos com atributos semelhantes (cor ouforma) são interpretados como de um mesmogrupo ou categoria
Similaridade
![Page 34: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/34.jpg)
© Jair C Leite
Fechamento
• Partes incompletas de uma figura sãocompletadas pela mente humana
![Page 35: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/35.jpg)
© Jair C Leite
Continuidade
• Os olhos tendem a seguir as formas daimagem
![Page 36: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/36.jpg)
© Jair C Leite
Simetria
• Partes simétricas são percebidas comofiguras coerentes.
[ ][ ][ ]
[ [[ [[ [
3 pares de colchetes
![Page 37: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/37.jpg)
© Jair C Leite
Figura-fundo
• O cérebro tenta separar formas em umaimagem, separando-a do fundo
• Algumas imagens podem ter relaçõesambíguas de figura-fundo
![Page 38: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/38.jpg)
© Jair C Leite
Abordagem ecológica
• Argumenta que a percepção é um processo direto e contínuoque ocorre através da exploração do ambiente em colaboraçãocom os outros sentidos (audição, tato, olfato e paladar)
• Noção de affordance– Ações possíveis que estão disponíveis num ambiente para
um indivíduo, independente de ele perceber.– São as ações que o ambiente induz um indivíduo a realizar
• Crianças de 1 a 2 anos reagem às affordances do seuambiente – botão da TV, volume do som
– D. Norman utilizou o termo em design• a forma do objeto deve induzir, incentivar a sua correta
utilização
![Page 39: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/39.jpg)
© Jair C Leite
A abordagem ecológica (Gibson)
"I have described environment as the surfaces that separatesubstances from the medium in which the animals live. But I have alsodescribed what the environment affords animals, mentioning theterrain, shelters, water, fire, objects, tools, other animals, and humandisplays. How do we go from surfaces, is there information for theperception of what they afford. If so, to perceive them is to perceivewhat they afford, This is a radical hypothesis, for it implies that the"values" and "meanings" of things in the enviroment can be directlyperceived. Moreover, it would explain the sense in which values andmeanings are external to the perceiver."(J. J. Gibson: The Ecological Approach to Visual Perception, 1979)
![Page 40: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/40.jpg)
© Jair C Leite
Exemplos de Affordances
• Os objetos “convidam” a sua utilização.• A percepção está associada com aquilo que se pode
fazer com o objeto
![Page 41: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/41.jpg)
© Jair C Leite
Fenômenos da percepção
• Os slides a seguir mostram exemplos defenômenos da percepção visual
• Para saber mais veja– http://www.yorku.ca/eye/thejoy.htm
![Page 42: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/42.jpg)
© Jair C Leite
Ilusão de ótica
![Page 43: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/43.jpg)
© Jair C Leite
Ilusão de Hering e Poggendorff
As linhas vermelhas são retas?
As duas linhas vermelhasformam uma reta?
Temos um oudois círculos?
![Page 44: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/44.jpg)
© Jair C Leite
Ilusão de Kanizsa
Nenhum triângulo foidesenhado aqui.
![Page 45: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/45.jpg)
© Jair C Leite
Ilusão de movimento aparente
![Page 46: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/46.jpg)
© Jair C Leite
Técnicas de visualização –profundidade
• Tamanho– Objetos idênticos com tamanhos maiores parecem estar mais perto
que o menores.• Interposição
– Se um objeto está desenhado por cima de um outro, entende-seque o primeiro está a frente do segundo
• Contraste, claridade e brilho– Objetos mais brilhantes e claros aparentam estar mais perto.
• Sombras– Sombras podem ser utilizadas para indicar o posicionamento do
objeto em relação a outros• Textura
– Objetos com textura mais detalhada aparentam estar maispróximos
![Page 47: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/47.jpg)
© Jair C Leite
Ilusão de perspectiva
• Os cubos são todos domesmo tamanho
• As linhas criam a ilusãode perspectiva (3D)
• O cérebro confunde otamanho real com otamanho esperado pelaperspectiva
![Page 48: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/48.jpg)
© Jair C Leite
Ilusão de perspectiva
• A imagem do homempequeno é a mesmaque está no fundo docorredor!
• Elas têm o mesmotamanho
![Page 49: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/49.jpg)
© Jair C Leite
Profundidade ambígua
![Page 50: Fundamentos Percepcao](https://reader034.vdocuments.mx/reader034/viewer/2022051213/55a4aa2f1a28ab230c8b47d5/html5/thumbnails/50.jpg)
© Jair C Leite
Distorção nas imagens
Esta figura é formada apenaspor retas horizontais equadrados.