COMPOSIÇÃO E
PROJETO VISUAL
COR
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 EL...
USO DA COR
 ANTES DE USAR A COR DEFINA:
1) O IMPACTO VISUAL DA MENSAGEM
2) O QUE É MAIS IMPORTANTE PARA O LEITOR
3) UTILI...
USO DA COR
 ELEMENTOS QUE TAMBÉM DEVEM SER OBSERVADOS:
1) Matiz: é a espécie da cor: por exemplo, avermelhado
2) Saturaçã...
ILUSÃO DAS CORES
 A MESMA PARECE DIFERENTE, DEPENDENDO DO SEU FUNDO E DO QUE ESTÁ
EM VOLTA. ELA PARECE MAIS ESCURA COM UM...
ILUSÃO DAS CORES
 E MAIS QUENTE COM UM FUNDO FRIO
ILUSÃO DAS CORES
 ELA APARECERÁ DE UMA FORMA COM UM FUNDO TEXTURIZADO E DE OUTRA
COM UM FUNDO LISO
SIGNIFICADO
DAS
CORES
SIGNIFICADO
DAS
CORES
SIGNIFICADO
DAS
CORES
CÍRCULO CROMÁTICO
USO DA COR
 APESAR DO USO PSICOLÓGICO MOSTRADO, O QUE DEVE PREVALECER NA
UTILIZAÇÃO DAS CORES AINDA É O BOM SENSO, UMA VE...
USO DA COR
 ESTUDOS SUGEREM QUE MULHERES PREFEREM CORES QUENTES E CLARAS
 MULHERES PREFEREM O VERMELHO AO AZUL.
USO DA COR
 E HOMENS PREFEREM CORES FRIAS E ESCURAS
 HOMENS PREFEREM O AZUL AO VERMELHO
USO DA COR
 CRIANÇAS PREFEREM AMARELO, BRANCO, COR-DE-ROSA, VERMELHO,
LARANJA, AZUL, VERDE E ROXO – NESTA ORDEM
USO DA COR
 A INTENÇÃO NO USO DA COR É MAIS IMPORTANTE DO QUE A
ESCOLHA DA MATIZ
USO DA COR
 A COR SÓ É NOTADA QUANDO SUFICIENTEMENTE VIVA, GRANDE, FREQUENTE
E RARA
USO DA COR
 COLOQUE A COR ONDE ELA SERÁ VISTA. NÃO A ENTERRE NA DOBRA ONDE
FICARÁ ESCONDIDA
SIM NÃO!!!
USO DA COR
 HIERARQUIZE A INFORMAÇÃO PELO IMPACTO E PELA QUANTIDADE DE COR.
(QUANTO MAIS IMPORTANTE, MAIS COLORIDO)
 QUA...
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 B...
USO DA COR
 ESCOLHA PRIMEIRO A COR DO FUNDO, DEPOIS ACERTE OS TONS DE COR A
PARTIR DELA
USO DA COR
 ATRIBUA UMA COR PARA CUMPRIR FUNÇÕES ESPECÍFICAS
TÍTULO
USO DA COR
 ORGANIZE, CLASSIFIQUE, CODIFIQUE E CATEGORIZE A INFORMAÇÃO
USO DA COR
 FAÇA O TEXTO PARECER MAIS CURTO UTILIZANDO A COR
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 MENO...
USO DA COR
 DESENVOLVA UMA LINGUAGEM DE COR COM QUE O LEITOR APRENDA A
COMPREENDER A LÓGICA
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 ...
USO DA COR
 DEFINA UM CÓDIGO DE COR PARA CRIAR CONSISTÊNCIA E PREVISIBILIDADE
USO DA COR
 IDENTIFIQUE SEÇÕES ESPECIAIS POR MEIO DA COR
USO DA COR
Este texto foi composto pequeno e apertado. Quando impresso
em preto sobre fundo branco, pode ser lido com faci...
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 ...
USO DA COR
Quanto mais escuro o fundo, menor o contraste, portanto,
menor a legibilidade. Este é um exemplo daquilo que nã...
USO DA COR
Uma forma de amenizar o fundo escuro é
aumentando a entrelinha do texto. No entanto,
esta ainda não é a melhor ...
USO DA COR
O texto serifado perde sua leitura quando impresso em fundo
preto ou escuro. Portanto, esta forma de composição...
USO DA COR
Quando tratamos de fundo preto, as fontes não
serifadas apresentam melhor resultado de
legibilidade. Claro que,...
USO DA COR
A legibilidade praticamente some quando aplicamos a cor
amarela ou clara num fundo claro. Evite.
USO DA COR
O ciano é uma cor que permite uma boa legibilidade, pois ele
equivale a 67 por cento da cor preta.
Para compensar a claridade da cor:
Aumente o negrito,
Aumente o tamanho do corpo,
Aumente o entrelinhamento,
Diminua o com...
Se nunca
Foi feito antes,
Havia provavelmente
Uma boa razão
para isso
Se nunca
Foi feito antes,
Havia
provavelmente
Uma boa razão
para isso
Evite tipo
colorido
sobre fundo
colorido
USO DA COR
 DEGRADÊS INDICAM MUDANÇA DE COR. DEVEM SER UTILIZADOS COM
MODERAÇÃO
Valorize fotos utilizando a ajuda da cor
- contraste
 VALORIZE FOTOS COM A COR
Valorize fotos utilizando a ajuda da cor
- sobretom
 VALORIZE FOTOS COM A COR
Valorize fotos utilizando a ajuda da cor
- gradiente
 VALORIZE FOTOS COM A COR
ENFIM, EXPERIMENTE, OUSE, CRIE...
... MAS NUNCA SE ESQUEÇA DO BOM SENSO.
BIBLIOGRAFIA
 WHITE, JAN V. EDIÇÃO E DESIGN. 1 ed. SÃO PAULO: ED. JSN, 2006
Próximos SlideShares
Carregando em…5
×

Aula 5 - COR

1.066 visualizações

Publicada em

Publicada em: Educação
0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
1.066
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
25
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Aula 5 - COR

  1. 1. COMPOSIÇÃO E PROJETO VISUAL COR
  2. 2. 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
  3. 3. 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
  4. 4. 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
  5. 5. 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.
  6. 6. ILUSÃO DAS CORES  E MAIS QUENTE COM UM FUNDO FRIO
  7. 7. ILUSÃO DAS CORES  ELA APARECERÁ DE UMA FORMA COM UM FUNDO TEXTURIZADO E DE OUTRA COM UM FUNDO LISO
  8. 8. SIGNIFICADO DAS CORES
  9. 9. SIGNIFICADO DAS CORES
  10. 10. SIGNIFICADO DAS CORES
  11. 11. CÍRCULO CROMÁTICO
  12. 12. 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.
  13. 13. USO DA COR  ESTUDOS SUGEREM QUE MULHERES PREFEREM CORES QUENTES E CLARAS  MULHERES PREFEREM O VERMELHO AO AZUL.
  14. 14. USO DA COR  E HOMENS PREFEREM CORES FRIAS E ESCURAS  HOMENS PREFEREM O AZUL AO VERMELHO
  15. 15. USO DA COR  CRIANÇAS PREFEREM AMARELO, BRANCO, COR-DE-ROSA, VERMELHO, LARANJA, AZUL, VERDE E ROXO – NESTA ORDEM
  16. 16. USO DA COR  A INTENÇÃO NO USO DA COR É MAIS IMPORTANTE DO QUE A ESCOLHA DA MATIZ
  17. 17. USO DA COR  A COR SÓ É NOTADA QUANDO SUFICIENTEMENTE VIVA, GRANDE, FREQUENTE E RARA
  18. 18. USO DA COR  COLOQUE A COR ONDE ELA SERÁ VISTA. NÃO A ENTERRE NA DOBRA ONDE FICARÁ ESCONDIDA SIM NÃO!!!
  19. 19. 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
  20. 20. 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.
  21. 21. USO DA COR  ESCOLHA PRIMEIRO A COR DO FUNDO, DEPOIS ACERTE OS TONS DE COR A PARTIR DELA
  22. 22. USO DA COR  ATRIBUA UMA COR PARA CUMPRIR FUNÇÕES ESPECÍFICAS TÍTULO
  23. 23. USO DA COR  ORGANIZE, CLASSIFIQUE, CODIFIQUE E CATEGORIZE A INFORMAÇÃO
  24. 24. USO DA COR  FAÇA O TEXTO PARECER MAIS CURTO UTILIZANDO A COR
  25. 25. 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.
  26. 26. USO DA COR  DESENVOLVA UMA LINGUAGEM DE COR COM QUE O LEITOR APRENDA A COMPREENDER A LÓGICA
  27. 27. 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.
  28. 28. USO DA COR  DEFINA UM CÓDIGO DE COR PARA CRIAR CONSISTÊNCIA E PREVISIBILIDADE
  29. 29. USO DA COR  IDENTIFIQUE SEÇÕES ESPECIAIS POR MEIO DA COR
  30. 30. 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.
  31. 31. 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
  32. 32. 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.
  33. 33. 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.
  34. 34. 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.
  35. 35. 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.
  36. 36. USO DA COR A legibilidade praticamente some quando aplicamos a cor amarela ou clara num fundo claro. Evite.
  37. 37. USO DA COR O ciano é uma cor que permite uma boa legibilidade, pois ele equivale a 67 por cento da cor preta.
  38. 38. 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
  39. 39. Se nunca Foi feito antes, Havia provavelmente Uma boa razão para isso
  40. 40. Se nunca Foi feito antes, Havia provavelmente Uma boa razão para isso
  41. 41. Evite tipo colorido sobre fundo colorido
  42. 42. USO DA COR  DEGRADÊS INDICAM MUDANÇA DE COR. DEVEM SER UTILIZADOS COM MODERAÇÃO
  43. 43. Valorize fotos utilizando a ajuda da cor - contraste  VALORIZE FOTOS COM A COR
  44. 44. Valorize fotos utilizando a ajuda da cor - sobretom  VALORIZE FOTOS COM A COR
  45. 45. Valorize fotos utilizando a ajuda da cor - gradiente  VALORIZE FOTOS COM A COR
  46. 46. ENFIM, EXPERIMENTE, OUSE, CRIE... ... MAS NUNCA SE ESQUEÇA DO BOM SENSO.
  47. 47. BIBLIOGRAFIA  WHITE, JAN V. EDIÇÃO E DESIGN. 1 ed. SÃO PAULO: ED. JSN, 2006

×