Cores
Transferir como PPTX, PDF1 gostou1,944 visualizações
O documento descreve os principais conceitos de cores, incluindo cores primárias, secundárias e terciárias, assim como propriedades como matiz, saturação e valor. Ele também discute a psicologia das cores e como elas afetam percepções como temperatura, peso e visibilidade.
Cores
- 1. Princípio das Cores 1
- 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. 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. Cores complementares 4
- 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. 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. 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. Psicologia das Cores 8
- 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. Contraste figura-fundo • Um mesmo tom tem impacto diferente dependendo da cor de fundo sobre a qual está. 10
- 11. Poder de atração da cor 1 2 3 4 5 6 7 8 11
- 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. 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. 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. Peso • Tons claros sugerem leveza, tons mais escuros peso e robustez. LEVE PESADO LEVE PESADO LEVE PESADO LEVE PESADO 15
- 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. Eficiência de contraste Tonalidade Tonalidade Tonalidade Tonalidade Tonalidade Tonalidade Tonalidade Tonalidade Tonalidade Tonalidade Tonalidade Tonalidade 17
- 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. Visibilidade e Legibilidade Destaca Destaca Sem Vibra contraste 19
- 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. 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. 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