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 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
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
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
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.
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 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.
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)
 QUANDO PRECISAR DESTACAR, UTILIZE CORES QUENTES, FORTES, SATURADAS.
 QUANDO PRECISAR MINIMIZAR O DESTAQUE UTILIZE CORES CLARAS, TÍMIDAS
E RETRAÍDAS
DESTAQUE RETRAIR
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.
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 MENOS POLUÍDAS.
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 PEÇA ISSO.
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 facilidade. O
preto e o branco proporcionam o máximo de contraste.
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
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.
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.
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.
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.
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 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
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

Aula 5 - COR

  • 1.
  • 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.
    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.
    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.
    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.
    ILUSÃO DAS CORES E MAIS QUENTE COM UM FUNDO FRIO
  • 7.
    ILUSÃO DAS CORES ELA APARECERÁ DE UMA FORMA COM UM FUNDO TEXTURIZADO E DE OUTRA COM UM FUNDO LISO
  • 8.
  • 9.
  • 10.
  • 11.
  • 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.
    USO DA COR ESTUDOS SUGEREM QUE MULHERES PREFEREM CORES QUENTES E CLARAS  MULHERES PREFEREM O VERMELHO AO AZUL.
  • 14.
    USO DA COR E HOMENS PREFEREM CORES FRIAS E ESCURAS  HOMENS PREFEREM O AZUL AO VERMELHO
  • 15.
    USO DA COR CRIANÇAS PREFEREM AMARELO, BRANCO, COR-DE-ROSA, VERMELHO, LARANJA, AZUL, VERDE E ROXO – NESTA ORDEM
  • 16.
    USO DA COR A INTENÇÃO NO USO DA COR É MAIS IMPORTANTE DO QUE A ESCOLHA DA MATIZ
  • 17.
    USO DA COR A COR SÓ É NOTADA QUANDO SUFICIENTEMENTE VIVA, GRANDE, FREQUENTE E RARA
  • 18.
    USO DA COR COLOQUE A COR ONDE ELA SERÁ VISTA. NÃO A ENTERRE NA DOBRA ONDE FICARÁ ESCONDIDA SIM NÃO!!!
  • 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.
    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.
    USO DA COR ESCOLHA PRIMEIRO A COR DO FUNDO, DEPOIS ACERTE OS TONS DE COR A PARTIR DELA
  • 22.
    USO DA COR ATRIBUA UMA COR PARA CUMPRIR FUNÇÕES ESPECÍFICAS TÍTULO
  • 23.
    USO DA COR ORGANIZE, CLASSIFIQUE, CODIFIQUE E CATEGORIZE A INFORMAÇÃO
  • 24.
    USO DA COR FAÇA O TEXTO PARECER MAIS CURTO UTILIZANDO A COR
  • 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.
    USO DA COR DESENVOLVA UMA LINGUAGEM DE COR COM QUE O LEITOR APRENDA A COMPREENDER A LÓGICA
  • 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.
    USO DA COR DEFINA UM CÓDIGO DE COR PARA CRIAR CONSISTÊNCIA E PREVISIBILIDADE
  • 29.
    USO DA COR IDENTIFIQUE SEÇÕES ESPECIAIS POR MEIO DA COR
  • 30.
    USO DA COR Estetexto 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.
    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.
    USO DA COR Quantomais escuro o fundo, menor o contraste, portanto, menor a legibilidade. Este é um exemplo daquilo que não deve ser feito.
  • 33.
    USO DA COR Umaforma 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.
    USO DA COR Otexto serifado perde sua leitura quando impresso em fundo preto ou escuro. Portanto, esta forma de composição deve ser evitada.
  • 35.
    USO DA COR Quandotratamos 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.
    USO DA COR Alegibilidade praticamente some quando aplicamos a cor amarela ou clara num fundo claro. Evite.
  • 37.
    USO DA COR Ociano é uma cor que permite uma boa legibilidade, pois ele equivale a 67 por cento da cor preta.
  • 38.
    Para compensar aclaridade 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.
    Se nunca Foi feitoantes, Havia provavelmente Uma boa razão para isso
  • 40.
    Se nunca Foi feitoantes, Havia provavelmente Uma boa razão para isso
  • 41.
  • 42.
    USO DA COR DEGRADÊS INDICAM MUDANÇA DE COR. DEVEM SER UTILIZADOS COM MODERAÇÃO
  • 43.
    Valorize fotos utilizandoa ajuda da cor - contraste  VALORIZE FOTOS COM A COR
  • 44.
    Valorize fotos utilizandoa ajuda da cor - sobretom  VALORIZE FOTOS COM A COR
  • 45.
    Valorize fotos utilizandoa ajuda da cor - gradiente  VALORIZE FOTOS COM A COR
  • 46.
    ENFIM, EXPERIMENTE, OUSE,CRIE... ... MAS NUNCA SE ESQUEÇA DO BOM SENSO.
  • 47.
    BIBLIOGRAFIA  WHITE, JANV. EDIÇÃO E DESIGN. 1 ed. SÃO PAULO: ED. JSN, 2006