1 / 27

Cores

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.

britanney-guzman
Télécharger la présentation

Cores

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Cores Prof. Roberto Cabral de Mello Borges 2006

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

  3. Olho Humano Percepção em Preto-e-branco

  4. Cones e Bastonetes

  5. Cones e Bastonetes • S - Short Wavelength • M - Medium • L - Long

  6. Cones

  7. Caminho da Visão

  8. Espectro de Cores Visíveis

  9. Sensibilidade das Cores 400 440 500 570 590 610 700

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

  11. Sensibilidade do olho para cores

  12. Campo de visão Área 1 - Cones Área 2 - Cones e Bastonetes Área 3 - Bastonetes

  13. Adaptação ao Escuro e ao Claro do Olho Humano Adaptação ao Claro Adaptação ao Escuro

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

  15. Contraste de Cores

  16. Contraste de Cores Cores da tela anterior convertidas para preto e branco

  17. Contraste de Cores • Qual dos vermelhos é mais brilhante?

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

  19. Normal Contraste: 50% Brilho: 50% Normal Brilho 83% Brilho 23% Contraste 87% Contraste 16% Watermark

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

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

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

  23. Efeito de Profundidade • Qual a cor que parece estar no primeiro plano e qual a do segundo plano?

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

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

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

More Related