O documento discute como a cor pode ser usada para transmitir mensagens e impacto visual em designs. A cor tem significados associados e pode ser usada para criar harmonia ou tensão dependendo das combinações escolhidas. É importante considerar a legibilidade ao combinar cores e tipos para garantir que a mensagem seja clara.

1. Cor
Mensagem, Legibilidade e Impacto

2. Cor
• A cor é o elemento importante na hora de
diagramar.
• Ela dá variedade e personalidade ao design
e também uma dimensão espacial.
• Tal como o tipo “fala” conosco, acontece o
mesmo com a cor, ela transmite uma
mensagem.

3. Cor
• “É possível pensar na cor como o glacê
estético do bolo, saboroso e útil em muitos
aspectos, mas não absolutamente
necessário para a criação de mensagens
visuais.” ( Donis A. Dondis)

4. Cor
• A cor está impregnada de informação e é
uma das mais penetrantes experiências
visuais que temos.
• Por exemplo, o que representa o vermelho
para vocês?

5. Cor como mensagem
• Associado a:
• raiva
• energia
• fogo
• Siginificado:
• perigo
• amor
• calor
• vida
Vermelho:

6. Cor como mensagem
• Associado a:
• frieza
• tranquilidade
• Significado:
• lealdade
• personalidade
• sutileza
Azul:

7. Significado das cores
Força, euforia, alegria e confiança
Estimulante, alerta, esperança
Dinamismo, energia, revolta, calor, raiva
Bem-estar, paz, saúde, equilíbrio
Viagem, verdade, intelectualidade, advertência.
Fantasia, mistério, egoísmo, espiritualidade.
Estima, valor, dignidade.
Pensar, melancolia.

8. Significado das cores
Período de 1 a 10 anos Idade da efervescência e da espontaneidade
Período de 10 a 20 anos Idade da imaginação, excitação, aventura.
Período de 20 a 30 anos
Idade da força, potência, arrogância.
Período de 30 a 40 anos Idade da diminuição do fogo juvenil.
Período de 40 a 50 anos Idade do pensamento e da inteligência.
Período de 50 a 60 anos
Idade do juízo, do misticismo, da lei.
Acima de 60 anos
Idade do saber, da experiência, e da
benevolência.

9. Cor como mensagem
• Por ter um siginificado, a cor é importante
fator de decisão.
• Elas têm um impacto na personalidade dos
nosso designs
• E na maneira como a pessoa reage a eles.

10. Como decidir?
• Certas combinações
de cores criam
reações.
• Para harmonia,
usam-se cores que
estão próximas no
círculo cromático,
como o azul e verde.
Cículo cromático

11. Como decidir?
• Para tensão e
vibração usam-se
cores contrastantes,
opostas no círculo
cromático, como o
vermelho e o verde.
• Esta combinação
choca, mas atrai e gera
excitação com mais
rapidez.
Cículo cromático

12. Algumas cores parecem
avançar. Se quisermos
aproximar alguma coisa do
leitor, devemos usar cores
quentes.
Azuis e verdes parecem
recuar quando colocadas ao
lado do vermelho.

13. Os amarelos são mais suaves
e menos gritantes os
vermelhos.

14. Cor
Diferenças e Legibilidade

15. Cor: Diferenças e Legibilidade
• Como há uma explosão de possibilidades
proporcionadas pela cor, há uma
necessidade de disciplina.
• Não se deve exagerar no uso da cor, sob
pena de perder seu impacto.

16. A terminologia da cor
• Ao trabalhar com cor há três termos que é necessário
compreender:
• Cor pura: como vermelho, azul e verde;
• Tom: o caráter mais claro ou mais escuro de uma cor;
• Tonalidade: uma escala que vai da intensidade total, como o
vermelho vivo, a pouca intensidade como num verde-
escuro.

17. A terminologia da cor

18. Legibilidade
• Quando se usa tipo e cor, a legibilidade provêm do
contraste.
• O maior contraste existe entre o tipo preto sobre
o fundo branco; o menor contraste existe no tipo
amarelo sobre um fundo branco.
• A medida que a cor do plano de fundo se aproxima
da do tipo, a legibilidade diminui.

19. Legibilidade

20. Cor
Misturar Tipo, Cor e Imagens

21. Cor e a mistura de elementos
• Como os programas e as impressoras
estão muito sofisticados hoje em dia,
combinar cores, tipos e imagens é rápido e
fácil.
• Além de produzir resultados fabulosos.

22. Impacto da cor
• A cor pode ser usada como
fundo para salientar o tipo ou
para misturar o tipo na
página.
• Um bom exemplo é criar uma
caixa e enche-la com um tom
claro de uma cor menos
intensa, que é um bom fundo
para texto preto.
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Nullam dolor ipsum, vulputate
sed iaculis sit amet, mattis eu diam. Vivamus
vestibulum scelerisque adipiscing. Etiam
tincidunt, turpis ac sodales volutpat, nibh tellus
mattis justo, nec molestie neque sem nec ante.
Morbi suscipit ultricies velit sed tristique. Sed in
velit vel erat imperdiet suscipit viverra id sapien.
Suspendisse potenti. Ut vel dolor erat. In
interdum lacinia mauris, eget blandit est aliquet
eget. Praesent convallis dictum risus sit amet
adipiscing. Phasellus blandit, turpis sed congue
dapibus, enim arcu facilisis massa, a hendrerit
risus mauris nec diam. Aenean dapibus massa
eu turpis volutpat eu sagittis massa vulputate.
Nunc vitae ultrices augue. Nullam metus arcu,
feugiat vitae semper quis, hendrerit sit amet mi.
Lorem Ispum

23. Impacto da cor
• As tonalidades de cores podem ser usadas
de diversas maneiras transmitindo
dinamismo visual ao fundo.
• De modo semelhante, pode-se usar cores
diferentes e tonalidades diferentes da
mesma cor para alterar a ênfase do texto.

24. Exemplos
• Neste exemplo, a cor
pode criar novas formas
e interessantes, quando
estas formas se
sobrepõem.

25. Exemplos
• Quando duas cores se sobrepõem, forma-se
uma terceira cor, o que aumenta o interesse
visual

27. Ao escolher a cor: