Cores

1,499 views

Published on

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

No Downloads
Views
Total views
1,499
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
33
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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

×