Cores

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

2. Efeitos Psicológicos das Cores • 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.

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. Sensação das cores • 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. Sensação das cores • 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. Sensação das cores • 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. Sensação das cores • 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. Sensação das cores • 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. Sensação das cores • 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: Texto Texto Texto Texto Texto Texto

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 adaptado de http://www.dai.ed.ac.uk/homes/rbf/CVonline/LOCAL_COPIES/OWENS/LECT14/lecture12.html#tth_sEc2

19. Sistema subtrativo de cores • 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

20. Sistema subtrativo de cores • 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

21. Sistema CMYK (Cyan Magenta YellowblacK)

22. Sistema HTML (#RRGGBB)

23. Sistema HSV (Hue Saturation Value)

24. Sistema HSV • Eixos: • Hue (matiz) • Saturation (Saturação) • Value (Intensidade) Valor adaptado de http://www.dai.ed.ac.uk/homes/rbf/CVonline/LOCAL_COPIES/OWENS/LECT14/lecture12.html#tth_sEc2

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

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

31. Amarelo AM VM AZ Azul Vermelho Harmonia das Cores • 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

32. Amarelo AM Amarelo-Verde AV Amarelo-Laranja AL VD Verde LJ Laranja LV Laranja-Vermelho AV Azul-Verde VM AZ Azul Vermelho AV MG VT Azul-Violeta Magenta Violeta Harmonia das Cores Cores Complementares: • Vermelho - Ciano (azul piscina) • Verde - Magenta (lilás) • Azul - Amarelo

33. Amarelo AM Amarelo-Verde AV Amarelo-Laranja AL Harmonia das Cores • 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

34. Amarelo AM Harmonia das Cores • 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

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.