cores
TRANSCRIPT
![Page 1: Cores](https://reader033.vdocuments.com.br/reader033/viewer/2022052912/55a126b81a28ab49388b4697/html5/thumbnails/1.jpg)
Princípio das Cores
1
![Page 2: Cores](https://reader033.vdocuments.com.br/reader033/viewer/2022052912/55a126b81a28ab49388b4697/html5/thumbnails/2.jpg)
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
![Page 3: Cores](https://reader033.vdocuments.com.br/reader033/viewer/2022052912/55a126b81a28ab49388b4697/html5/thumbnails/3.jpg)
Cores secundárias• Cores secundárias: na roda de cores elas
aparecem na posição oposta das cores primárias.
Verde
Roxo
Laranja
3
![Page 4: Cores](https://reader033.vdocuments.com.br/reader033/viewer/2022052912/55a126b81a28ab49388b4697/html5/thumbnails/4.jpg)
Cores complementares
4
![Page 5: Cores](https://reader033.vdocuments.com.br/reader033/viewer/2022052912/55a126b81a28ab49388b4697/html5/thumbnails/5.jpg)
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
![Page 6: Cores](https://reader033.vdocuments.com.br/reader033/viewer/2022052912/55a126b81a28ab49388b4697/html5/thumbnails/6.jpg)
Cores terciárias• É a mistura de uma cor primária com uma cor
secundária.
Verde
Roxo
Amarelo
VermelhoAzul-violeta
Laranja
Verde amarelado Amarelo alaranjado
Laranja avermelhado
Roxo avermelhadoRoxo azulado
Verde azulado
6
![Page 7: Cores](https://reader033.vdocuments.com.br/reader033/viewer/2022052912/55a126b81a28ab49388b4697/html5/thumbnails/7.jpg)
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
![Page 8: Cores](https://reader033.vdocuments.com.br/reader033/viewer/2022052912/55a126b81a28ab49388b4697/html5/thumbnails/8.jpg)
Psicologia das Cores
8
![Page 9: Cores](https://reader033.vdocuments.com.br/reader033/viewer/2022052912/55a126b81a28ab49388b4697/html5/thumbnails/9.jpg)
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
![Page 10: Cores](https://reader033.vdocuments.com.br/reader033/viewer/2022052912/55a126b81a28ab49388b4697/html5/thumbnails/10.jpg)
Contraste figura-fundo
• Um mesmo tom tem impacto diferente dependendo da cor de fundo sobre a qual está.
10
![Page 11: Cores](https://reader033.vdocuments.com.br/reader033/viewer/2022052912/55a126b81a28ab49388b4697/html5/thumbnails/11.jpg)
Poder de atração da cor
1 2 3 4
5 6 7 8
11
![Page 12: Cores](https://reader033.vdocuments.com.br/reader033/viewer/2022052912/55a126b81a28ab49388b4697/html5/thumbnails/12.jpg)
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
![Page 13: Cores](https://reader033.vdocuments.com.br/reader033/viewer/2022052912/55a126b81a28ab49388b4697/html5/thumbnails/13.jpg)
A cor e os sentidos
• As cores também estimulam associações com o paladar e os sabores.
Ácido
Ácido
Ácido
Doce
Doce
Doce
Amargo
Amargo
Amargo
Adocicado
13
![Page 14: Cores](https://reader033.vdocuments.com.br/reader033/viewer/2022052912/55a126b81a28ab49388b4697/html5/thumbnails/14.jpg)
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
Quente
Quente
Frio
Frio
Frio14
![Page 15: Cores](https://reader033.vdocuments.com.br/reader033/viewer/2022052912/55a126b81a28ab49388b4697/html5/thumbnails/15.jpg)
Peso
• Tons claros sugerem leveza, tons mais escuros peso e robustez.
LEVE
LEVE
PESADO
PESADO
PESADO
PESADO
LEVE
LEVE15
![Page 16: Cores](https://reader033.vdocuments.com.br/reader033/viewer/2022052912/55a126b81a28ab49388b4697/html5/thumbnails/16.jpg)
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
![Page 17: Cores](https://reader033.vdocuments.com.br/reader033/viewer/2022052912/55a126b81a28ab49388b4697/html5/thumbnails/17.jpg)
Eficiência de contraste
Tonalidade
Tonalidade
Tonalidade
Tonalidade
Tonalidade
Tonalidade
Tonalidade
Tonalidade
Tonalidade
Tonalidade
Tonalidade
Tonalidade
17
![Page 18: Cores](https://reader033.vdocuments.com.br/reader033/viewer/2022052912/55a126b81a28ab49388b4697/html5/thumbnails/18.jpg)
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
![Page 19: Cores](https://reader033.vdocuments.com.br/reader033/viewer/2022052912/55a126b81a28ab49388b4697/html5/thumbnails/19.jpg)
Visibilidade e Legibilidade
Destaca Destaca
VibraSem
contraste
19
![Page 20: Cores](https://reader033.vdocuments.com.br/reader033/viewer/2022052912/55a126b81a28ab49388b4697/html5/thumbnails/20.jpg)
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
![Page 21: Cores](https://reader033.vdocuments.com.br/reader033/viewer/2022052912/55a126b81a28ab49388b4697/html5/thumbnails/21.jpg)
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
![Page 22: Cores](https://reader033.vdocuments.com.br/reader033/viewer/2022052912/55a126b81a28ab49388b4697/html5/thumbnails/22.jpg)
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