cores
Post on 11-Jul-2015
624 Views
Preview:
TRANSCRIPT
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 e 20 horas.
Amarelo
Azul Vermelho
2
Cores secundárias• Cores secundárias: na roda de cores elas
aparecem na posição oposta das cores primárias.
Verde
Roxo
Laranja
3
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 lado dela. São semelhantes.
5
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
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
Psicologia das Cores
8
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
Contraste figura-fundo
• Um mesmo tom tem impacto diferente dependendo da cor de fundo sobre a qual está.
10
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 aumenta ou reduz a expansão da cor.
1 2 3 4
12
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
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
Peso
• Tons claros sugerem leveza, tons mais escuros peso e robustez.
LEVE
LEVE
PESADO
PESADO
PESADO
PESADO
LEVE
LEVE15
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
Eficiência de contraste
Tonalidade
Tonalidade
Tonalidade
Tonalidade
Tonalidade
Tonalidade
Tonalidade
Tonalidade
Tonalidade
Tonalidade
Tonalidade
Tonalidade
17
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
Visibilidade e Legibilidade
Destaca Destaca
VibraSem
contraste
19
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
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
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
top related