Fundamentos Percepcao
-
Upload
stelasakon -
Category
Health & Medicine
-
view
8.280 -
download
0
Transcript of Fundamentos Percepcao
© Jair C Leite
Fundamentos Teóricos:Percepção Visual
Jair C Leite
© 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
© 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
© 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.
© 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.
© Jair C Leite
Influência do contraste
• Os círculos são todos do mesmo tom de cinza
© 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!
© Jair C Leite
© Jair C Leite
© 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.
© 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
© 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
© 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.
© 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.
© 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
© 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).
© 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
© 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ê?
© 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]
© Jair C Leite
Exemplos de combinações hamônicas
Harmonia monocromática
Harmonia bicromática
© 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
© 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.
© Jair C Leite
Ilusão de movimento periférico
© Jair C Leite
Ilusão de movimento periférico
© Jair C Leite
Teorias para percepção visual
• Abordagem construtivista• Abordagem ecológica
© 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
© Jair C Leite
Distinção figura-fundo
© Jair C Leite
Figura-fundo
• Quantas rostosvocê conseguever nestaárvore?
© Jair C Leite
O que você percebe na figura abaixo?
© 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
© Jair C Leite
Proximidade
• Os elementos próximos são interpretadoscomo pertencentes a um grupo
1 grupo3 gruposNenhum grupo
© Jair C Leite
Efeito do posicionamento (humor)
© Jair C Leite
Similaridade
• Elementos com atributos semelhantes (cor ouforma) são interpretados como de um mesmogrupo ou categoria
Similaridade
© Jair C Leite
Fechamento
• Partes incompletas de uma figura sãocompletadas pela mente humana
© Jair C Leite
Continuidade
• Os olhos tendem a seguir as formas daimagem
© Jair C Leite
Simetria
• Partes simétricas são percebidas comofiguras coerentes.
[ ][ ][ ]
[ [[ [[ [
3 pares de colchetes
© 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
© 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
© 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)
© 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
© 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
© Jair C Leite
Ilusão de ótica
© 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?
© Jair C Leite
Ilusão de Kanizsa
Nenhum triângulo foidesenhado aqui.
© Jair C Leite
Ilusão de movimento aparente
© 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
© 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
© Jair C Leite
Ilusão de perspectiva
• A imagem do homempequeno é a mesmaque está no fundo docorredor!
• Elas têm o mesmotamanho
© Jair C Leite
Profundidade ambígua
© Jair C Leite
Distorção nas imagens
Esta figura é formada apenaspor retas horizontais equadrados.