Interface Homem-Computador

Documentos relacionados
Design Web - Percepção. Elisa Maria Pivetta

Teoria da Gestalt. Teoria da Forma

Interação Humano-Computador Teoria Geral da Gestalt PROFESSORA CINTIA CAETANO

Nascemos a ver ou aprendemos a ver?

Interface Homem-Computador

Análise sobre projeto Passo Certo

UNIVERSIDADE FEDERAL DE SANTA CATARINA CENTRO DE COMUNICAÇÃO E EXPRESSÃO DEPARTAMENTO DE EXPRESSÃO GRÁFICA CURSO DE DESIGN

Qual a diferença entre ver e perceber? Percepção Visual. Gestalt 02/04/2014. Prof. José Wilker. Prof. José Wilker. Prof.

Turma 1222 Unidade Curricular INTERFACE HOMEM-COMPUTADOR Professor CLÁUDIA SANTOS FERNANDES Aula 4 Abordagens Teóricas em IHC

Cores em Computação Gráfica

COMPUTAÇÃO GRÁFICA CORES. Curso: Tecnológico em Análise e Desenvolvimento de Sistemas Disciplina: COMPUTAÇÃO GRÁFICA 4º Semestre Prof.

psicologia da percepção visual

Fenômeno Físico Como a cor acontece

PSICOLOGIA DO DESENVOLVIMENTO E DA APRENDIZAGEM. Autora: Profª Dra. Claudia Kober

Gestalt do Objeto Sistema de Leitura Visual da Forma

Gestalt do Objeto. Teoria Geral da Gestalt. Fundamentado Cientificamente na

PLANO DE ESTUDOS DE EDUCAÇÂO VISUAL 6ºANO

Interfaces Humano Computador

DEINF - UFMA Especialização em Análise e Projeto de Sistema

Gestalt. Gestalt é o termo intradutível do alemão utilizado para abarcar a teoria da percepção visual baseada na psicologia da forma.

Luz, olho humano e óculos Capítulo 12 (pág. 219)

O DOM DA DISLEXIA. Ronald D. Davis Rio de Janeiro, Rocco, 2004

CONTEXTUALIZAÇÃO. Surge na Alemanha por entre KURT KOFFKA ( ) WOLFGANG KÖHLER ( ) MAX WERTHEIMER ( )

BASES PSICOLÓGICAS DO PACTO SOCIAL

Fundamentos Teóricos: Percepção Visual

DESIGN DE INTERAÇÃO. José Alexandre Ducatti

Teoria de Gestalt aplicada a IHM

Fonte:

Gestalt do Objeto Sistema de Leitura Visual da Forma. Teoria Geral da Gestalt


REVISÃO GESTALT. Viviane Aiex

composição :: princípios do agrupamento visual IPB. ESE. Dep. ARTES VISUAIS :: MARCO COSTA

Midiatização: submissão de outras instituições à lógica da mídia.

Guia de qualidade de cores

OURO MODERNO Designer Gráfico APOSTILA DE EXEMPLO. (Esta é só uma reprodução parcial do conteúdo)

Raciocínio Lógico e o Cérebro Humano. Vídeo: Córtex cerebral e memória (5 min).

Índice. 1. Metodologia de Alfabetização Aprendizagem da Escrita Aprendizagem da Leitura...6

Análise e Desenvolvimento de Sistemas ADS Programação Orientada a Obejeto POO 3º Semestre AULA 03 - INTRODUÇÃO À PROGRAMAÇÃO ORIENTADA A OBJETO (POO)

LURDINALVA PEDROSA MONTEIRO E DRª. KÁTIA APARECIDA DA SILVA AQUINO. Propor uma abordagem transversal para o ensino de Ciências requer um

FUNDAMENTOS DE MARKETING

Interface Humano-Computador IHC Paradigmas de IHC

edirectory Plataforma ios / Android

Guilherme Lima. Designer Gráfico

Projeto de Acessibilidade Virtual RENAPI/NAPNE. Maio de 2010

Ebook Gratuito. 3 Ferramentas para Descobrir seu Verdadeiro Potencial

Projeto Pedagógico: trajetórias coletivas que dão sentido e identidade à escola.

Ondas Eletromagnéticas

Gestão da Informação e do Conhecimento

ESTRATÉGIAS DE ENSINO NA EDUCAÇÃO INFANTIL E FORMAÇÃO DE PROFESSORES. Profa. Me. Michele Costa

GRÁFICOS Exemplos de jogos 2D (com simulação do 3D)

Tipos de cores. Entendendo as cores. Imprimindo. Usando cores. Manuseio de papel. Manutenção. Solucionando problemas. Administração.

Apresentação. Oque é Marca. Multimedia Branding Designer

Ementário do curso de Design de Moda Grade 2011/1

IBM1018 Física Básica II FFCLRP USP Prof. Antônio Roque Aula 6. O trabalho feito pela força para deslocar o corpo de a para b é dado por: = =

OS CONHECIMENTOS DE ACADÊMICOS DE EDUCAÇÃO FÍSICA E SUA IMPLICAÇÃO PARA A PRÁTICA DOCENTE

O que é Administração

Teoria para IHC: Engenharia Semiótica

PIXEL - DO DESENHO À PINTURA DIGITAL

Cartografia Temática Produto de um SIG

13. A Gestalt e o Ensino de Geometria

PSICOLOGIA Prof. Thiago P. de A Sampaio

O ATENDIMENTO EDUCACIONAL ESPECIALIZADO -AEE E O ALUNO COM SURDOCEGUEIRA E OU COM

VCA Treinamento em Algoritmo

O que os olhos não veem, a lente registra

FACULDADE EÇA DE QUEIROS. Edna Cristina do Nascimento. Marineide Gonçalves. Tâmara de Oliveira PROJETO PEDAGÓGICO JANDIRA

Raciocínio Lógico e Erro


Unificação Fechamento Continuidade

Metodologia do Ensino de Educação Física Conteúdos da Educação Física Ginástica. Contextualização

MVC e Camadas - Fragmental Bliki

CSF FasTest SOLUÇÕES DE OUTPUT DE PAGAMENTO

PLANO DE ESTUDOS DE EDUCAÇÃO VISUAL - 6.º ANO

Tópicos de Ambiente Web Web Design

Design 3D. Formação em Web WEB DESIGN 3D 1

Os desafios do Bradesco nas redes sociais

Projeto Incubadora no SecondLife

composição :: teoria da gestalt (teoria da forma) IPB. ESE. Dep. ARTES VISUAIS. MARCO COSTA

CONECTAMOS IDEIAS COM RESULTADOS. Agência Web

edirectory ios / Android Plataforma

NO ABRIR DA MINHA BOCA (EFÉSIOS 6:19) USO DO POWERPOINT

Copiright de todos artigos, textos, desenhos e lições. A reprodução parcial ou total desta aula só é permitida através de autorização por escrito de

Elementos de linguagem: A cor

Resumo das Interpretações Oficiais do TC 176 / ISO

PROJECTOS DE INVESTIGAÇÃO CIENTÍFICA E DESENVOLVIMENTO TECNOLÓGICO

NOTAÇÃO MUSICAL TRADICIONAL: Como se escrever música?

GESTÃO DO CONHECIMENTO NA INDÚSTRIA QUÍMICA

Conteúdo. Disciplina: INF Engenharia de Software. Monalessa Perini Barcellos

MARKETING E A NATUREZA HUMANA

PNL? o que é. Dossie. Veronica Ahrens Diretora de T&D, Trainer e Coach da SBPNL Inspirar pessoas a criarem um mundo melhor. veronica@pnl.com.

-a evolução tecnológica levou àcriação da fotografia digital (foto digital e analógica escaneada)

DO ABSTRATO AO CONCRETO: UTILIZANDO CANUDINHOS PARA CONSTRUÇÃO DE CONCEITOS GEOMÉTRICOS

UNIVERSIDADE FEDERAL DE SANTA CATARINA GRADUAÇÃO EM SISTEMAS DE INFORMAÇÃO DEPARTAMENTO DE INFORMÁTICA E ESTATÍSTICA DATA MINING EM VÍDEOS

TIPOGRAFIA. Seguem-se alguns exemplos de tipografia forte, fraca, de oportunidade e e ameaçadoras para as respectivas empresas.

CONHECENDO O AMBIENTE DA ORGANIZAÇÃO Macroambiente e Ambiente competitivo

ARTES DA INFÂNCIA 1/5 CABEÇAS

Princípios de Design TRADUÇÃO DE TATIANE CRISTINE ARNOLD, DO ARTIGO IBM DESIGN: DESIGN PRINCIPLES CHECKLIST.

AULA 1 INTRODUÇÃO - ENGENHARIA DE SOFTWARE. Prof. Msc. Hélio Esperidião

FOTOMETRIA E EXPOSIÇÃO

Interação Humano-Computador Golfos e Execução e Avaliação PROFESSORA CINTIA CAETANO

App - Paint Pot (Lata de tinta)

Transcrição:

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 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ê?

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

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;

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

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.

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

Percepção de Cores

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".

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.

Gestalt :: Princípio

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.

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

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

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

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

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...

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 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.

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

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.

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.

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

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

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

Percepção Visual e de Cores

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

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

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!

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!

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ê?

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, 2000. PIVETTA, Elisa Maria. Design Web-Percepção. LEITE, Jair C. Fundamentos Teóricos: Percepção Visual. DIMAp-UFRN.