Cores

Prof. Roberto Cabral de Mello BorgesDez/2001

CORES

Olho Humano

Cones e Bastonetes

Cones e BastonetesS - Short WavelengthM - MediumL - Long

Cones

Caminho da Viso

Espectro de Cores Visveis

Sensibilidade das Cores400700440500570590610

Ponto de foco das 3 cores bsicasAzulVerdeVermelhoAzulVerdeVermelhoRetinaAzul ( focado na frente da retina)Vermelho ( focado atrs da retina)Verde ( focado sobre a retina)

Sensibilidade do olho para cores

Campo de Visorea 1 - Conesrea 2 - Cones e Bastonetesrea 3 - Bastonetes

30

1

3

2

Adaptao ao EscuroAdaptao ao ClaroAdaptao ao Escuro e ao Claro do Olho Humano

Formato da telaSlide: 2 x 3 (0,67)HDTV 3 x 5(0,6)Ideal (Relao de Ouro)3 x 4,854(0,618)

Contraste de Cores

Contraste de CoresCores da tela anterior convertidas para preto e branco

Contraste de CoresQual dos vermelhos mais brilhante?

Uso de coresCores: adicionam impacto, interesse e informao a documentos e grficos;as cores nem sempre so mostradas da mesma maneira como foram projetadas, diferindo de um dispositivo para outro;vrios fatores envolvidos na gerao das cores: iluminao, contraste, foras magnticas, brilho, entre outros;a cor parte importante na interface grfica; a primeira coisa que os usurios observam no aplicativo, mesmo antes de utiliz-lo.

WatermarkContraste 16%Contraste 87%Brilho 23%Brilho 83%NormalNormalContraste: 50%Brilho: 50%

Uso de coresA cor um importante auxiliar no processo de comunicao:enfatiza informaes importantesidentifica estruturas e subdivisesretrata objetos naturais de forma realistavisualiza o tempo e o progresso de uma operao reduz erros de interpretaoaumenta a compreensoaumenta a credibilidade e a aparnciavisando o processo de aprendizado, a cor mais eficiente do que o preto/brancopropicia melhor captao de memria

Iluso de pticaO que voc v nesta imagem?Um careca com a mo no peito?Ou um casal de camponeses na rua e um cachorro deitado na rua?

Usando coresDificuldades podem ser apontadas:algumas cores podem causar desconforto visual e produzir o efeito de persistncia (afterimage)a cor pode contribuir para confuso visual ou criar associaes negativasdiminuio da acuidade visual (miopia temporria), mecanismos de acomodao, alteraes na adaptao da seleo de coresEstes fatores contribuem ao aparente efeito de profundidade das cores:Cromostereopsia o fenmeno onde os tons azuis parecem estar um pouco mais longe enquanto que os vermelhos parecem avanar.

Efeito de ProfundidadeQual a cor que parece estar no primeiro plano e qual a do segundo plano?

Uso de coresPrincpios geraisSimplicidadeUsar poucas cores (2 a 7); mais fcil de dominar e mais simples de distinguir em monitores de menor qualidade ou preto e brancoNo associar muitas cores para serem lembradasNo usar mais de cinco cores quando estas possurem significadoSignificados mais populares: vermelho para Pare e verde para SeguirCinza para HomePages, branco para Texto, verde para Apresentaes e amarelo para PlanilhasCores para primeiro e segundo planosUsar sempre pares complementares para garantir legibilidade. Por exemplo, cores que forneam o branco, como amarelo e azulContraste: no usar cores que sejam ambas claras ou escuras

Uso de coresPrincpios geraisManter as associaes comunsVermelho: significa perigo, erro, pare, fogo ou altas temperaturasAmarelo: significa cuidado, aviso, atenoAzul: significa frio, guaCores opostasSe vermelho Pare, o oposto verdeSe vermelho Quente, o oposto azulDiferenas culturais na associao de coresAlguns pases tem cores associadas a alguns objetos e fatos:Egito: amarelo a cor da alegria e prosperidadeInglaterra: caixas de correio so vermelhas, nos EUA so azuis, na Grcia so verdes e no Brasil so amarelas

Uso de coresCores e tamanhoCores so difceis de distinguir em pequenas reas. Por exemplo letras pequenas em azul prximas a letras pequenas em pretoCores brilhantes parecem maioresCores escuras sobre fundo claro oferecem maior legibilidade

Efeitos Psicolgicos das Cores

a sensao o efeito psico-fisiolgico sentido pelo ser humanocada cor tem uma sensao associada e o uso inadequado da cor pode prejudicar a comunicao visual numa telaa sensao tambm pode variar em funo do contraste, isto , a cor de um texto ou objeto pode ter sensao diferente conforme a cor do fundo da telaalgumas cores podem ser usadas apenas em alertas ou pequenos espaos; o caso do vermelho, do preto e do roxo/violetaAs cores exercem uma potente ao sobre os sentimentos e esta fora real pode ser aproveitada com fins de melhorar as funcionalidades e produtividade.

Sensao de cores

Cores quentes e friascores quentes ou luminosas: amarelo, laranja, vermelho e violetacores frias ou sombrias: azul, turquesa, verde-mar e verde-alface

Sensao das coresVermelho: estimulante mental, aumenta a tenso muscular, a presso sangnea e o ritmo respiratrio uma cor quente e que cansa rapidamenteest associada ao fogo

Sensao das coresAmarelo:estimulante mental, indicado para situaes de calma e reflexodiminui a fadiga visual, tendo ao calmante sobre o sistema nervoso a cor de maior intensidadeletreiro preto sobre fundo amarelo mbar a combinao que d melhor contraste visual ( uma das poucas cores que tem a mesma visibilidade na inverso do fundo: letreiro amarelo e fundo preto)

Sensao das coresAzul calmante do sistema nervosos para pessoas emotivasdiminui o ritmo respiratrio, por baixar a tenso muscular e a presso sangneao excesso de exposio ao azul causa fadiga ou depressoinspira paz e a introspecod a sensao de amplitude, como ocorre com as outras cores frias

Sensao das coresVerdetem destacado efeito calmante, dilatando os capilares, abaixando a presso sangnea eficaz contra a irritabilidade nervosa, a fadiga e a insnia uma cor fria a mais repousante das coressimboliza a segurana, a continuidade e a natureza

Sensao das coresLaranja:aumenta a emotividade e acelera as pulsaes, ligeiramented a sensao de bem estar e alegriacombina a intensidade e vitalidade do vermelho, com a alta visibilidade do amarelo uma cor quente, muito luminosa e pouco fatigante a representao direta do sol

Sensao das coresvioleta: uma cor fria, porm em tons avermelhados ou prpura quenteapesar de ser deprimente quando empregada s, torna-se calmante quando em conjunto com outras cores

Sensao das coresBranco: smbolo de pureza e de pazem monitores a cor que mais produz luz na telaPreto: deprimente quando usada sserve para marcar contrastes, especialmente com o amarelo e o branco

Usando coresLembrar sempre que cores mal utilizadas so piores que no usar nenhuma!Alguns exemplos:TextoTextoTextoTextoTextoTexto

Padres de cores usados em computadores:

sistemas de representao de cores:dependem do tipo de dispositivo a ser utilizadoaditivos (dispositivos que emitem luz)subtrativos (dispositivos de impresso)os mais utilizados so: RGB, HSV e HLS (aditivos) e CYMK (subtrativo)

Sistemas Aditivo e Subtrativo

Sistema RGB (Red Green Blue)

Sistema RGB (Red Green Blue)

Sistema CYMK (Cyan Yellow Magenta blacK)

Sistema subtrativo de coresModelo CMYKcomposto pelas cores Ciano, Magenta, Amarelo e Preto (Cyan, Magenta, Yellow e blacK)modelo subtrativo porque suas cores subtraem da luz branca sua coro subconjunto do sistema de coordenadas cartesianas o mesmo que o RGB, exceto pelo branco (luz total) que est na origem do sistema

Sistema subtrativo de coresUtilizado em dispositivos de impresso, depositando pigmentos coloridos sobre o papela cor ciano subtrai vermelho da luz branca refletida (ciano branco menos o vermelho)o magenta absorve o verde (ele vermelho mais azul)o amarelo absorve o azul (ele vermelho mais verde)uma superfcie coberta com ciano e amarelo absorve vermelho e azul refletindo apenas verde

Sistema CMYK (Cyan Magenta Yellow blacK)

Sistema HTML (#RRGGBB)

Sistema HSV (Hue Saturation Value)

Sistema Crayon

Harmonia das CoresCores complementaresA cor complementar de uma cor quente uma cor fria e vice-versacolocar uma cor junto com a sua complementar ocasionar a harmonia.Exemplo: uma rosa em um roseiral destaca-se mais entre as folhas verdes do que isolada

Harmonia das CoresCores Complementares:Vermelho - Ciano (azul piscina)Verde - Magenta (lils)Azul - Amarelo

Harmonia das CoresHarmonia das cores anlogas ou vizinhas: quando emprega-se uma cor e suas vizinhas ou apenas uma delas. Ex.: laranja com o vermelho e amarelo ou s com o vermelho ou s com o amarelo. recomendvel colorir a superfcie maior com a cor mais clara

Harmonia das CoresHarmonia monocromtica ou de cor dominante: consiste em usar somente uma cor e aplic-la pura e em vrios tons, claros e escuros ou empregados em conjuntoEm qualquer harmonia pode-se usar pura, uma cor neutra, obtendo-se realce no emprego do preto e brancoO preto e o branco puros permitem a realizao de harmonia de contraste

1113182021222324252627281532