A luz emitida de uma fonte luminosa por meio de ondas eletromagnéticas e parcialmente refletida por um objeto chega a noss...
<ul><li>“ A forma mais imediata de  </li></ul><ul><li>comunicação não verbal.”  </li></ul>
<ul><li>Cada cor comunica  sensações  já num primeiro instante. Em seguida, o conjunto de cores evoca seus significados e ...
Classificação das Cores
<ul><li>Cores primárias são as três cores básicas das quais se obtém todas as outras cores presentes no círculo cromático....
<ul><li>Cores Primárias Subtrativas </li></ul><ul><li>Cores pigmento </li></ul><ul><li>Ciano,  Magenta,  Amarelo </li></ul...
<ul><li>As  Cores Secundárias  são formadas a partir da soma de 100% de duas primárias.  </li></ul>As  Cores Terciárias  s...
 
Matiz (Cor) Saturação (Qualidade) Valor (Brilho) Variáveis de uma cor
 
Misturando as cores
<ul><li>Monocromático </li></ul><ul><li>Complementares </li></ul><ul><li>Complementares Divididas </li></ul><ul><li>Triádi...
<ul><li>Análogas </li></ul><ul><li>Complementares Mútuas </li></ul><ul><li>Análogas Complementares </li></ul><ul><li>Compl...
Algumas convenções: Tome bastante cuidado ao utilizar mais de quatro cores. Experimente variar o brilho ou a saturação
Cores muito saturadas correm o risco de vibrarem demais entre si, ao passo que a utilização de cores mais fracas fica harm...
Se você quer dar destaque a tudo, acaba não dando destaque a nada.
O contrário disso é que uma cor saturada faz “festa de peão” em um layout mais sóbrio.
<ul><li>Em um Layout </li></ul><ul><li>Muitas vezes utiliza-se uma cor subordinada para o fundo, uma cor dominante para as...
<ul><li>Combinação de cores </li></ul>
<ul><li>Mais de uma cor subordinada </li></ul>
<ul><li>Cor mais forte  </li></ul><ul><li>como dominante </li></ul>Cor subordinada forte Cores de detalhe dando vida a um ...
Os sete contrastes
Para Itten, bazeado no que aprendeu com seu mestre Hözel, eram sete os tipos de abordagem de contraste cromático.  Vemos a...
Cores puras:  Contraste entre cores vivas, puras e saturadas. Claro e escuro:  Explora o uso da luminosidade. Cria contras...
Simultâneo:  Ocorre quando, através da ilusão de ótica, o cérebro busca a complementar de certa cor. Um exemplo já dado é ...
<ul><li>Intensidade das cores segundo Goethe – o número se refere à quantidade proporcional da cor em uma combinação. </li...
<ul><li>Proporções </li></ul>Amarelo e roxo. Proporção 3:9, 1:3 Laranja e azul. Proporção 4:8, 1:2 Vermelho e verde. Propo...
Contraste Simultâneo – Uma cor pode parecer diferente de acordo com a cor com a qual ela está interagindo.
Efeito de Pós Imagem –  o mesmo princípio, nosso cérebro também completa a imagem.
Efeito de Pós Imagem
Sistemas de Cores
RGB – Red Green Blue .  Cores-luz, utilizadas em layouts para meios eletrônicos. Sua soma é o branco.
CMYK  - Ciano, Magenta, Amarelo, Preto.  Cores pigmento, utilizadas em impressos.
Cores Pantone -  Utilizam misturas específicas de pigmentos para se criar novas cores com precisão e fidelidade. Boa parte...
Quase 100% das médias e grandes marcas utilizam cores Pantone em suas logos.
Cuidados na impressão O preto puro (100% K)  por vezes parece lavado e acinzentado.  Recomenda-se “calçar” o preto, com um...
Ao utilizar linhas finas, lembre-se de dar destaque a elas e ao mesmo tempo tente utilizar o menor número de possível de p...
O Efeito e o Significado das  Cores .
Efeitos físicos:  O vermelho acelera os batimentos cardíacos e a pulsação.
Significados criados a partir de associações presentes na natureza e na vida:  Azul transmite calma, Vermelho paixão, etc
Questão cultural:  Em alguns países do Oriente, por exemplo, o Branco está associado à morte.
Convenções:  Significados criados a partir de convenções sociais, como sinais de trânsito.
Tudo isso ainda depende do filtro subjetivo presente no homem, que também pode associar uma experiência por nós vivida a u...
Limpeza. Virgindade e pureza. Religião Morte (na India)
O Efeito e o Significado das Cores.  Na Publicidade.
AZUL:  Possui grande poder de atração; acalma o indivíduo e seu sistema circulatório. Indicado em anúncios que caracterize...
VERDE:  Estimulante, indica  versatilidade, simpatia e renovação. É considerada uma cor de equilíbrio, reduz a tensão. Car...
VERMELHO:   É a cor das paixões, do amor ao ódio. Simboliza sensualidade, calor, agressividade, sangue, fogo, revolução, a...
AMARELO:  Pode simbolizar inteligência, comunicação, força, alegria, vontade, ou  inveja, ira, covardia, traição e arrogân...
ROXO:  É a cor da prudência,remete a sabedoria, filosofia, sofisticação e contemplação. Tem a ver com o emocional. É utili...
PRETO: Transmite refinamento, elegância e sofisticação, ainda que também representa a morte, mistério, bem como poder e el...
LARANJA:  Utiliza-se para simbolizar entusiasmo, exaltação, alarme, força ativa, energética, radiante e expressiva. É de c...
Outras cores.
 
O que a cor pode fazer na Publicidade?
Na peça: Tornar a peça agradável e chamar a atenção.
Passar mensagens, valores, ou reforçá-los.
Cria uma identidade com o produto, seja através de uma cor ou do uso de algumas delas.
Reforça uma mensagem e cria uma atmosfera.
 
Diz o que o resto da peça não disse.
Provocar Sensações e Sentimentos
Cria identificação e diferencia uma marca.
 
 
 
 
 
 
 
 
 
 
 
VT do Itaú sem assinatura.
Criar uma identificação através de padrões e clichês.
 
 
 
 
 
Conversa com o Público-alvo, além de segmentá-lo.
 
Saiba de Cor
Gradientes dão dinamismo e podem dar sensação de volume, além de serem agradáveis visualmente. Porém, se utilizados em dem...
O uso das cores é uma faca de dois legumes. Um anúncio de comida tem que ter cara de anúncio de comida. Mas ele precisa ta...
Não se sinta demasiado preso às cores institucionais em algo que anuncie uma novidade ou mudança.  Utilizar paleta diferen...
Nunca se esqueça: referência nunca é demais. Veja os anuários, transforme o Choco La Design ou o Abduzeedo em sua home pag...
Referências de design  www.abduzeedo.com www.fudgegraphics.com www.chocoladesign.com www.zupi.com.br Referências publicitá...
FIM!
Job procês -Escolher 4 tipos de contrastes definidos por Itten, e criar uma composição para cada. -Encontrar um exemplo de...
 
Upcoming SlideShare
Loading in...5
×

Palestra de Cor - Lucas Marques

7,293

Published on

Palestra de treinamento do segundo semestre de 2010

1 Comment
6 Likes
Statistics
Notes
  • Que slide simpático, ótimas informações, belos exemplos. Parabéns :)
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
7,293
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
430
Comments
1
Likes
6
Embeds 0
No embeds

No notes for slide

Palestra de Cor - Lucas Marques

  1. 2. A luz emitida de uma fonte luminosa por meio de ondas eletromagnéticas e parcialmente refletida por um objeto chega a nossos olhos na forma de uma Cor. As cores se diferenciam entre si por cada uma representar uma parte específica do todo da luz branca.
  2. 3. <ul><li>“ A forma mais imediata de </li></ul><ul><li>comunicação não verbal.” </li></ul>
  3. 4. <ul><li>Cada cor comunica sensações já num primeiro instante. Em seguida, o conjunto de cores evoca seus significados e provoca sentimentos . Finalmente, alia-se à peça como um todo para comunicar uma mensagem, promover um raciocínio . </li></ul>
  4. 5. Classificação das Cores
  5. 6. <ul><li>Cores primárias são as três cores básicas das quais se obtém todas as outras cores presentes no círculo cromático. Existem dois tipos de cores primárias: </li></ul>
  6. 7. <ul><li>Cores Primárias Subtrativas </li></ul><ul><li>Cores pigmento </li></ul><ul><li>Ciano, Magenta, Amarelo </li></ul><ul><li>Somadas Resultam na cor preta. </li></ul>Cores Primárias Aditivas Cores luz Verde , Vermelho , Azul Somadas Resultam na cor branca.
  7. 8. <ul><li>As Cores Secundárias são formadas a partir da soma de 100% de duas primárias. </li></ul>As Cores Terciárias são formadas pela soma de duas ou três primárias em diferentes proporções.
  8. 10. Matiz (Cor) Saturação (Qualidade) Valor (Brilho) Variáveis de uma cor
  9. 12. Misturando as cores
  10. 13. <ul><li>Monocromático </li></ul><ul><li>Complementares </li></ul><ul><li>Complementares Divididas </li></ul><ul><li>Triádicas </li></ul>
  11. 14. <ul><li>Análogas </li></ul><ul><li>Complementares Mútuas </li></ul><ul><li>Análogas Complementares </li></ul><ul><li>Complementares Duplas </li></ul>
  12. 15. Algumas convenções: Tome bastante cuidado ao utilizar mais de quatro cores. Experimente variar o brilho ou a saturação
  13. 16. Cores muito saturadas correm o risco de vibrarem demais entre si, ao passo que a utilização de cores mais fracas fica harmônico mais facilmente, mas pode tornar-se insosso.
  14. 17. Se você quer dar destaque a tudo, acaba não dando destaque a nada.
  15. 18. O contrário disso é que uma cor saturada faz “festa de peão” em um layout mais sóbrio.
  16. 19. <ul><li>Em um Layout </li></ul><ul><li>Muitas vezes utiliza-se uma cor subordinada para o fundo, uma cor dominante para as formas principais, e uma ou duas cores para acentuar detalhes e pontos e amarrar o design. </li></ul>
  17. 20. <ul><li>Combinação de cores </li></ul>
  18. 21. <ul><li>Mais de uma cor subordinada </li></ul>
  19. 22. <ul><li>Cor mais forte </li></ul><ul><li>como dominante </li></ul>Cor subordinada forte Cores de detalhe dando vida a um layout sóbrio
  20. 23. Os sete contrastes
  21. 24. Para Itten, bazeado no que aprendeu com seu mestre Hözel, eram sete os tipos de abordagem de contraste cromático. Vemos a seguir tipos de contrastes baseados em matiz, brilho, saturação, espaço ocupado e até pelo efeito e significado de cada cor.
  22. 25. Cores puras: Contraste entre cores vivas, puras e saturadas. Claro e escuro: Explora o uso da luminosidade. Cria contraste entre cores de diferentes valores. Quente – Frio: Explora a característica de temperatura das cores. Enquanto o amarelo, o laranja e o vermelho tendem a ser cores quentes, o verde, azul e roxo nos remetem a cores frias. Complementar: Contraste que ocorre ao juntarmos cores opostas no circulo cromático.
  23. 26. Simultâneo: Ocorre quando, através da ilusão de ótica, o cérebro busca a complementar de certa cor. Um exemplo já dado é quando tempos temos o cinza perto do verde, e este parece avermelhado. De saturação: Contraste entre cores vivas e puras e cores sem alta saturação ou acinzentadas. De quantidade/Extensão: Acontece quando há diferenciação da área ocupada por duas cores. Utiliza-se uma espécie de “proporção áurea” criada por Goethe para utilizar as cores em determinadas quantidades de espaço condizentes com a intensidade de cada cor.
  24. 27. <ul><li>Intensidade das cores segundo Goethe – o número se refere à quantidade proporcional da cor em uma combinação. </li></ul>3 6 8 3 9 6 Amarelo Vermelho Azul Laranja Roxo Verde
  25. 28. <ul><li>Proporções </li></ul>Amarelo e roxo. Proporção 3:9, 1:3 Laranja e azul. Proporção 4:8, 1:2 Vermelho e verde. Proporção 6:6, 1:1
  26. 29. Contraste Simultâneo – Uma cor pode parecer diferente de acordo com a cor com a qual ela está interagindo.
  27. 30. Efeito de Pós Imagem – o mesmo princípio, nosso cérebro também completa a imagem.
  28. 31. Efeito de Pós Imagem
  29. 32. Sistemas de Cores
  30. 33. RGB – Red Green Blue . Cores-luz, utilizadas em layouts para meios eletrônicos. Sua soma é o branco.
  31. 34. CMYK - Ciano, Magenta, Amarelo, Preto. Cores pigmento, utilizadas em impressos.
  32. 35. Cores Pantone - Utilizam misturas específicas de pigmentos para se criar novas cores com precisão e fidelidade. Boa parte dessas cores são previstas no sistema CMYK, porém é impossível obtê-las com a intensidade e a unidade das cores Pantone. Verde criado em CMYK Verde com tinta específica.
  33. 36. Quase 100% das médias e grandes marcas utilizam cores Pantone em suas logos.
  34. 37. Cuidados na impressão O preto puro (100% K) por vezes parece lavado e acinzentado. Recomenda-se “calçar” o preto, com um pouco das outras cores. Preto Puro (100% K) Preto Rico (100% K, 20% C, 15% M 10% Y)
  35. 38. Ao utilizar linhas finas, lembre-se de dar destaque a elas e ao mesmo tempo tente utilizar o menor número de possível de pigmentos.
  36. 39. O Efeito e o Significado das Cores .
  37. 40. Efeitos físicos: O vermelho acelera os batimentos cardíacos e a pulsação.
  38. 41. Significados criados a partir de associações presentes na natureza e na vida: Azul transmite calma, Vermelho paixão, etc
  39. 42. Questão cultural: Em alguns países do Oriente, por exemplo, o Branco está associado à morte.
  40. 43. Convenções: Significados criados a partir de convenções sociais, como sinais de trânsito.
  41. 44. Tudo isso ainda depende do filtro subjetivo presente no homem, que também pode associar uma experiência por nós vivida a uma cor específica, mudando seu significado e efeito. Eu odeio amarelo.
  42. 45. Limpeza. Virgindade e pureza. Religião Morte (na India)
  43. 46. O Efeito e o Significado das Cores. Na Publicidade.
  44. 47. AZUL: Possui grande poder de atração; acalma o indivíduo e seu sistema circulatório. Indicado em anúncios que caracterizem o frio. É a cor do infinito, dos sonhos, e remete também a emoções profundas. Simboliza a amizade, fidelidade, serenidade, solidão, tristeza, tranqüilidade, verdade.
  45. 48. VERDE: Estimulante, indica  versatilidade, simpatia e renovação. É considerada uma cor de equilíbrio, reduz a tensão. Caracteriza esperança, realidade, natureza, vegetação, saúde, razão, lógica, umidade, frescor, crescimento e juventude.
  46. 49. VERMELHO:   É a cor das paixões, do amor ao ódio. Simboliza sensualidade, calor, agressividade, sangue, fogo, revolução, ação, paixão, força e raiva. Aumenta a atenção, é estimulante, motivador.
  47. 50. AMARELO: Pode simbolizar inteligência, comunicação, força, alegria, vontade, ou  inveja, ira, covardia, traição e arrogância. Quando se usa o amarelo ouro simboliza valor, os sentimentos mais elevados, o sagrado.
  48. 51. ROXO: É a cor da prudência,remete a sabedoria, filosofia, sofisticação e contemplação. Tem a ver com o emocional. É utilizado para comunicar dor, religiosidade, magia, suntuosidade.
  49. 52. PRETO: Transmite refinamento, elegância e sofisticação, ainda que também representa a morte, mistério, bem como poder e elegância. 
  50. 53. LARANJA: Utiliza-se para simbolizar entusiasmo, exaltação, alarme, força ativa, energética, radiante e expressiva. É de caráter estimulante e se relaciona com produtos comestíveis.
  51. 54. Outras cores.
  52. 56. O que a cor pode fazer na Publicidade?
  53. 57. Na peça: Tornar a peça agradável e chamar a atenção.
  54. 58. Passar mensagens, valores, ou reforçá-los.
  55. 59. Cria uma identidade com o produto, seja através de uma cor ou do uso de algumas delas.
  56. 60. Reforça uma mensagem e cria uma atmosfera.
  57. 62. Diz o que o resto da peça não disse.
  58. 63. Provocar Sensações e Sentimentos
  59. 64. Cria identificação e diferencia uma marca.
  60. 76. VT do Itaú sem assinatura.
  61. 77. Criar uma identificação através de padrões e clichês.
  62. 83. Conversa com o Público-alvo, além de segmentá-lo.
  63. 85. Saiba de Cor
  64. 86. Gradientes dão dinamismo e podem dar sensação de volume, além de serem agradáveis visualmente. Porém, se utilizados em demasia, podem ficar toscos.
  65. 87. O uso das cores é uma faca de dois legumes. Um anúncio de comida tem que ter cara de anúncio de comida. Mas ele precisa também se diferenciar.
  66. 88. Não se sinta demasiado preso às cores institucionais em algo que anuncie uma novidade ou mudança. Utilizar paleta diferente em um anúncio pode mostrar que “algo mudou”.
  67. 89. Nunca se esqueça: referência nunca é demais. Veja os anuários, transforme o Choco La Design ou o Abduzeedo em sua home page. Dê uma olhada no Adsoftheworld. Quanto mais referência, mais coerência intuitiva em relação às cores. Mas mesmo assim, não abandone o círculo cromático.
  68. 90. Referências de design www.abduzeedo.com www.fudgegraphics.com www.chocoladesign.com www.zupi.com.br Referências publicitárias www.ccsp.com.br www.adsoftheworld.com www.ypsilon2.com/blog Combine as cores www.colorschemedesigner.com
  69. 91. FIM!
  70. 92. Job procês -Escolher 4 tipos de contrastes definidos por Itten, e criar uma composição para cada. -Encontrar um exemplo de bom uso de cor na propaganda (ou numa peça de propaganda), e um exemplo de mau uso, e escrever uma análise de 7 a 10 linhas (times 12) pra cada. Prazo: Quinta-feira, 16/12. Qualquer coisa só gritar p/: [email_address]
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×