Design - Teoria das Corres

38,478 views

Published on

Visão geral sobre a as cores, abordando desde seu estudo cromáticos até formas de aplicá-las na mídia.

Published in: Technology
2 Comments
36 Likes
Statistics
Notes
  • Excelente Material !
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Desculpa, mas fiz esse material originalmente para aula de webdesign, logo, não pretendo abordar questões químicas profundamente.

    Alias, preciso rever os slides, pois tem coisa errada.<br /><br/>
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
38,478
On SlideShare
0
From Embeds
0
Number of Embeds
1,700
Actions
Shares
0
Downloads
2,014
Comments
2
Likes
36
Embeds 0
No embeds

No notes for slide

Design - Teoria das Corres

  1. 1. Teoria das coresEstudo sobre as cores e formas de aplicá-las
  2. 2. Estudos sobre a teoria das cores Composição de Páginas web Odair Cavichioli Jr. 2  Aristóteles: as cores eram uma propriedade dos objetos, assim como peso, material e textura. Eram seis no total: o vermelho, o verde, azul, amarelo, branco e negro;  Plínio (poeta do século V): acreditava que existiam três cores básicas seriam o vermelho vivo, o ametista e uma outra que chamou de conchífera (uma espécie de rosa perolado). O amarelo foi excluído por estar associado a mulheres (era usado no véu nupcial);  Leonardo da Vinci: publicou um livro chamado Tratado da pintura e da paisagem, que se opõem a Aristóteles ao afirmar que a cor não era uma propriedade dos objetos, mas da luz. Todas as outras cores eram formas a partir do vermelho, verde, azul e amarelo. Afirma ainda que o branco e o preto não são cores mas extremos da luz;  Le Blon (impressor do século XVIII): testou diversos pigmentos até chegar aos três básicos para impressão: o vermelho, amarelo e azul;  Goethe (escritor alemão do século XIX): criou um tratado sobre as cores que poria abaixo a teoria de Newton (início do movimento de arte Impressionista). Suas observações sobre a fisiologia e psicologia da cor, além da forma como os humanos a interpretam, foram usadas base para criar a Gestal.
  3. 3. O que é a cor? Composição de Páginas web Odair Cavichioli Jr. 3  A cor não é um fenômeno físico. É um estímulo orgânico que interpreta o reflexo da luz vinda de um objeto que foi emitida por uma fonte luminosa, correspondente ao espectro visível;  Espectro visível é o comprimento das ondas eletromagnéticas, que vibram à um nível visível, entre 380 e 750 nanômetros;  Ondas mais curtas (ultravioleta, os raios-X e os raios gamas) e mais longas (infravermelho, o calor, as microondas e as ondas de rádio e televisão) emitem um nível de radiação que não podem ser percebidas pelo olho humano.
  4. 4. Espectro Cromático Composição de Páginas web Odair Cavichioli Jr. 4
  5. 5. Espectro Cromático Visível Composição de Páginas web Odair Cavichioli Jr. 5
  6. 6. Aspectos orgânicos (Tricromacia) Composição de Páginas web Odair Cavichioli Jr. 6  Um mesmo comprimento de onda pode ser percebido diferentemente por diferentes pessoas, ou seja, cor é um fenômeno subjetivo e individual;  A retina é composta por células captam informação visual que o cérebro interpreta. Nosso olho é composto por:  Cones: São responsáveis pela captação da informação luminosa vinda da luz do dia, das cores e do contraste.  Bastonetes: adaptados à luz noturna e à penumbra.  Os cones se dividem em três tipos e respondem a comprimentos de ondas diferentes: azuis (B) e violetas, aos verdes (G) e amarelos, e aos vermelhos (R) e laranjas.  Por da adaptação evolutiva, são distribuídos de forma desequilibrada sobre a retina: 94% para R e G; apenas 6% para B.
  7. 7. Domínio Composição de Páginas web Odair Cavichioli Jr. 7  É a quantidade de uma cor sobre as outras;  Cores primárias sempre são mais dominantes do que as demais;
  8. 8. Intensidade Composição de Páginas web Odair Cavichioli Jr. 8  Intensidade é a vibração de uma cor sobre as outros;  São aspectos distintos e devem ser tratados separadamente;  Pode-se neutralizar ou enfatizar um elemento controlando o domínio e a intensidade das cores.
  9. 9. Matiz Composição de Páginas web Odair Cavichioli Jr. 9  É a característica que define e distingue uma cor, variando entre as cores vermelha, verde ou azul;  Diferentes comprimentos de onda (energia eletromagnética) expressado como cor-luz (transmitida pela TV) ou como cor-pigmento (refletida dos corpos e substâncias).
  10. 10. Valor, tom ou luminosidade Composição de Páginas web Odair Cavichioli Jr. 10  É a quantidade de luz presente na cor, adicionando preto ou branco ao matiz;  Cores próximas do branco são consideradas com valor alto;  Cores próximas do preto são consideradas com valor baixo.
  11. 11. Saturação Composição de Páginas web Odair Cavichioli Jr. 11  É o grau de pureza de uma determinada cor;  Não existe cor DESSATURADA;  A cor terá mais intensidade se estiver menos misturada com outras cores em sua composição cromática;  Cores insaturadas (puras), mesmo que não dominantes, tendem a ser mais intensas, chamando mais atenção em uma imagem.
  12. 12. Profundidade Composição de Páginas web Odair Cavichioli Jr. 12
  13. 13. Temperatura Composição de Páginas web Odair Cavichioli Jr. 13  Sensação transmitida pela cor, dando a impressão de ser:  Quentes: • Possuem uma vibração muito intensa; • Tendem a avançar (saltar) e vibrar; • Compostas pela derivação do laranja, vermelho e amarelo.
  14. 14. Temperatura Composição de Páginas web Odair Cavichioli Jr. 14  Sensação transmitida pela cor, dando a impressão de ser:  Frias: • Quando predominam, dá um caráter emotivo a imagem; • Tendem a retrair (encolher); • Compostas pela derivação do azul, roxo e verde.
  15. 15. Temperatura Composição de Páginas web Odair Cavichioli Jr. 15  Sensação transmitida pela cor, dando a impressão de ser:  Neutras: • Não há predomínio de tonalidades quentes ou frias; • Compostas pela mistura com o preto, branco, cinza, marrom e bege; • São muito úteis na criação de contrastes com qualquer cor.
  16. 16. Fenômenos das sínteses cromáticas Composição de Páginas web Odair Cavichioli Jr. 16  Cor obtida aditivamente (luz):  Cor criada por objetos que emitem luz como monitores, televisão, Sol, etc.  A luz é formada por adição de diferentes comprimentos de onda das cores primárias de luz;  Vermelho + Azul (cobalto) + Verde = Branco
  17. 17. Fenômenos das sínteses cromáticas Composição de Páginas web Odair Cavichioli Jr. 17  Cor obtida subtrativamente (pigmento):  Luz refletida por um objeto;  Fisicamente, pode ser reproduzida ao manchar uma superfície sem pigmentação (branca);  Subtraindo os três pigmentos temos uma matiz de cor muito escura, muitas vezes confundido com o preto (Ciano + Magenta + Amarelo);
  18. 18. Fenômenos das sínteses cromáticas Composição de Páginas web Odair Cavichioli Jr. 18  Cor obtida por partição (grãos):  Distribuição de pequenas áreas de cores;  Técnica desenvolvida por artistas impressionistas e pós- impressionistas (pontilhismo, Georges Seurat) e estudada na “Lei das Misturas” de Grassmann;  Pode ser utilizada como: • Retícula do processo gráfico; • Granulação do papel fotográfico; • Visualização de pixel.
  19. 19. Círculo cromático Composição de Páginas web Odair Cavichioli Jr. 19  Método de representar o espectro visível agrupando as cores na seqüência da freqüência espectral;  Seu gráfico é conhecido como Roda das cores, Círculo das cores ou Círculo cromático.
  20. 20. Círculo cromático Composição de Páginas web Odair Cavichioli Jr. 20  Esquema Complementar  Relaciona cores diretamente opostas;  Possui intenso contraste, aplicando as cores na saturação máxima, gerando uma sensação de vibração;  Procure utilizar cores complementares de valor, saturação diferente ou proporções distintas.
  21. 21. Círculo cromático Composição de Páginas web Odair Cavichioli Jr. 21  Esquema Complementar
  22. 22. Efeitos ópticos Composição de Páginas web Odair Cavichioli Jr. 22
  23. 23. Círculo cromático Composição de Páginas web Odair Cavichioli Jr. 23  Esquema Divídico  Combina uma cor complementar com mais duas adjacentes (vizinhas) a ela;  Essa combinação possui um contraste menor do que ao esquema complementar.
  24. 24. Círculo cromático Composição de Páginas web Odair Cavichioli Jr. 24  Esquema Divídico
  25. 25. Círculo cromático Composição de Páginas web Odair Cavichioli Jr. 25  Esquema Triádico  Combina três cores eqüidistantes (triangulação);  Como a intensidade entre as cores são pouco distintas, esse esquema é mais versátil;  Pode-se utilizar essa técnica para diminuir a vibração óptica das cores.
  26. 26. Círculo cromático Composição de Páginas web Odair Cavichioli Jr. 26  Esquema Triádico
  27. 27. Círculo cromático Composição de Páginas web Odair Cavichioli Jr. 27  Esquema Tetrádico  Combina quatro cores igualmente espaçadas;  Esse esquema pode ser utilizado como técnica de iluminação.
  28. 28. Círculo cromático Composição de Páginas web Odair Cavichioli Jr. 28  Esquema Tetrádico
  29. 29. Círculo cromático Composição de Páginas web Odair Cavichioli Jr. 29  Esquema Análogo  Combinação de duas ou três cores adjacentes (vizinhas);  É o esquema mais harmonioso, possuindo uma vibração mínima.
  30. 30. Círculo cromático Composição de Páginas web Odair Cavichioli Jr. 30  Esquema Análogo
  31. 31. Círculo cromático Composição de Páginas web Odair Cavichioli Jr. 31  Esquema Monocromático  Utiliza apenas uma cor e suas variações tonais, controlando a mistura entre o matiz (branco), os meio-tons (cinza) e a sombra (preto);  Esse esquema valoriza texturas e remove o fascínio que as cores provocam, possibilitando evidenciar melhor a mensagem da imagem.
  32. 32. Sistemas de cores Composição de Páginas web Odair Cavichioli Jr. 32  RGB  Sistema de cores aditivas;  Formado por vermelho (Red), verde (Green) e azul (Blue);  É utilizado na eletrônica e recursos visuais eletrônicos.
  33. 33. Sistemas de cores Composição de Páginas web Odair Cavichioli Jr. 33  CMYK  Sistema de cores subtrativamente;  Formado por ciano (Cyan), Magenta (Magenta), Amarelo (Yellow) e Preto (Blak);  É utilizado em gráficas e fabricantes de pigmentos.
  34. 34. Sistemas de cores Composição de Páginas web Odair Cavichioli Jr. 34  HSB  Sistema de cores por estrutura física tridimensional, baseado na percepção humana;  Formado por tonalidade ou matiz (Hue), saturação (Saturation) e brilho ou luminosidade (Brightness);  É utilizado em vídeo, para auxiliar a mente humana que não consegue distinguir cores agrupadas.
  35. 35. Sistemas de cores Composição de Páginas web Odair Cavichioli Jr. 35  Lab  Também conhecido como CIE;  Modelo criado pela Commission Internationale de I’Eclairage para tentar padronizar a medida das cores;  O objetivo era criar um padrão que não se altera-se pela característica de um equipamento;  Contém um canal A (eixo verde-vermelho), um canal B (eixo azul- amarelo) e um terceiro canal L designado para luminosidade.
  36. 36. A cor na psicologia Composição de Páginas web Odair Cavichioli Jr. 36  As cores podem ter alguns significados e provocar lembranças e sensações diferentes às pessoas dependendo de sua cultura:  Cinza: elegância, humildade, respeito, reverência, sutileza;  Vermelho: paixão, força, energia, amor, velocidade, liderança, masculinidade, alegria (China), perigo, fogo, raiva, revolução, "pare";  Azul: harmonia, confidência, conservadorismo, austeridade, monotonia, dependência, tec nologia, liberdade;  Azul ciano: tranqüilidade, paz, sossego, limpeza, frescor;  Verde: natureza, primavera, fertilidade, juventude, desenvolvimento, riqueza, dinheiro (Estados Unidos), boa sorte, ciúmes, ganância;  Amarelo: concentração, otimismo, alegria, felicidade, idealismo, riqueza (ouro), fraqueza;  Magenta: luxúria, sofisticação, sensualidade, feminilidade, desejo;  Violeta: espiritualidade, criatividade, realeza, sabedoria, resplandecência, dor;  Branco: pureza, inocência, reverência, paz, simplicidade, esterilidade, rendição;  Preto:
  37. 37. Psicodinâmica das cores Composição de Páginas web Odair Cavichioli Jr. 37  Produz diversas mudanças corpóreas (aumento involuntário da respiração e do fluxo sanguíneo; influencia no estado de espírito, de humor e de saúde).  Produz mudanças em nosso comportamento e atitudes;  Pode ser associada a diversos simbolismos e códigos de expressão artística e de comunicação visual, num processo de caráter universal.
  38. 38. Colorimetria Composição de Páginas web Odair Cavichioli Jr. 38  Processo usado pelos profissionais da área de fotografia e computação gráfica, para medir e analisar a composição de uma cor. Basicamente, esse estudo é definido pelo tom, saturação e intensidade.  O tom é fisicamente o intervalo de uma onda que faz reconhecer uma cor como sendo vermelha, uma outra como sendo azul, e assim por diante.  As cores da natureza são sempre mais ou menos saturadas. As cores mais saturadas são aquelas que não são originárias de pigmentos, mas sim de fenômenos interferenciais. No procedimento fotográfico, especialmente no indireto (negativo-positivo ou positivo-positivo), a saturação do corante tem uma função de terminante na qualidade do resultado final.  A intensidade, ou luminosidade, de uma cor é a característica que faz aparecer mais clara do que uma outra, independente da sua saturação.
  39. 39. Teoria da colorimetria Composição de Páginas web Odair Cavichioli Jr. 39  A luz é formada pôr vibrações eletro- magnéticas, que ao encontrar um obstáculo, é refletida ou absorvida pelo mesmo, variando a intensidade da cor, do reflexo, do brilho.  Isaac Newton (Inglaterra, 1666), descobriu em que a luz podia ser decomposta através de um prisma de cristal, que dá espectros cujas cores são caracterizadas pelos comprimentos diferentes das ondas.
  40. 40. Decomposição da luz por um prisma Composição de Páginas web Odair Cavichioli Jr. 40  Primárias: cores com maior freqüência  azul, vermelho e amarelo.  Secundárias: obtidas com a mistura das cores primárias  laranja, verde, violeta.  Terciárias: obtidas com a mistura das cores secundárias  vermelho-laranja, vermelho-violeta, amarelo-verde, amarelo-laranja, azul- verde e azul-violeta, bistre, marrom, verde oliva, etc.  Nesta escala o amarelo é a cor mais clara (luz), o violeta a mais escura.
  41. 41. Análise da colorimetria Composição de Páginas web Odair Cavichioli Jr. 41  Tom Natural: cor da superfície do objeto sem interferências.  Altura de tom: grau de coloração naturais ou artificiais.  Cor desejada e cor aplicada: a escolha da cor desejada, não corresponde necessariamente à cor aplicada, para esta etapa devemos analisar tom natural, altura de tom, volume de difusão e técnica de aplicação.  Carga e reflexo: uma tonalidade que tenha tendência a escurecer.  Cobertura: grau de incidência de luz.  Difusão: quando a luz (monocromática ou heterogênea) incide sobre um meio homogêneo, uma parcela da luz é refletida, uma outra é absorvida no meio e o restante é transmitido.
  42. 42. Difusão e reflexo de luz Composição de Páginas web Odair Cavichioli Jr. 42
  43. 43. Leitura fotográfica Composição de Páginas web Odair Cavichioli Jr. 43  Técnica em que se apropria de elementos de uma fotografia para criar elementos estéticos no layout;  1º - Análise da fotografia (aula de layout); • Quem é o sujeito (elemento ou tema principal) na foto? • O sujeito está na vertical ou na horizontal? • Qual é o tipo de enquadramento? • O sujeito está em movimento? • Onde ocorre a ação (predicado)? • Existe alguma textura na foto? • Existem linhas, curvas e figuras geométricas?
  44. 44. Leitura fotográfica Composição de Páginas web Odair Cavichioli Jr. 44  2º - Sobre as cores: • Quais as cores que o sujeito apresenta? • Há uma predominância de uma cor sobre a outra? • Existe um fundo? • Se o fundo for relevante, quais as cores ao fundo do sujeito? • As cores do fundo “vibram” mais do que as do sujeito?  3º - Sobre as proporções: • Quais as cores dominam a foto? • Quais as cores mais intensas?
  45. 45. Escalas de cores digitais Composição de Páginas web Odair Cavichioli Jr. 45  Kuler http://kuler.adobe.com  Color in Motion: http://www.mariaclaudiacortes.com/colors/Colors.html  ColorSchemer – OnLine http://www.colorschemer.com/online.html
  46. 46. Teoria das coresEstudo sobre as cores e formas de aplicá-las

×