Cores 1

Prof. Elisa M. Pivetta

Cores

Universidade Ferederal de Santa MariaCampus de Frederico Wesphalen - RS

Cores 2

COR

Adicionam impacto, interesse e informao a documentos e grficos;

Vrios fatores envolvidos na gerao das cores: iluminao, contraste, brilho, saturao, entre outros;

parte importante na interface grfica;

a primeira coisa que os usurios observam no aplicativo, mesmo antes de utiliz-lo.

Cores 3

Auxilia no processo de comunicao:

enfatiza informaes importantes

identifica estruturas e subdivises

retrata objetos naturais de forma realista

reduz erros de interpretao

aumenta a compreenso e melhora a aparncia

visando o processo de aprendizado, a cor mais eficiente do que o preto/branco

propicia melhor captao de memria

COR

Importante!!!!

O tipo empresa

Pblico alvo

Conhecimento Terico

Percepo Consciente

Bom senso

Cores 4

Cores 5

Dificuldades

Algumas cores podem causar desconforto visual e produzir o efeito de persistncia (afterimage)

A cor pode contribuir para confuso visual ou criar associaes (negativas)

Diminuio da acuidade visual

Cores 6

Cores 7

Cores 8

Efeito de Profundidade

Qual a cor que parece estar no primeiro plano e qual a do segundo plano?

Cores 9

Cromostereopsia

o fenmeno (cores saturadas) onde os tons azuis parecem estar um pouco mais longe enquanto que os vermelhos parecem avanar.

cores saturadas As cores saturadas podem, ainda causar outros

problemas.

Por exemplo, controladores de trfego areo depois de lerem, durante horas, caracteres em verde saturado relataram ver manchas vermelhas ou rosa, 15 minutos aps o fim do perodo de trabalho (Narborough-Hall , 1990).

Cores 10

Cores 11

Simplicidade e Significado

Poucas cores

Cores pr-definidas quando possuem significado popular:

vermelho para Pare e verde para Seguir Manter as associaes comuns

Vermelho: significa perigo, erro, pare, fogo

Amarelo: significa cuidado, aviso, ateno

Azul: significa frio, gua

Diferenas culturais na associao de cores

Cores 12

Cores e tamanho

Cores so difceis de distinguir em pequenas reas.

Por exemplo letras pequenas em azul prximas a letras pequenas em preto

Cores brilhantes parecem maiores

Cores escuras sobre fundo claro oferecem maior legibilidade

Cores 13

A sensao o efeito psico-fisiolgico sentido pelo ser humano

Cada cor tem uma sensao associada e o uso inadequado da cor pode prejudicar a comunicao

A 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 tela

Efeitos Psicolgicos das Cores

Cores 14

Sensao das cores

Vermelho:

- estimulante mental, aumenta a tenso muscular, a presso sangnea e o ritmo respiratrio

- uma cor quente e que cansa rapidamente

Paixo, fora, energia, amor, velocidade, liderana, masculinidadealegria (China), perigo, fogo, raiva, revoluoaviso de "pare"

Cores 15

Amarelo:

estimulante mental, indicado para situaes de calma e reflexo, diminui a fadiga visual, tendo ao calmante sobre o sistema nervoso

a cor de maior intensidade

letreiro 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)

concentrao, otimismo, alegria, felicidade, idealismo, riqueza (ouro), fraqueza

Sensao das cores

Cores 16

Azul calmante do sistema nervoso para pessoas emotivas

diminui o ritmo respiratrio, por baixar a tenso muscular e a presso sangnea

o excesso de exposio ao azul causa fadiga ou depresso

inspira paz e a introspeco

d a sensao de amplitude, como ocorre com as outras cores frias

harmonia, confidncia, conservadorismo, austeridade, monotonia, dependncia, tecnologia

Sensao das cores

Cores 17

CIANO

tranqilidadepazsossegolimpezafrescor

Sensao das cores

Cores 18

MAGENTA

luxriasofisticaosensualidadefeminilidadedesejo

Sensao das cores

Cores 19

Verde tem 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 cores

simboliza a segurana, a continuidade e a natureza

fertilidade, juventude, desenvolvimento,riquezadinheiro (EUA), boa sorte

Sensao das cores

Cores 20

Laranja: aumenta a emotividade e acelera as pulsaes,

ligeiramente d a sensao de bem estar e alegria combina 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 Energia, criatividade, equilbrio, entusiasmo

diverso

Sensao das cores

Cores 21

violeta: uma cor fria, porm em tons avermelhados

ou prpura quente apesar de ser deprimente quando empregada

s, torna-se calmante quando em conjunto com outras cores

espiritualidadecriatividaderealezasabedoriaresplandecnciador

Sensao das cores

Cores 22

Branco: smbolo de pureza e de paz em monitores a cor que mais produz luz na tela Pureza, inocncia, reverncia, paz, simplicidade,

esterilidaderendio

Sensao das cores

Preto: deprimente quando usada sserve para marcar contrastes, especialmente com o amarelo e o branco Poder, modernidade, sofisticao, formalidade, morte, medo,anonimato, raiva, mistrio

Cores 23

PASTEL: A caracterstica de abrandamento e afabilidade das cores quais se origina.

Os tons Pastel so a representao das coisas que se encontram dentro da solido e do foro ntimo.

MARROM: a cor mais realista, segundo estudiosos, a cor que representa justia.No sendo brutal ou vulgar, evoca a vida s e cotidiana. Neutra por excelncia.Solidez, segurana, calma, natureza, rstico, estabilidade, estagnao, peso, aspereza

Cores 24

CINZA

elegnciahumildaderespeitorevernciasutileza

Cores 25

ACERTE

Amarelo x Azul (azuis mais claros e acinzentados)

Verde x Branco (verde perigoso, use levementes azulados, mais metlicos)

Cinza x Vermelho Escuro (cinzas claros)

Azul x Cinza (cuidado azul puro saturado)

Preto x Cinza (intimidam, mas elegantes)

Preto x Vermelho x Branco (predominar branco)

ACERTE

Amarelo x Cinza x Laranja (2 quentes + 1 fria)

Rosa x Azul (casos especficos feminino, infantil)

Azul x Laranja (azul acinzentados)

Bege x Branco (use sem medo)

Cores 26

Cuidado

Verde x Amarelo (verde sempre difcil combinar)

Vermelho x Preto (muito fortes, peso)

Verde x Vermelho (brigam entre s)

Laranja x Vermelho ou Amarelo x Vermelho (2 cores quentes usar com discrio use 1 frio Ex. cinza)

Roxo x Preto (sugere morbidez)

Branco x Amarelo (di olhos, desagradam)

27

Recomendaes

Cuidado Roxo e preto

Quebre sempre calor com 1 fria

Branco e Amarelo, muito luminoso

Evite somente preto e cinza num portal. Quebre usando 3 cor mais alegre

Cuidado verde (bandeira, limo)

Observe pblico alvo

Cuide LegibilidadeCores 28

Cores 29

algumas cores podem ser usadas apenas em alertas ou pequenos espaos; o caso do vermelho, do preto e do roxo/violeta

As cores exercem uma potente ao sobre os sentimentos e esta fora real pode ser aproveitada com fins de melhorar as funcionalidades e produtividade.

Recomendaes

Cores 30

Psicologia das cores

AZUL E PRETOTransmitem antipatia e desvalorizam o contedo da mensagem, pela sensao de absurdo.

AZUL E BRANCOConferem harmonia de esprito, idia de doura e generosidade.

Cores 31

Psicologia das cores

VERMELHO E AZULCausam a sensao de fora espiritual, requinte e delicadeza, sendo muito empregadas no apelo de vendas.

VERMELHO E AMARELOCriam sensaes de insatisfao, contraste acentuado de calor e impetuosidade.

AMARELO E VERDE

Produz a sensao de eficcia.

Visualmente, porm, no uma combinao agradvel, causando a impresso de que "algo est faltando".

Cores 32

Sistemas de representao de cores

Dependem do tipo de dispositivo

aditivos (dispositivos que emitem luz)

subtrativos (dispositivos de impresso)

Os mais utilizados so: RGB (aditivos) e CMYK (subtrativo)

Cores 33

Sistema RGB(Red Green Blue)

0 branco obtidoatravs da adio dastrs cores primrias

e a ausncia de correpresenta o preto.

Cores 34

Sistema RGB

Uma cor representada pela intensidade de trs cores primrias (teoria Tristimulus): vermelho, verde e azul , com cada valor variando de 0 a 255.

Exemplos:

Vermelho 255,0,0

Verde 0,255,0

Azul 0,0,255

Branco 255, 255,255

Preto 0,0,0

Cores 35

Sistemas Aditivo e Subtrativo

Cores 36

Cyan, Magenta, Yellow e BlacK) Utilizado em dispositivos de impresso

Ciano (Blue + Green) Magenta (Blue +Red) Amarelo (Green +Red)

Sistema subtrativo de cores - CMYK

Cores 37

Especificao da Cor

As formas como a cor codificada em imagens digitais:

1. Sistema RGB - Red Green Blue: produz a cor de um pixel atravs da adio de intensidades de cores primrias.

vermelho (R): "#FF0000" 255,0,0 verde (G): "#00FF00" azul (B): "#0000FF"

2. Sistema CMYK - Cyan Magenta Yellow blacK: produz a cor de um pixelatravs da subtrao de intensidades de cores complementares.

ciano (C): "#00FFFF" magenta (M): "#FF00FF" amarelo (Y): "#FFFF00"

Cores 38

Em contraste, o papel reflete a luz.

Para imprimir uma determinada cor deve-se aplicar uma tinta que absorva todas as cores exceto a que se deseja refletir.

Por este motivo, as impressoras utilizam tintas correspondentes as complementares das primrias (CMY).

Adicional no modelo de cor CMY existe o tom de preto que permite apresentar pretos e cinzentos mais puros do que a combinao de CMY.

Cores 39

Cores Quentes e Frias

Cores para primeiro e segundo planos

Usar pares complementares

No usar cores que sejam ambas claras ou escuras

recomendvel colorir a superfcie maior com a cor mais clara

Cores 40

ferramenta para brincar com as cores

http://www.psyclops.com/tools/rgb/