1 / 36

Cores

Cores. Parte 2 Prof. Roberto Cabral de Mello Borges 2007. 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

platt
Download Presentation

Cores

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  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.

More Related