aula 5 - cor
TRANSCRIPT
![Page 1: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/1.jpg)
COMPOSIÇÃO E
PROJETO VISUAL
COR
![Page 2: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/2.jpg)
USO DA COR
A COR DEVE TER UM SENTIDO MAIOR DO QUE SER MERAMENTE AGRADÁVEL AO DESIGN DE UMA PÁGINA
A COR DEVE SER UM ELEMENTO REVELADOR
DENTRO DE UMA PÁGINA IMPRESSA ELA PODE FUNCIONAR COMO:
- ELEMENTO DE IDENTIFICAÇÃO
- ENFATIZAR
- ASSOCIAR
- ORGANIZAR
- PERSUADIR
- E TAMBÉM DAR BELEZA ESTÉTICA
![Page 3: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/3.jpg)
USO DA COR
ANTES DE USAR A COR DEFINA:
1) O IMPACTO VISUAL DA MENSAGEM
2) O QUE É MAIS IMPORTANTE PARA O LEITOR
3) UTILIZE UMA LINGUAGEM HÍBRIDA PARA TORNAR AS IDEIAS MAIS CLARAS E
MEMORIZÁVEIS
![Page 4: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/4.jpg)
USO DA COR
ELEMENTOS QUE TAMBÉM DEVEM SER OBSERVADOS:
1) Matiz: é a espécie da cor: por exemplo, avermelhado
2) Saturação: é a intensidade da cor, seu brilho
3) Valor: é q qualidade de ser escura ou clara
Exemplo prático:
Vermelho escuro fosco
(matiz, valor e saturação)
Lembrando que o valor é o elemento principal da cor, pois ele diz respeito ao
contraste, e portanto, à legibilidade
![Page 5: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/5.jpg)
ILUSÃO DAS CORES
A MESMA PARECE DIFERENTE, DEPENDENDO DO SEU FUNDO E DO QUE ESTÁ
EM VOLTA. ELA PARECE MAIS ESCURA COM UM FUNDO CLARO.
![Page 6: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/6.jpg)
ILUSÃO DAS CORES
E MAIS QUENTE COM UM FUNDO FRIO
![Page 7: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/7.jpg)
ILUSÃO DAS CORES
ELA APARECERÁ DE UMA FORMA COM UM FUNDO TEXTURIZADO E DE OUTRA
COM UM FUNDO LISO
![Page 8: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/8.jpg)
SIGNIFICADO
DAS
CORES
![Page 9: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/9.jpg)
SIGNIFICADO
DAS
CORES
![Page 10: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/10.jpg)
SIGNIFICADO
DAS
CORES
![Page 11: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/11.jpg)
CÍRCULO CROMÁTICO
![Page 12: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/12.jpg)
USO DA COR
APESAR DO USO PSICOLÓGICO MOSTRADO, O QUE DEVE PREVALECER NA
UTILIZAÇÃO DAS CORES AINDA É O BOM SENSO, UMA VEZ QUE FATORES
CULTURAIS, ETÁRIOS E SOCIAIS AFETAM A MANEIRA COMO AS PESSOAS
REAGEM ÁS CORES.
O AMBIENTE TAMBÉM É UM FATOR QUE INTEREFE NA PECEPÇÃO DA COR.
NUMA SALA ESCURA, CORES VIVAS EM CORPO GRANDE SERÃO MAIS
EFICAZES. SOB A LUZ DO SOL, CORES MAIS SUTIS EM UM CORPO MENOR
SERÃO MAIS EFICAZES.
![Page 13: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/13.jpg)
USO DA COR
ESTUDOS SUGEREM QUE MULHERES PREFEREM CORES QUENTES E CLARAS
MULHERES PREFEREM O VERMELHO AO AZUL.
![Page 14: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/14.jpg)
USO DA COR
E HOMENS PREFEREM CORES FRIAS E ESCURAS
HOMENS PREFEREM O AZUL AO VERMELHO
![Page 15: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/15.jpg)
USO DA COR
CRIANÇAS PREFEREM AMARELO, BRANCO, COR-DE-ROSA, VERMELHO,
LARANJA, AZUL, VERDE E ROXO – NESTA ORDEM
![Page 16: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/16.jpg)
USO DA COR
A INTENÇÃO NO USO DA COR É MAIS IMPORTANTE DO QUE A
ESCOLHA DA MATIZ
![Page 17: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/17.jpg)
USO DA COR
A COR SÓ É NOTADA QUANDO SUFICIENTEMENTE VIVA, GRANDE, FREQUENTE
E RARA
![Page 18: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/18.jpg)
USO DA COR
COLOQUE A COR ONDE ELA SERÁ VISTA. NÃO A ENTERRE NA DOBRA ONDE
FICARÁ ESCONDIDA
SIM NÃO!!!
![Page 19: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/19.jpg)
USO DA COR
HIERARQUIZE A INFORMAÇÃO PELO IMPACTO E PELA QUANTIDADE DE COR.
(QUANTO MAIS IMPORTANTE, MAIS COLORIDO)
QUANDO PRECISAR DESTACAR, UTILIZE CORES QUENTES, FORTES, SATURADAS.
QUANDO PRECISAR MINIMIZAR O DESTAQUE UTILIZE CORES CLARAS, TÍMIDAS
E RETRAÍDAS
DESTAQUE RETRAIR
![Page 20: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/20.jpg)
USO DA COR
QUANTO MAIOR A ÁREA, MAIS LEVE E DISCRETA DEVE SER A COR. QUANTO
MENOR A ÁREA, MAIS A COR PODERÁ SER VIVA E BRILHANTE.
![Page 21: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/21.jpg)
USO DA COR
ESCOLHA PRIMEIRO A COR DO FUNDO, DEPOIS ACERTE OS TONS DE COR A
PARTIR DELA
![Page 22: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/22.jpg)
USO DA COR
ATRIBUA UMA COR PARA CUMPRIR FUNÇÕES ESPECÍFICAS
TÍTULO
![Page 23: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/23.jpg)
USO DA COR
ORGANIZE, CLASSIFIQUE, CODIFIQUE E CATEGORIZE A INFORMAÇÃO
![Page 24: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/24.jpg)
USO DA COR
FAÇA O TEXTO PARECER MAIS CURTO UTILIZANDO A COR
![Page 25: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/25.jpg)
USO DA COR
SEPARE ELEMENTOS COMO NUMERAÇÃO DA PÁGINA, CHAPÉUS, RODAPÉS E
LOGOS. AS PÁGINAS PARECERÃO MAIS SIMPLES E MENOS POLUÍDAS.
![Page 26: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/26.jpg)
USO DA COR
DESENVOLVA UMA LINGUAGEM DE COR COM QUE O LEITOR APRENDA A
COMPREENDER A LÓGICA
![Page 27: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/27.jpg)
USO DA COR
MANTENHA O CÓDIGO DE COR SIMPLES. NÃO USE MAIS DO QUE QUATRO
CORES ALÉM DO PRETO. A NÃO SER QUE A PUBLICAÇÃO PEÇA ISSO.
![Page 28: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/28.jpg)
USO DA COR
DEFINA UM CÓDIGO DE COR PARA CRIAR CONSISTÊNCIA E PREVISIBILIDADE
![Page 29: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/29.jpg)
USO DA COR
IDENTIFIQUE SEÇÕES ESPECIAIS POR MEIO DA COR
![Page 30: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/30.jpg)
USO DA COR
Este texto foi composto pequeno e apertado. Quando impresso
em preto sobre fundo branco, pode ser lido com facilidade. O
preto e o branco proporcionam o máximo de contraste.
![Page 31: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/31.jpg)
USO DA COR
Quando o mesmo texto é impresso em preto sobre fundo de cor, a leitura
fica mais difícil, mas se a cor ainda é clara, a legibilidade é boa. Quanto
mais clara a cor do fundo, maior o contraste tonal
![Page 32: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/32.jpg)
USO DA COR
Quanto mais escuro o fundo, menor o contraste, portanto,
menor a legibilidade. Este é um exemplo daquilo que não deve
ser feito.
![Page 33: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/33.jpg)
USO DA COR
Uma forma de amenizar o fundo escuro é
aumentando a entrelinha do texto. No entanto,
esta ainda não é a melhor saída para a
composição da página.
![Page 34: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/34.jpg)
USO DA COR
O texto serifado perde sua leitura quando impresso em fundo
preto ou escuro. Portanto, esta forma de composição deve ser
evitada.
![Page 35: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/35.jpg)
USO DA COR
Quando tratamos de fundo preto, as fontes não
serifadas apresentam melhor resultado de
legibilidade. Claro que, ao dar mais peso à fonte e
aumentando o corpo do tipo.
![Page 36: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/36.jpg)
USO DA COR
A legibilidade praticamente some quando aplicamos a cor
amarela ou clara num fundo claro. Evite.
![Page 37: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/37.jpg)
USO DA COR
O ciano é uma cor que permite uma boa legibilidade, pois ele
equivale a 67 por cento da cor preta.
![Page 38: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/38.jpg)
Para compensar a claridade da cor:
Aumente o negrito,
Aumente o tamanho do corpo,
Aumente o entrelinhamento,
Diminua o comprimento das linhas,
Faça texto irregular à direita.
Mantenha tipografia simples,
Use fontes sem serifa,
Evite fontes extravagantes,
Deixe que a própria cor
se encarregue
de gritar
![Page 39: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/39.jpg)
Se nunca
Foi feito antes,
Havia provavelmente
Uma boa razão
para isso
![Page 40: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/40.jpg)
Se nunca
Foi feito antes,
Havia
provavelmente
Uma boa razão
para isso
![Page 41: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/41.jpg)
Evite tipo
colorido
sobre fundo
colorido
![Page 42: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/42.jpg)
USO DA COR
DEGRADÊS INDICAM MUDANÇA DE COR. DEVEM SER UTILIZADOS COM
MODERAÇÃO
![Page 43: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/43.jpg)
Valorize fotos utilizando a ajuda da cor
- contraste
VALORIZE FOTOS COM A COR
![Page 44: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/44.jpg)
Valorize fotos utilizando a ajuda da cor
- sobretom
VALORIZE FOTOS COM A COR
![Page 45: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/45.jpg)
Valorize fotos utilizando a ajuda da cor
- gradiente
VALORIZE FOTOS COM A COR
![Page 46: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/46.jpg)
ENFIM, EXPERIMENTE, OUSE, CRIE...
... MAS NUNCA SE ESQUEÇA DO BOM SENSO.
![Page 47: Aula 5 - COR](https://reader034.vdocuments.pub/reader034/viewer/2022052315/55712ebbd8b42a7b4a8b52eb/html5/thumbnails/47.jpg)
BIBLIOGRAFIA
WHITE, JAN V. EDIÇÃO E DESIGN. 1 ed. SÃO PAULO: ED. JSN, 2006