You are on page 1of 40

Universidade Ferederal de Santa Maria Tcnico em Informtica Campus de Frederico Wesphalen - RS

Cores

Prof. Elisa M. Pivetta Cantarelli


Cores
PDF created with pdfFactory Pro trial version www.pdffactory.com

COR
n

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 2

PDF created with pdfFactory Pro trial version www.pdffactory.com

COR
Auxilia no processo de comunicao: n enfatiza informaes importantes n identifica estruturas e subdivises n retrata objetos naturais de forma realista n reduz erros de interpretao n aumenta a compreenso e melhora a aparncia n visando o processo de aprendizado, a cor mais eficiente do que o preto/branco n propicia melhor captao de memria
Cores
PDF created with pdfFactory Pro trial version www.pdffactory.com

Importante!!!!
n n n n n

O tipo empresa Pblico alvo Conhecimento Terico Percepo Consciente Bom senso

Cores
PDF created with pdfFactory Pro trial version www.pdffactory.com

Dificuldades
n

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
PDF created with pdfFactory Pro trial version www.pdffactory.com

Cores
PDF created with pdfFactory Pro trial version www.pdffactory.com

Cores
PDF created with pdfFactory Pro trial version www.pdffactory.com

Efeito de Profundidade
n

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

Cores
PDF created with pdfFactory Pro trial version www.pdffactory.com

Cromostereopsia
n

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

Cores
PDF created with pdfFactory Pro trial version www.pdffactory.com

cores saturadas
n n

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

PDF created with pdfFactory Pro trial version www.pdffactory.com

Simplicidade e Significado
n n

Poucas cores Cores pr-definidas quando possuem significado popular: n vermelho para Pare e verde para Seguir Manter as associaes comuns n Vermelho: significa perigo, erro, pare, fogo n Amarelo: significa cuidado, aviso, ateno n Azul: significa frio, gua Diferenas culturais na associao de cores
Cores 11

PDF created with pdfFactory Pro trial version www.pdffactory.com

Cores e tamanho
n

Cores so difceis de distinguir em pequenas reas.


n

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

PDF created with pdfFactory Pro trial version www.pdffactory.com

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
PDF created with pdfFactory Pro trial version www.pdffactory.com

13

Sensao das cores


n

Vermelho: n - estimulante mental, aumenta a tenso muscular, a presso sangnea e o ritmo respiratrio n - uma cor quente e que cansa rapidamente
n

Paixo, fora, energia, amor, velocidade, liderana, masculinidade alegria (China), perigo, fogo, raiva, revoluo aviso de "pare"
Cores 14

PDF created with pdfFactory Pro trial version www.pdffactory.com

Sensao das cores


n

Amarelo: n estimulante mental, indicado para situaes de calma e reflexo, diminui a fadiga visual, tendo ao calmante sobre o sistema nervoso n a cor de maior intensidade n 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) n concentrao, otimismo, alegria, felicidade, idealismo, riqueza (ouro), fraqueza
Cores 15

PDF created with pdfFactory Pro trial version www.pdffactory.com

Sensao das cores


n

Azul
n n

n n

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

PDF created with pdfFactory Pro trial version www.pdffactory.com

Sensao das cores


n

CIANO tranqilidade paz sossego limpeza frescor

Cores
PDF created with pdfFactory Pro trial version www.pdffactory.com

17

Sensao das cores


n

MAGENTA luxria sofisticao sensualidade feminilidade desejo

Cores
PDF created with pdfFactory Pro trial version www.pdffactory.com

18

Sensao das cores


n

Verde
n n

n n n
n

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
PDF created with pdfFactory Pro trial version www.pdffactory.com

19

Sensao das cores


n

Laranja: n aumenta a emotividade e acelera as pulsaes, ligeiramente n d a sensao de bem estar e alegria n combina a intensidade e vitalidade do vermelho, com a alta visibilidade do amarelo n uma cor quente, muito luminosa e pouco fatigante n a representao direta do sol n Energia, criatividade, equilbrio, entusiasmo diverso
Cores 20

PDF created with pdfFactory Pro trial version www.pdffactory.com

Sensao das cores


n

violeta: n uma cor fria, porm em tons avermelhados ou prpura quente n apesar de ser deprimente quando empregada s, torna-se calmante quando em conjunto com outras cores espiritualidade criatividade realeza sabedoria resplandecncia dor
Cores 21

PDF created with pdfFactory Pro trial version www.pdffactory.com

Sensao das cores


n

Branco: n smbolo de pureza e de paz n em monitores a cor que mais produz luz na tela n 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

PDF created with pdfFactory Pro trial version www.pdffactory.com

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. n Os tons Pastel so a representao das coisas que se encontram dentro da solido e do foro ntimo.
Cores
PDF created with pdfFactory Pro trial version www.pdffactory.com

23

CINZA elegncia humildade respeito reverncia sutileza

Cores
PDF created with pdfFactory Pro trial version www.pdffactory.com

24

ACERTE
n n

n n n n

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

PDF created with pdfFactory Pro trial version www.pdffactory.com

ACERTE
n n n n

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
PDF created with pdfFactory Pro trial version www.pdffactory.com

26

Cuidado
n n n n

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)

n n

Roxo x Preto (sugere morbidez) Branco x Amarelo (di olhos, desagradam)


27

PDF created with pdfFactory Pro trial version www.pdffactory.com

Recomendaes
n n n n

n n n

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

PDF created with pdfFactory Pro trial version www.pdffactory.com

Recomendaes
n

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
PDF created with pdfFactory Pro trial version www.pdffactory.com

29

Psicologia das cores


n

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

PDF created with pdfFactory Pro trial version www.pdffactory.com

Psicologia das cores


n

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 n Produz a sensao de eficcia. n Visualmente, porm, no uma combinao agradvel, causando a impresso de que "algo est faltando".
Cores 31

PDF created with pdfFactory Pro trial version www.pdffactory.com

Sistemas de representao de cores


n

Dependem do tipo de dispositivo n aditivos (dispositivos que emitem luz) n subtrativos (dispositivos de impresso) Os mais utilizados so: RGB (aditivos) e CMYK (subtrativo)
Cores 32

PDF created with pdfFactory Pro trial version www.pdffactory.com

Sistema RGB (Red Green Blue)


0 branco obtido atravs da adio das trs cores primrias e a ausncia de cor representa o preto.

Cores
PDF created with pdfFactory Pro trial version www.pdffactory.com

33

Sistema RGB
n

Uma cor representada pela intensidade de trs cores primrias (teoria Tristimulus): vermelho, verde e azul , com cada valor variando de 0 a 255. n Exemplos: n Vermelho 255,0,0 n Verde 0,255,0 n Azul 0,0,255 n Branco 255, 255,255 n Preto 0,0,0
Cores 34

PDF created with pdfFactory Pro trial version www.pdffactory.com

Sistemas Aditivo e Subtrativo

Cores
PDF created with pdfFactory Pro trial version www.pdffactory.com

35

Sistema subtrativo de cores - CMYK


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

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

Cores
PDF created with pdfFactory Pro trial version www.pdffactory.com

36

Especificao da Cor
n

As formas como a cor codificada em imagens digitais: 1. Sistema RGB - Red Green Blue produz a cor de um pixel atravs da Blue: 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 blacK: atravs da subtrao de intensidades de cores complementares. ciano (C): "#00FFFF" magenta (M): "#FF00FF" amarelo (Y): "#FFFF00"

n n n n

n n n

Cores
PDF created with pdfFactory Pro trial version www.pdffactory.com

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
PDF created with pdfFactory Pro trial version www.pdffactory.com

38

Cores Quentes e Frias


Cores para primeiro e segundo planos n Usar pares complementares n No usar cores que sejam ambas claras ou escuras n recomendvel colorir a superfcie maior com a cor mais clara
Cores
PDF created with pdfFactory Pro trial version www.pdffactory.com

39

n n

ferramenta para brincar com as cores http://www.psyclops.com/tools/rgb/

Cores
PDF created with pdfFactory Pro trial version www.pdffactory.com

40

You might also like