28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007

1

CoresParte 2

Prof. Roberto Cabral de Mello Borges

2007

2

– a sensação é o efeito psico-fisiológico sentido pelo ser humano– cada cor tem uma sensação associada e o uso inadequado

da cor pode prejudicar a comunicação visual numa tela– a sensação também pode variar em função do contraste,

isto é, a cor de um texto ou objeto pode ter sensação diferente conforme a cor do fundo da tela– algumas cores podem ser usadas apenas em alertas ou

pequenos espaços; é o caso do vermelho, do preto e do roxo/violeta–As cores exercem uma potente ação sobre os sentimentos

e esta força real pode ser aproveitada com fins de melhorar as funcionalidades e produtividade.

Efeitos Psicológicos das Cores

3

Sensação de cores

–Cores quentes e frias»cores quentes ou luminosas: • amarelo, laranja, vermelho e violeta

»cores frias ou sombrias:• azul, turquesa, verde-mar e verde-alface

4

Sensação das cores

• Vermelho:–é estimulante mental, aumenta a tensão

muscular, a pressão sangüínea, o ritmo respiratório e a atividade sexual

–é uma cor quente e que cansa rapidamente

–está associada ao fogo

5

–Amarelo:» estimulante mental, indicado para situações de calma

e reflexão

» diminui a fadiga visual, tendo ação calmante sobre o sistema nervoso

» é a cor de maior intensidade

» letreiro preto sobre fundo amarelo âmbar é a combinação que dá melhor contraste visual (é uma das poucas cores que tem a mesma visibilidade na inversão do fundo: letreiro amarelo e fundo preto)


6

–Azul» é calmante do sistema nervosos para pessoas

emotivas

» diminui o ritmo respiratório, por baixar a tensão muscular e a pressão sangüínea

» o excesso de exposição ao azul causa fadiga ou depressão

» inspira paz e a introspecção

» dá a sensação de amplitude, como ocorre com as outras cores frias


7

–Verde» tem destacado efeito calmante, dilatando os

capilares, abaixando a pressão sangüínea

» é eficaz contra a irritabilidade nervosa, a fadiga e a insônia

» é uma cor fria

» é a mais repousante das cores

» simboliza a segurança, a continuidade e a natureza


8

–Laranja:» aumenta a emotividade e acelera as pulsações,

ligeiramente

» dá a sensação 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 representação direta do sol


9

–violeta:»é uma cor fria, porém em tons avermelhados

ou púrpura é quente

»apesar de ser deprimente quando empregada só, torna-se calmante quando em conjunto com outras cores


10

–Branco:» é símbolo de pureza e de paz

» em monitores é a cor que mais produz luz na tela

–Preto:» é deprimente quando usada só

» serve para marcar contrastes, especialmente com o amarelo e o branco


11

Usando cores• Lembrar sempre que cores mal

utilizadas são piores que não usar nenhuma!

• Alguns exemplos:

TextoTextoTexto

TextoTextoTexto

12

Padrões de cores usados em computadores:

• sistemas de representação de cores:–dependem do tipo de dispositivo a ser

utilizado

–aditivos (dispositivos que emitem luz)

–subtrativos (dispositivos de impressão)

–os mais utilizados são: RGB, HSV e HLS (aditivos) e CYMK (subtrativo)

13

Sistemas Aditivo e Subtrativo

RGB (Aditivo) CYMK (Subtrativo)

14

Sistema RGB (Red Green Blue)

15

Sistema RGB

• Eixos: – Red, Green, Blue

• Base para geração de imagens coloridas em monitores

adaptado de http://www.dai.ed.ac.uk/homes/rbf/CVonline/LOCAL_COPIES/OWENS/LECT14/lecture12.html#tth_sEc2

16

Sistema RGB (Red Green Blue)

17

Sistema CYMK (Cyan Yellow Magenta blacK)

18

Sistema CYMK

• Eixos: – Cyan, Yellow, Magenta

• Base para geração de imagens coloridas em impressoras

• Variante: CYMK– PRETO é usado como

“primária” adicional


19

• Modelo CMYK–composto pelas cores Ciano, Magenta,

Amarelo e Preto (Cyan, Magenta, Yellow e blacK)

–modelo subtrativo porque suas cores subtraem da luz branca sua cor

–o 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 cores

20

• Utilizado em dispositivos de impressão, depositando pigmentos coloridos sobre o papel

• a 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 superfície coberta com ciano e amarelo absorve vermelho e azul refletindo apenas verde

Sistema subtrativo de cores

21

Sistema CMYK (Cyan Magenta Yellow blacK)

22

Sistema HTML (#RRGGBB)

23

Sistema HSV (Hue Saturation Value)

24

Sistema HSV

• Eixos: –Hue (matiz)

–Saturation (Saturação)

–Value (Intensidade)


Valor

25

Diagrama CIE

• Plano Cromático (sem intensidade)

• Primárias perceptuais

• Origem de vários sistemas perceptuais de representação de cores


26

Modelo CIE

27

Sistema Crayon

28

Cores Complementares e Constrastes

• São complementares as cores que estão opostas no círculo das cores como, por exemplo, o verde é a complementar do vermelho.

• Uma cor se intensifica quando justaposta à sua complementar, ao branco, preto ou cinza devido ao contraste criado.

• Uma cor reduz sua intensidade quando se mistura algo de sua complementar. Cores harmônicas são aquelas que estão próximas na seqüência no círculo das cores como, por exemplo, vermelho, laranja e amarelo, etc.

• As cores também podem ser harmônicas pela combinação em triângulo da roda de cores.

29

Contraste e Harmonia• Harmonia das cores:

– harmonia das cores opostas ou de contraste: o maior contraste se obtém justapondo cores complementares; a maior superfície é colorida com uma cor quente e a menor com sua cor complementar fria

– harmonia das cores análogas ou vizinhas: é o emprego de uma cor e uma ou duas vizinhas; por exemplo: laranja e seus vizinhos, vermelho e amarelo; a cor mais clara usada na superfície maior

– harmonia monocromática ou de cor dominante: é o uso de uma única cor, aplicada pura e em vários tons, claros e escuros

• Cores Complementares:– Vermelho - Ciano (azul piscina)

– Verde - Magenta (lilás)

– Azul - Amarelo

30

Cores Complementares

A B C D

31

• Cores complementares–A cor complementar de

uma cor quente é uma cor fria e vice-versa

– colocar 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 CoresAmarelo

AM

AzulAZ

Vermelho

VM

32

Cores Complementares:• Vermelho - Ciano (azul

piscina)

• Verde - Magenta (lilás)

• Azul - Amarelo

Harmonia das Cores

Amarelo-LaranjaAL

Amarelo

AM Amarelo-VerdeAV

VerdeVD

Azul-VerdeAV

AzulAZ

Azul-VioletaAV

Violeta

VTMagenta

MGVermelho

VM

Laranja LJ

Laranja-Vermelho

LV

33

• Harmonia das cores análogas 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. É recomendável colorir a superfície maior com a cor mais clara

Harmonia das Cores

Amarelo-LaranjaAL

AmareloAM Amarelo-Verde

AV

34

• Harmonia monocromática ou de cor dominante: consiste em usar somente uma cor e aplicá-la pura e em vários tons, claros e escuros ou empregados em conjunto

• Em qualquer harmonia pode-se usar pura, uma cor neutra, obtendo-se realce no emprego do preto e branco

• O preto e o branco puros permitem a realização de harmonia de contraste

Amarelo

AM

Harmonia das Cores

35

Harmonia das Cores

• Outra forma de manter a harmonia de cores é o uso de uma única cor, variando-se a intensidade da mesma, ou seja, dosando-se progressivas quantidades de branco ou preto à cor pura.

36

Referências Bibliográficas• Borges, R.Cabral M, Winkler, Marco A. e Basso, Karen. Considerações

sobre Cores na Web. IHC 2000, Gramado, 2000.

• Del, G.;Nielsen, Jakob. International User Interfaces. N.York, J. Wiley, 1996.

• Foley, J. Computer Graphics, Principles and Practice. Addison-Wesley, Reading, Massachusetts, EUA, 1996.

• Graves, M. The Art of Color Design. Mc Graw Hill, New York, 1951.

• Hayten, P. El Color en la Industria. Las Ediciones de Arte, Barcelona, 1958. • Lynch, P & Horton, S. Web Style Guide. Yale Univ. Press, 1999.

• MacDonald, L. Using Color Effectively in Computer Graphics. IEEE Computer Graphics and Applications vol 19 n 4 (Jul-Aug., 1999).

• Marcus, Aaron. Principles os Effective Visual Communication for Graphical User Interface Design. San Francisco-CA: Morgan Kaufmann, 1995.

• Murch, S. Physiological Principles for the effective Use of Colors. IEEE Computer Graphics and Applications, V 4. #11, Nov. 1984.

• Olabarriaga, Silvia. Processamento e Análise de Imagens. PGCC-UFRGS, Porto Alegre, 2002.

• Shneidermann, B. Designing the User Interface. 1997, Add.-Wesley, N.York.

• Steinhaus, A. The Nine Colours of the Rainbow. Mir Publish, Moscow, 1970.

• Stone, M. C. A survey of color for computer graphics. SIGGRAPH-1999.

Documents

28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007