27
Cor Mensagem, Legibilidade e Impacto

Cor

Embed Size (px)

Citation preview

Page 1: Cor

CorMensagem, Legibilidade e Impacto

Page 2: Cor

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.

Page 3: Cor

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)

Page 4: Cor

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?

Page 5: Cor

Cor como mensagem

• Associado a:

• raiva

• energia

• fogo

• Siginificado:

• perigo

• amor

• calor

• vida

Vermelho:

Page 6: Cor

Cor como mensagem

• Associado a:

• frieza

• tranquilidade

• Significado:

• lealdade

• personalidade

• sutileza

Azul:

Page 7: Cor

Significado das coresForç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.

Page 8: Cor

Significado das coresPerí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.

Page 9: Cor

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.

Page 10: Cor

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

Page 11: Cor

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

Page 12: Cor

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.

Page 13: Cor

Os amarelos são mais suaves e menos gritantes os

vermelhos.

Page 14: Cor

CorDiferenças e Legibilidade

Page 15: Cor

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.

Page 16: Cor

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.

Page 17: Cor

A terminologia da cor

Page 18: Cor

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.

Page 19: Cor

Legibilidade

Page 20: Cor

CorMisturar Tipo, Cor e Imagens

Page 21: Cor

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.

Page 22: Cor

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

Page 23: Cor

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.

Page 24: Cor

Exemplos

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

Page 25: Cor

Exemplos• Quando duas cores se sobrepõem, forma-se

uma terceira cor, o que aumenta o interesse visual

Page 26: Cor
Page 27: Cor

Ao escolher a cor: