Dicas e Truques

1. Dicas e Truques Cores..........

2. Fatores que afetam a percepção da cor • Ambiente - a cor é afetada • por sua localização na tela • pelo tamanho e forma da área que ela preenche • pelas cores que a envolvem • Fatores externos • Iluminação ambiente • Monitores

3. Fatores que afetam a percepção da cor • Diferenças culturais e fisiológicas • Idade (perdem a habilidade de discernir matizes azuis) • sensibilidade reduzida para cores (usar cores + brilhantes) • Daltonismo • 2% cegueira p/vermelho, 6% p/ verde, 8% vermelho/verde Cores facilmente confundidas cyan do branco, azul do roxo

4. Efeitos indesejáveis Sangramento - quando uma determinada cor começa a ter alguma coisa da outra cor. Ex: uma área vermelha rodeada por azul, começa a ter aparência violeta Problemas em visualizar o azul Ilusão de profundidade - cores com diferentes profundidades de foco (vermelho e o azul)

5. Efeitos indesejáveis Aberrações cromáticas - quando cores como o azul e o vermelho são usadas simultaneamente (um texto vermelho no meio de um texto azul) o olho tenta repetidamente empurrar cada cor da imagem dentro de um foco preciso em rápidas sucessões.

6. Utilize cores • Como forma de informação adicional, não confie na cor como único meio de expressar um valor ou função • para realçar informações • para agrupar elementos relacionados

7. Como usar.... • Prefira a cor ao sublinhado para realçar informações • faça uso de um grupo limitado de cores • evite o uso de cores quentes magenta, rosa • o uso de várias cores distrai o usuário • useo cores neutras para o fundo • utilize no máximo 5 +-2 cores em uma mesma tela

8. Como usar.... • evite áreas piscantes • use um código de cores familiar: • vermelho: perigo, pare • verde:ande, ok, livre, segurança • azul: frio, água, calmo • cores quentes:ação, resposta requerida, proximidade • cores frias: status, informações de fundo, distância • cinzas, branco, azul : neutralidade

9. Como usar.... • evite combinações como : • verde/vermelho • azul/amarelo • verde/azul • vermelho/azul o alto croma cria vibrações e ilusões óticas

10. Como usar.... • O fundo não deve chamar mais atenção do que as informações da tela • use combinações legíveis para texto/fundo: • preto/branco • branco/preto • amarelo/preto • verde/preto • branco/vermelho

11. Como usar.... • use combinações legíveis para texto/fundo: • preto/amarelo • preto/verde • ciam/magenta • branco/marrom • amarelo/marrom • verde/marrom • ciam/marrom • magenta/marrom

12. Como usar.... • Use as cores da fóvea e periféricas apropriadamente, a fóvea fica na região central da retina, é composta de cones sensível ao detalhe: • use azul para áreas grandes ou formas pequenas , azul é bom para fundo de tela • use vermelho e verde no centro do campo visual e não na periferia • use preto, branco, amarelo e azul na periferia do campo visual

13. Como usar.... • Use o mesmo código de cores para todo o ciclo de vida e geração do conhecimento • O uso de cores quentes para textos é adequado somente para textos curtos (vermelho/magenta) • o azul não deve ser usado para texto em um fundo escuro, prefira o verde