0
Princípio das Cores                      1
Cores primárias• Cores primárias: Como no relógio, elas aparecem na roda de  cores separadas por 4 horas, ou seja, 12, 16 ...
Cores secundárias• Cores secundárias: na roda de cores elas  aparecem na posição oposta das cores  primárias.         Verd...
Cores complementares                       4
Cores análogas• São cores lado a lado na roda de cores, são  relacionadas porque contem algumas das cores  que residem ao ...
Cores terciárias• É a mistura de uma cor primária com uma cor  secundária.       Amarelo       Verde amarelado            ...
Matiz, saturação e valor• Matiz: é a cor pura na roda de cores.• Saturação: diz respeito ao grau de presença ou  ausência ...
Psicologia das Cores                       8
Psicologia das Cores• As cores comportam-se de maneiras diferentes,  dependendo da intensidade da luz emanada e  das carac...
Contraste figura-fundo• Um mesmo tom tem impacto diferente  dependendo da cor de fundo sobre a qual está.                 ...
Poder de atração da cor  1       2       3       4  5       6       7       8                              11
Forma e o poder de concentração• A forma de um objeto colorido influencia no  grau de memorização da informação, pois  aum...
A cor e os sentidos• As cores também estimulam associações com  o paladar e os sabores.  Ácido      Doce      Adocicado   ...
A cor e a temperatura• Os tons de base quente (laranjas e vermelhos)  transmitem a sensação de calor; os de base  azul nor...
Peso• Tons claros sugerem leveza, tons mais escuros  peso e robustez.            LEVE         PESADO             LEVE     ...
Visibilidade• Ao levar em conta a visibilidade nas cores  primárias: verde, vermelho e azul, a matiz  verde é melhor visua...
Eficiência de contraste  Tonalidade   Tonalidade   Tonalidade  Tonalidade   Tonalidade   Tonalidade  Tonalidade   Tonalida...
Visibilidade e Legibilidade• Texto claro sobre fundo escuro proporciona  melhor visibilidade, ou vice e versa.• Use letras...
Visibilidade e Legibilidade    Destaca   Destaca                          Sem               Vibra    contraste            ...
RGB e Hexadecimal para Web• Para cada cor eletrônica, RGB, há um valor  numérico entre 0 e 255.• Utilizamos o código hexad...
Dicas a serem utilizadas• Para brilho ou intensidade, escolha matizes puros  saturados.• Para tons pastel, dilua com branc...
Dicas a serem utilizadas• Para unidade, escolha cores análogas na roda  de cores com saturação ou valor semelhante.• Use R...
Upcoming SlideShare
Loading in...5
×

Cores

626

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
626
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
25
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Cores"

  1. 1. Princípio das Cores 1
  2. 2. Cores primárias• Cores primárias: Como no relógio, elas aparecem na roda de cores separadas por 4 horas, ou seja, 12, 16 e 20 horas. Amarelo Azul Vermelho 2
  3. 3. Cores secundárias• Cores secundárias: na roda de cores elas aparecem na posição oposta das cores primárias. Verde Laranja Roxo 3
  4. 4. Cores complementares 4
  5. 5. Cores análogas• São cores lado a lado na roda de cores, são relacionadas porque contem algumas das cores que residem ao lado dela. São semelhantes. 5
  6. 6. Cores terciárias• É a mistura de uma cor primária com uma cor secundária. Amarelo Verde amarelado Amarelo alaranjado Verde Laranja Verde azulado Laranja avermelhado Azul-violeta Vermelho Roxo azulado Roxo avermelhado Roxo 6
  7. 7. Matiz, saturação e valor• Matiz: é a cor pura na roda de cores.• Saturação: diz respeito ao grau de presença ou ausência de cor pura. Exemplo: quando diminuímos a quantidade de cor, ela se torna uma matiz menos saturada. Quando misturamos uma cor a outra cor a matiz se torna mais saturada.• Valor: nos referimos a tonalidade (tints) e o tom (tones) de uma cor. Para tons pastel, dilua com branco. Para tons terrosos, dilua com preto. 7
  8. 8. Psicologia das Cores 8
  9. 9. Psicologia das Cores• As cores comportam-se de maneiras diferentes, dependendo da intensidade da luz emanada e das características do suporte, impresso ou digital.• Contrastes simultâneos são excelentes formas de uso da cor, desde que usados com peso diferentes.• O olho humano tende, independentemente da vontade, a procurar cores complementares para completar a informação a que é exposto. 9
  10. 10. Contraste figura-fundo• Um mesmo tom tem impacto diferente dependendo da cor de fundo sobre a qual está. 10
  11. 11. Poder de atração da cor 1 2 3 4 5 6 7 8 11
  12. 12. Forma e o poder de concentração• A forma de um objeto colorido influencia no grau de memorização da informação, pois aumenta ou reduz a expansão da cor. 1 2 3 4 12
  13. 13. A cor e os sentidos• As cores também estimulam associações com o paladar e os sabores. Ácido Doce Adocicado Amargo Ácido Doce Amargo Ácido Doce Amargo 13
  14. 14. A cor e a temperatura• Os tons de base quente (laranjas e vermelhos) transmitem a sensação de calor; os de base azul normalmente sugerem a sensação de frio. Quente Frio Quente Frio Quente Frio 14
  15. 15. Peso• Tons claros sugerem leveza, tons mais escuros peso e robustez. LEVE PESADO LEVE PESADO LEVE PESADO LEVE PESADO 15
  16. 16. Visibilidade• Ao levar em conta a visibilidade nas cores primárias: verde, vermelho e azul, a matiz verde é melhor visualizada de perto seguindo do vermelho e por último o azul. Ou seja, o azul é melhor visualizado a distância, ao contrário do verde e vermelho.• Ao planejar uma combinação de cores, é preciso levar em conta a visibilidade e o contraste entre elas. 16
  17. 17. Eficiência de contraste Tonalidade Tonalidade Tonalidade Tonalidade Tonalidade Tonalidade Tonalidade Tonalidade Tonalidade Tonalidade Tonalidade Tonalidade 17
  18. 18. Visibilidade e Legibilidade• Texto claro sobre fundo escuro proporciona melhor visibilidade, ou vice e versa.• Use letras contrastadas e serifadas para cores complementares.• Use tons próximos para letras sem serifas e robustas, podendo clarear a matiz. 18
  19. 19. Visibilidade e Legibilidade Destaca Destaca Sem Vibra contraste 19
  20. 20. RGB e Hexadecimal para Web• Para cada cor eletrônica, RGB, há um valor numérico entre 0 e 255.• Utilizamos o código hexadecimal para a conversão desses valores. RGB – 227,95,54 Hexa - #E35F36 Que corresponde a esta cor: exemplo. 20
  21. 21. Dicas a serem utilizadas• Para brilho ou intensidade, escolha matizes puros saturados.• Para tons pastel, dilua com branco.• Para tons terrosos, dilua com preto.• Para contraste: combine:  Cores opostas na roda.  Matizes quentes com frios.  Qualquer matiz com cinza.  Valores claros com escuro. 21
  22. 22. Dicas a serem utilizadas• Para unidade, escolha cores análogas na roda de cores com saturação ou valor semelhante.• Use RGB, que adiciona cores a luz usando o sistema hexadecimal para tela.• Crie design tendo em mente a visibilidade e legibilidade.• Não esqueça de usar cores para criar impacto, organizar itens relacionados e fazer as emoções fluírem. 22
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×