28 cores parte 2 prof. roberto cabral de mello borges 2007
TRANSCRIPT
![Page 1: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/1.jpg)
1
CoresParte 2
Prof. Roberto Cabral de Mello Borges
2007
![Page 2: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/2.jpg)
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
![Page 3: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/3.jpg)
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
![Page 4: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/4.jpg)
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
![Page 5: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/5.jpg)
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)
Sensação das cores
![Page 6: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/6.jpg)
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
Sensação das cores
![Page 7: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/7.jpg)
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
Sensação das cores
![Page 8: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/8.jpg)
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
Sensação das cores
![Page 9: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/9.jpg)
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
Sensação das cores
![Page 10: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/10.jpg)
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
Sensação das cores
![Page 11: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/11.jpg)
11
Usando cores• Lembrar sempre que cores mal
utilizadas são piores que não usar nenhuma!
• Alguns exemplos:
TextoTextoTexto
TextoTextoTexto
![Page 12: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/12.jpg)
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)
![Page 13: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/13.jpg)
13
Sistemas Aditivo e Subtrativo
RGB (Aditivo) CYMK (Subtrativo)
![Page 14: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/14.jpg)
14
Sistema RGB (Red Green Blue)
![Page 15: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/15.jpg)
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
![Page 16: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/16.jpg)
16
Sistema RGB (Red Green Blue)
![Page 17: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/17.jpg)
17
Sistema CYMK (Cyan Yellow Magenta blacK)
![Page 18: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/18.jpg)
18
Sistema CYMK
• Eixos: – Cyan, Yellow, Magenta
• Base para geração de imagens coloridas em impressoras
• Variante: CYMK– PRETO é usado como
“primária” adicional
adaptado de http://www.dai.ed.ac.uk/homes/rbf/CVonline/LOCAL_COPIES/OWENS/LECT14/lecture12.html#tth_sEc2
![Page 19: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/19.jpg)
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
![Page 20: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/20.jpg)
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
![Page 21: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/21.jpg)
21
Sistema CMYK (Cyan Magenta Yellow blacK)
![Page 22: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/22.jpg)
22
Sistema HTML (#RRGGBB)
![Page 23: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/23.jpg)
23
Sistema HSV (Hue Saturation Value)
![Page 24: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/24.jpg)
24
Sistema HSV
• Eixos: –Hue (matiz)
–Saturation (Saturação)
–Value (Intensidade)
adaptado de http://www.dai.ed.ac.uk/homes/rbf/CVonline/LOCAL_COPIES/OWENS/LECT14/lecture12.html#tth_sEc2
Valor
![Page 25: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/25.jpg)
25
Diagrama CIE
• Plano Cromático (sem intensidade)
• Primárias perceptuais
• Origem de vários sistemas perceptuais de representação de cores
adaptado de http://www.dai.ed.ac.uk/homes/rbf/CVonline/LOCAL_COPIES/OWENS/LECT14/lecture12.html#tth_sEc2
![Page 26: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/26.jpg)
26
Modelo CIE
![Page 27: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/27.jpg)
27
Sistema Crayon
![Page 28: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/28.jpg)
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.
![Page 29: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/29.jpg)
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
![Page 30: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/30.jpg)
30
Cores Complementares
A B C D
![Page 31: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/31.jpg)
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
![Page 32: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/32.jpg)
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
![Page 33: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/33.jpg)
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
![Page 34: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/34.jpg)
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
![Page 35: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/35.jpg)
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.
![Page 36: 28 Cores Parte 2 Prof. Roberto Cabral de Mello Borges 2007](https://reader033.vdocuments.com.br/reader033/viewer/2022051515/552fc10b497959413d8c29a1/html5/thumbnails/36.jpg)
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.