Interface Homem-Computador

Tamanho: px

Começar a partir da página:

Download "Interface Homem-Computador"

Cláudia Botelho Camarinho
8 Há anos
Visualizações:

1 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

2 Conteúdo Percepção Visual e de Cores Objetivos e Definições Estágio da Visão Percepção Visual Percepção de Cores o que é Gestalt? Gestalt: A percepção da forma Percepção de Objetos Fenômenos da Percepção visual Conflito no Cérebro Ilusão de Distância e Movimento O que você vê?

3 Percepção Visual e de Cores Objetivos Melhorar a organização e layout das informações apresentadas para o usuário.

sensoriais, a partir de histórico de vivências passadas; É o produto final

4 O que é Percepção? Definição É a função cerebral que atribui significado a estímulos sensoriais, a partir de histórico de vivências passadas; É 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;

6 Estágio da Visão Visão Inicial Reconhecimento de cores, luz, contrastes Padrões Teorias de Gestalt (formas e figuras) Objetos Criação de objetos virtuais na mente

7 Percepção Visual É a interface entre o mundo físico e o mundo mental; As imagens se formam na mente, que é uma abstração mantida pelo cérebro; Resultado da percepção é determinado pelas relações que a pessoa faz entre as imagens e seu contexto; O que você vê? Grande possibilidade de ver primeiro um cubo, embora o que esteja desenhado seja uma série de linhas; Pois estamos acostumados em converter uma imagem bidimensional numa cena tridimensional.

8 Percepção de Cores Fundamentos Quando se fala de cor, há que distinguir entre a cor obtida aditivamente (cor/ luz) ou a cor obtida subtrativamente (cor/pigmento); Sistema RGB: Monitores, TVs, Sol, etc. Sistema CMYK: Indústria Gráfica

9 Percepção de Cores

10 Percepção de Cores 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; Brilho (Valor): Refere-se a maior ou menor quantidade de luz presente na cor; Varia acrescentando branco ou preto; Saturação (Intensidade): Um matiz de intensidade alta ou forte é vívido e saturado, enquanto o de intensidade baixa ou fraca caracteriza cores fracas ou "pastel".

11 Gestalt Definição É uma palavra alemã que significa forma ou figura ; É uma teoria da psicologia que estuda a percepção visual, mais precisamente a psicologia da forma; As pessoas percebem componentes visuais como padrões organizados ou conjuntos, ao invés de suas partes componentes. O princípio básico da teoria gestaltista é que o inteiro é interpretado de maneira diferente que a soma de suas partes.

12 Gestalt :: Princípio

13 Pra que serve a Gestalt? Resposta: Como o mundo visual é tão complexo; O cérebro humano desenvolveu estratégias para lidar com a confusão: Define uma solução mais simples.

14 Gestalt A percepção da Forma Proximidade Similaridade Fechamento Continuidade Simetria Pregnância

15 Proximidade Gestalt :: Percepção da Forma Elementos que estão mais perto de outros numa região tendem a ser percebidos como um grupo ou unidade. Importante! Elementos próximos são identificados como um grupo

16 Similaridade Gestalt :: Percepção da Forma Objetos similares em forma ou tamanho ou cor são mais facilmente interpretados como um grupo.

17 Fechamento Gestalt :: Percepção da Forma Nossos cérebros adicionam componentes que faltam para interpretar uma figura parcial como um todo.

18 Continuidade Gestalt :: Percepção da Forma Geralmente construímos a percepção de uma entidade visual a partir de elementos que são contínuos e mostram transições suaves. Ex. Pau que nasce torto... Casa de ferreiro...

19 Simetria Gestalt :: Percepção da Forma Elementos simétricos são mais facilmente agrupados em conjuntos que os não simétricos; São percebidos, independentemente da distância, coletivamente.

Pregnância Gestalt :: Percepção da Forma Simplicidade: quanto mais simples, mais facilmente é assimilada; Experiência favorece a compreensão de objetos incompletos; Quanto melhor for a

20 Pregnância Gestalt :: Percepção da Forma Simplicidade: quanto mais simples, mais facilmente é assimilada; Experiência favorece a compreensão de objetos incompletos; Quanto melhor for a organização visual maior o grau de pregnância. Importante! Qualquer padrão de estímulo tende a ser visto de tal modo que a estrutura resultante é tão simples quanto o permitam as condições dadas.

21 Pregnância Gestalt :: Percepção da Forma

22 Percepção de Objetos Características O processamento cognitivo do que é percebido leva a formação de objetos; A Teoria das Affordances de Gibson relata que: Objetos são percebidos não apenas pela forma e relações entre eles, mas pelas possibilidades para ação do objeto. A formação de objetos sofre influências culturais.

23 Percepção de Objetos Exemplos de Affordances Os objetos convidam a sua utilização; A percepção está associada com aquilo que se pode fazer com o objeto.

24 Percepção de Objetos Ex1. Quando adquirimos novas informações, nossa percepção se altera?

25 Percepção de Objetos Ex2. Quando adquirimos novas informações, nossa percepção se altera?

26 Percepção Visual e de Cores Fenômenos da Percepção visual

27 Percepção Visual e de Cores

28 Percepção Visual e de Cores Fixe o olhar na imagem!

30 Percepção Visual e de Cores As cores dos quadrados A e B são iguais?

32 Percepção Visual e de Cores Importante! Não se alterou as cores dos quadrados enquanto eles eram isolados; Isto é fato importantíssimo do funcionamento do Cérebro; O Cérebro esforça-se ao máximo para ver os quadrados como eles deveriam ser;... Um preto e outro mais claro... Não importa se são ou não da mesma cor; Os quadrados adjacentes dizem que eles têm que ter cores diferentes; O Cérebro faz com que vejas assim, diferente!

33 Percepção Visual e de Cores Importante! Isto dá-nos maior precisão visual; E, assim conseguimos perceber mais detalhes em todas as paisagens que nos rodeiam no dia-a-dia mais contraste entre as cores. Contudo, isso é uma prova de que não importa o que está no mundo ou à sua volta; Mas sim como percebemos o mundo!

34 Conteúdo Percepção Visual e de Cores - Parte II Objetivos e Definições Estágio da Visão Percepção Visual Percepção de Cores o que é Gestalt? Gestalt: A percepção da forma Percepção de Objetos Fenômenos da Percepção visual Conflito no Cérebro Ilusão de Distância e Movimento O que você vê?

35 Referências FREITAS, Danielle. Interação Humano-Computador: Percepção visual. IFRN. FILHO, João Gomes. Gestalt do Objeto, Sistema de Leitura Visual da Forma. São Paulo: Escrituras, PIVETTA, Elisa Maria. Design Web-Percepção. LEITE, Jair C. Fundamentos Teóricos: Percepção Visual. DIMAp-UFRN.

Documentos relacionados

Design Web - Percepção. Elisa Maria Pivetta

Design Web - Percepção. Elisa Maria Pivetta Design Web - Percepção Elisa Maria Pivetta GESTALT Percepção Visual Elisa Maria Pivetta Percepção visual No sentido da psicologia e das ciências cognitivas é uma de várias formas de percepção associadas