Universidade Ferederal de Santa Maria

Campus de Frederico Wesphalen - RS

Cores

Prof. Elisa M. Pivetta

Cores

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

COR
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
Cores

Importante!!!!

O tipo empresa
Pblico alvo
Conhecimento Terico
Percepo Consciente
Bom senso

Cores

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

Cores

Cores

Efeito de Profundidade

Qual a cor que parece estar no primeiro

plano e qual a do segundo plano?

Cores

Cromostereopsia

o fenmeno (cores saturadas) onde os

tons azuis parecem estar um pouco mais
longe enquanto que os vermelhos
parecem avanar.

Cores

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

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

11

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

12

Efeitos Psicolgicos das Cores

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
Cores

13

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, masculinidade

alegria (China), perigo, fogo, raiva, revoluo
aviso de "pare"
Cores

14

Sensao das cores

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
Cores

15

Sensao das cores

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
Cores

16

Sensao das cores

CIANO
tranqilidade
paz
sossego
limpeza
frescor

Cores

17

Sensao das cores

MAGENTA
luxria
sofisticao
sensualidade
feminilidade
desejo

Cores

18

Sensao das cores

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,riqueza
dinheiro (EUA), boa sorte

Cores

19

Sensao das cores

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
Cores

20

Sensao das cores

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
espiritualidade
criatividade
realeza
sabedoria
resplandecncia
dor
Cores

21

Sensao das cores

Branco:
smbolo de pureza e de paz
em monitores a cor que mais produz luz na tela
Pureza, inocncia, reverncia, paz, simplicidade,
esterilidade
rendio
Preto:
deprimente quando usada s
serve para marcar contrastes, especialmente com o
amarelo e o branco
Poder, modernidade, sofisticao, formalidade,
morte, medo,anonimato, raiva, mistrio
Cores

22

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

23

CINZA
elegncia
humildade
respeito
reverncia
sutileza

Cores

24

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

25

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 Legibilidade
Cores

28

Recomendaes

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.

Cores

29

Psicologia das cores

AZUL E PRETO
Transmitem antipatia e desvalorizam o
contedo da mensagem, pela sensao de
absurdo.
AZUL E BRANCO
Conferem harmonia de esprito, idia de
doura e generosidade.
Cores

30

Psicologia das cores

VERMELHO E AZUL
Causam a sensao de fora espiritual, requinte e delicadeza,
sendo muito empregadas no apelo de vendas.
VERMELHO E AMARELO
Criam 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

31

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

32

Sistema RGB
(Red Green Blue)
0 branco obtido
atravs da adio das
trs cores primrias
e a ausncia de cor
representa o preto.

Cores

33

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

34

Sistemas Aditivo e Subtrativo

Cores

35

Sistema subtrativo de cores - CMYK

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

Ciano (Blue + Green)

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

Cores

36

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 pixel
atravs da subtrao de intensidades de cores complementares.
ciano (C):
"#00FFFF"
magenta (M): "#FF00FF"
amarelo (Y): "#FFFF00"
Cores

37

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

38

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

39

ferramenta para brincar com as cores

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

Cores

40