Psicologia cognitiva
Percepção de Cores
A luz está em todo lugar.


Principais células:


Bastonetes: Identificam a intensidade de luz, a luminosidade.



Cones: Servem para classificar as cores, dividido em 3 grupos.

O vermelho, verde e o azul, são cores primárias.
Onda eletromagnética.


Frequência: A luz é uma onda eletromagnética emitida por corpos
luminosos, é a frequência dessa onda que define a sua cor e se
essa luz é visível ou não.
Maneiras de se obter cores.


Aditiva: Obtém tonalidades a partir da soma ou sobreposição das
cores vermelho, verde e azul.
Amarelo

Magenta
Ciano



Subtrativa: A partir da reflexão e absorção da luz ambiente.
O efeito de cada cor:


Algumas evidências científicas sugerem que a luz de diversas
cores, que entra pelos olhos, pode afetar diretamente o centro
das emoções.



As pessoas tendem também a ser atraídas por certas cores, em
virtude de alguns fatores determinantes. Sua escolha pode estar
baseada em seu tipo de personalidade, nas condições
circunstanciais de sua vida ou em seus desejos e processos
mentais mais íntimos, profundos e até inconscientes.



A atração forte de uma pessoa pelo vermelho indica o tipo de
personalidade afirmativo e extrovertido, de alguém que tem
vontade firme, enquanto a aversão a essa cor sugere um
indivíduo tímido e provavelmente isolado da sociedade.
As cores têm influências em nossos componentes físico, mental e
emocional.
O significado das cores:


O preto está associado à ideia de morte, luto ou terror,
no entanto, ele também se liga ao mistério e à fantasia, sendo
hoje em dia uma cor com valor de uma certa sofisticação e luxo.



O branco associa-se à ideia de paz, de calma, de pureza.
Também está associado ao frio e à limpeza.



O vermelho é a cor da paixão e do sentimento. Simboliza
o amor, o desejo, mas também simboliza o orgulho, a violência, a
agressividade ou o poder.
O significado das cores:


calma.



O verde significa vigor, juventude, frescor, esperança e

O amarelo transmite calor, luz e descontração.
Simbolicamente está associado à prosperidade, é também uma
cor energética, ativa que transmite optimísmo. É associada ao
verão.
Empresas famosas e suas cores.
Cores na prática:

Como a escolha errada das cores
pode afetar na usabilidade?
Cores na prática:
Cores na prática:
Cores na prática:
Cores na prática:
Cores na prática:
Cores na prática:

https://github.com/raphaelivan/bacon.tmTheme
Como escolher as cores certas?
Se você não entende a teoria das cores, você tem

100%

de chances de fazer errado.
Sandra’s Laws
Como escolher as cores certas?
Roda de Cores ou Círculo Cromático


A roda de cores é uma representação visual da teoria das cores.
As cores primárias são posicionadas de maneira eqüidistante, e
entre elas há uma ponte de cores secundárias e terciárias.
Johannes Itten.
Como escolher as cores certas?


A roda de cores pode ser divida em cores frias e quentes:


Frias: Dão a sensação de calma e tranqüilidade.



Quentes: São mais vivas e energéticas.

Branco e preto são consideradas cores neutras.
Como escolher as cores certas?
Harmonizando Cores


Cores Análogas:
São as cores vizinhas na roda de

cores.Elas combinam bem e
criam designs serenos e
confortáveis.
Como escolher as cores certas?
Harmonizando Cores


Cores Complementares:
São cores opostas na roda de cores.
O alto contraste entre elas
cria um visual vibrante.
Como escolher as cores certas?
Harmonizando Cores


Cores Tríades:
Usa 3 cores eqüidistantes na roda

de cores. Cuidado!
Como escolher as cores certas?
Harmonizando Cores


Monocrômia:
São as diferentes tonalidades de uma única cor.
Como escolher as cores certas?
Ferramentas


Adobe Kuller:
www.kuller.adobe.com
Como escolher as cores certas?
Ferramentas


Color Scheme Designer:
www.colorschemedesigner.com
Como escolher as cores certas?
Ferramentas


ColoRotate:
www.web.colorotate.org
Como escolher as cores certas?
Ferramentas
Usando a roda de cores:
Usando a roda de cores:
Usando a roda de cores:
Uma nova cor, um novo mundo.
Estudo de cores:
Mário ou Luigi?
Perguntas:


Qual é a importância das cores?



Como o mau uso das cores em um produto pode afetar na sua
usabilidade?
Obrigado!

Psicologia cognitiva: Percepção de cores.

  • 1.
  • 2.
    A luz estáem todo lugar.  Principais células:  Bastonetes: Identificam a intensidade de luz, a luminosidade.  Cones: Servem para classificar as cores, dividido em 3 grupos. O vermelho, verde e o azul, são cores primárias.
  • 3.
    Onda eletromagnética.  Frequência: Aluz é uma onda eletromagnética emitida por corpos luminosos, é a frequência dessa onda que define a sua cor e se essa luz é visível ou não.
  • 4.
    Maneiras de seobter cores.  Aditiva: Obtém tonalidades a partir da soma ou sobreposição das cores vermelho, verde e azul. Amarelo Magenta Ciano  Subtrativa: A partir da reflexão e absorção da luz ambiente.
  • 5.
    O efeito decada cor:  Algumas evidências científicas sugerem que a luz de diversas cores, que entra pelos olhos, pode afetar diretamente o centro das emoções.  As pessoas tendem também a ser atraídas por certas cores, em virtude de alguns fatores determinantes. Sua escolha pode estar baseada em seu tipo de personalidade, nas condições circunstanciais de sua vida ou em seus desejos e processos mentais mais íntimos, profundos e até inconscientes.  A atração forte de uma pessoa pelo vermelho indica o tipo de personalidade afirmativo e extrovertido, de alguém que tem vontade firme, enquanto a aversão a essa cor sugere um indivíduo tímido e provavelmente isolado da sociedade. As cores têm influências em nossos componentes físico, mental e emocional.
  • 6.
    O significado dascores:  O preto está associado à ideia de morte, luto ou terror, no entanto, ele também se liga ao mistério e à fantasia, sendo hoje em dia uma cor com valor de uma certa sofisticação e luxo.  O branco associa-se à ideia de paz, de calma, de pureza. Também está associado ao frio e à limpeza.  O vermelho é a cor da paixão e do sentimento. Simboliza o amor, o desejo, mas também simboliza o orgulho, a violência, a agressividade ou o poder.
  • 7.
    O significado dascores:  calma.  O verde significa vigor, juventude, frescor, esperança e O amarelo transmite calor, luz e descontração. Simbolicamente está associado à prosperidade, é também uma cor energética, ativa que transmite optimísmo. É associada ao verão.
  • 8.
    Empresas famosas esuas cores.
  • 9.
    Cores na prática: Comoa escolha errada das cores pode afetar na usabilidade?
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
    Como escolher ascores certas? Se você não entende a teoria das cores, você tem 100% de chances de fazer errado. Sandra’s Laws
  • 17.
    Como escolher ascores certas? Roda de Cores ou Círculo Cromático  A roda de cores é uma representação visual da teoria das cores. As cores primárias são posicionadas de maneira eqüidistante, e entre elas há uma ponte de cores secundárias e terciárias. Johannes Itten.
  • 18.
    Como escolher ascores certas?  A roda de cores pode ser divida em cores frias e quentes:  Frias: Dão a sensação de calma e tranqüilidade.  Quentes: São mais vivas e energéticas. Branco e preto são consideradas cores neutras.
  • 19.
    Como escolher ascores certas? Harmonizando Cores  Cores Análogas: São as cores vizinhas na roda de cores.Elas combinam bem e criam designs serenos e confortáveis.
  • 20.
    Como escolher ascores certas? Harmonizando Cores  Cores Complementares: São cores opostas na roda de cores. O alto contraste entre elas cria um visual vibrante.
  • 21.
    Como escolher ascores certas? Harmonizando Cores  Cores Tríades: Usa 3 cores eqüidistantes na roda de cores. Cuidado!
  • 22.
    Como escolher ascores certas? Harmonizando Cores  Monocrômia: São as diferentes tonalidades de uma única cor.
  • 23.
    Como escolher ascores certas? Ferramentas  Adobe Kuller: www.kuller.adobe.com
  • 24.
    Como escolher ascores certas? Ferramentas  Color Scheme Designer: www.colorschemedesigner.com
  • 25.
    Como escolher ascores certas? Ferramentas  ColoRotate: www.web.colorotate.org
  • 26.
    Como escolher ascores certas? Ferramentas
  • 27.
    Usando a rodade cores:
  • 28.
    Usando a rodade cores:
  • 29.
    Usando a rodade cores:
  • 30.
    Uma nova cor,um novo mundo.
  • 31.
  • 32.
  • 33.
    Perguntas:  Qual é aimportância das cores?  Como o mau uso das cores em um produto pode afetar na sua usabilidade?
  • 34.