270 likes | 465 Views
Cores. Prof. Roberto Cabral de Mello Borges 2006. Amarelo. AM. Amarelo-Verde. AV. Amarelo-Laranja. AL. VD. Verde. LJ. Laranja. LV. Laranja-Vermelho. AV. Azul-Verde. VM. AZ. Azul. Vermelho. AV. MG. VT. Azul-Violeta. Magenta. Violeta. CORES. Olho Humano.
E N D
Cores Prof. Roberto Cabral de Mello Borges 2006
Amarelo AM Amarelo-Verde AV Amarelo-Laranja AL VD Verde LJ Laranja LV Laranja-Vermelho AV Azul-Verde VM AZ Azul Vermelho AV MG VT Azul-Violeta Magenta Violeta CORES
Olho Humano Percepção em Preto-e-branco
Cones e Bastonetes • S - Short Wavelength • M - Medium • L - Long
Sensibilidade das Cores 400 440 500 570 590 610 700
Ponto de foco das 3 cores básicas Retina Azul Verde Vermelho Vermelho Verde Azul Azul (é focado na frente da retina) Vermelho (é focado atrás da retina) Verde (é focado sobre a retina)
Campo de visão Área 1 - Cones Área 2 - Cones e Bastonetes Área 3 - Bastonetes
Adaptação ao Escuro e ao Claro do Olho Humano Adaptação ao Claro Adaptação ao Escuro
TV 3 x 4 (0,75) Formato da tela Slide: 2 x 3 (0,67) Ideal (Relação de Ouro) 3 x 4,854 (0,618) HDTV 3 x 5 (0,6)
Contraste de Cores Cores da tela anterior convertidas para preto e branco
Contraste de Cores • Qual dos vermelhos é mais brilhante?
Uso de cores • Cores: adicionam impacto, interesse e informação a documentos e gráficos; • as cores nem sempre são mostradas da mesma maneira como foram projetadas, diferindo de um dispositivo para outro; • vários fatores envolvidos na geração das cores: iluminação, contraste, forças magnéticas, brilho, entre outros; • a cor é parte importante na interface gráfica; • é a primeira coisa que os usuários observam no aplicativo, mesmo antes de utilizá-lo.
Normal Contraste: 50% Brilho: 50% Normal Brilho 83% Brilho 23% Contraste 87% Contraste 16% Watermark
Uso de cores • A cor é um importante auxiliar no processo de comunicação: • enfatiza informações importantes • identifica estruturas e subdivisões • retrata objetos naturais de forma realista • visualiza o tempo e o progresso de uma operação • reduz erros de interpretação • aumenta a compreensão • aumenta a credibilidade e a aparência • visando o processo de aprendizado, a cor é mais eficiente do que o preto/branco • propicia melhor captação de memória
Ilusão de Óptica • O que você vê nesta imagem? • Um careca com a mão no peito? • Ou um casal de camponeses na rua e um cachorro deitado na rua?
Usando cores • Dificuldades podem ser apontadas: • algumas cores podem causar desconforto visual e produzir o efeito de persistência (afterimage) • a cor pode contribuir para confusão visual ou criar associações negativas • diminuição da acuidade visual (miopia temporária), mecanismos de acomodação, alterações na adaptação da seleção de cores • Estes fatores contribuem ao aparente efeito de profundidade das cores: • Cromostereopsia é o fenômeno onde os tons azuis parecem estar um pouco mais longe enquanto que os vermelhos parecem avançar.
Efeito de Profundidade • Qual a cor que parece estar no primeiro plano e qual a do segundo plano?
Uso de cores Princípios gerais • Simplicidade • Usar poucas cores (2 a 7); é mais fácil de dominar e mais simples de distinguir em monitores de menor qualidade ou preto e branco • Não associar muitas cores para serem lembradas • Não usar mais de cinco cores quando estas possuírem significado • Significados mais populares: • vermelho para Pare e verde para Seguir • Cinza para HomePages, branco para Texto, verde para Apresentações e amarelo para Planilhas • Cores para primeiro e segundo planos • Usar sempre pares complementares para garantir legibilidade. Por exemplo, cores que forneçam o branco, como amarelo e azul • Contraste: não usar cores que sejam ambas claras ou escuras
Uso de cores • Princípios gerais • Manter as associações comuns • Vermelho: significa perigo, erro, pare, fogo ou altas temperaturas • Amarelo: significa cuidado, aviso, atenção • Azul: significa frio, água • Cores opostas • Se vermelho é Pare, o oposto é verde • Se vermelho é Quente, o oposto é azul • Diferenças culturais na associação de cores • Alguns países tem cores associadas a alguns objetos e fatos: • Egito: amarelo é a cor da alegria e prosperidade • Inglaterra: caixas de correio são vermelhas, nos EUA são azuis, na Grécia são verdes e no Brasil são amarelas
Uso de cores • Cores e tamanho • Cores são difíceis de distinguir em pequenas áreas. Por exemplo letras pequenas em azul próximas a letras pequenas em preto • Cores brilhantes parecem maiores • Cores escuras sobre fundo claro oferecem maior legibilidade