cores l.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
Cores PowerPoint Presentation
Download Presentation
Cores

Loading in 2 Seconds...

play fullscreen
1 / 36

Cores - PowerPoint PPT Presentation


  • 140 Views
  • Uploaded on

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

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Cores' - platt


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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
cores
Cores

Parte 2

Prof. Roberto Cabral de Mello Borges

2007

efeitos psicol gicos das cores
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.
sensa o de cores
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
sensa o das cores
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
sensa o das cores5
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)
sensa o das cores6
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
sensa o das cores7
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
sensa o das cores8
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
sensa o das cores9
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
sensa o das cores10
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
usando cores
Usando cores
  • Lembrar sempre que cores mal utilizadas são piores que não usar nenhuma!
  • Alguns exemplos:

Texto

Texto

Texto

Texto

Texto

Texto

padr es de cores usados em computadores
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)
sistemas aditivo e subtrativo
Sistemas Aditivo e Subtrativo

RGB (Aditivo)

CYMK (Subtrativo)

sistema rgb
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

sistema cymk
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

sistema subtrativo de cores
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
sistema subtrativo de cores20
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
sistema hsv
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

diagrama cie
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

cores complementares e constrastes
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.
contraste e harmonia
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
harmonia das cores

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
harmonia das cores32

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
harmonia das cores33

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
harmonia das cores34

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
harmonia das cores35
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.
refer ncias bibliogr ficas
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.