Web Designe o maravilhoso mundo das cores
Web DesignE o que é cor?A cor é uma percepção visual provocada pelaação de um feixe de fotons sobre célulasespecializadas ...
Web Design                            Clareamento                           Escurecimento                                 ...
Web DesignToda cor possui as diversas propriedades,dentre elas:● Matiz● Intensidade● Valor● Escurecimento● Clareamento (Br...
Web DesignMatizÉ a cor pura, sem adição de branco ou preto.IntensidadeÉ definida pela vivacidade da cor. Podemosintensivar...
Web DesignValorRefere-se a luminosidade da cor, depende doescurecimento ou clareamento, mas não dasaturação ou matiz. Uma ...
Web DesignEscurecimentoÉ a variação de matiz obtida através da adiçãode preto.ClareamentoÉ a variação de matiz obtida atra...
Web DesignAntes de continuar, uma historinha...
Web DesignEra uma vez um moço chamado Isaac...
Web DesignEra uma vez um moço chamado Isaac...
Web DesignNosso amigo Sir. Isaac Newton, além de terfeito importantes descobertas como as leis dafísica, gravidade... Tamb...
Web DesignIsaac, organizou as cores e criou o, hojeconhecido, círculo cromático.
Web Design
Web Design             Ow yeah!
Web DesignA partir do circulo cromático, pode-se dividir ascores em Primárias, Secundárias eTerciárias.
Web DesignPrimáriasSão cores que NÃO podemos obter através dacombinação de outras.
Web DesignSecundáriasSão obtidas através da mistura de duas coresprimárias. Ex. verde, laranja, violeta...
Web DesignTerciáriasSão obtidas através da mistura de uma corprimária e uma secundária. Ex. verde-amarelado, laranja-averm...
Web DesignTá, mas não pára por aí.O estudo das cores observou relações entre elas,e com isso podemos ainda destacar...
Web DesignCores complementaresSão cores opostas no círculo cromático, eproduzem um forte efeito contrastante.
Web DesignCores análogasSão cores vizinhas no círculo cromático, e sãofácilmente equilibradas na composição.
Web DesignCores quentesSão cores que exprimem sensação de calor.
Web DesignCores friasExprimem sensação de falta de calor.
Web DesignO verde limão esta tanto nas cores quentesquanto nas frias. Isso porque ele não pertence auma categoria fixa, qu...
Web DesignPara produção de websites, o sistema de cormais utilizado é o RGB (red, green e blue),que é um sistema aditivo u...
Web DesignA representação do RGB é dada através daindicação de um valor luminosidade de 0 a255 a cada pixel (R (vermelho),...
Web DesignNa Web utiliza-se a notação RGB através devalores hexadecimais (base 16), onde 00 é preto(ausência) e FF é o máx...
Web DesignExemplo:R G B => 00 00 00 (preto)R G B => 00 FF 00 (azul)R G B => FF FF FF (branco)
Psicologia das coreshttp://goo.gl/Uwj19Psicologia e Relaçõeshttp://chocoladesign.com/psicologia-e-relacoes-fisicas-das-cor...
Thanks all folks!
Upcoming SlideShare
Loading in...5
×

Web Design > Cores

1,950

Published on

Uma introdução à teoria das cores.

0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,950
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
67
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Web Design > Cores

  1. 1. Web Designe o maravilhoso mundo das cores
  2. 2. Web DesignE o que é cor?A cor é uma percepção visual provocada pelaação de um feixe de fotons sobre célulasespecializadas da retina, que transmitematravés de informação pré-processada no nervoóptico, impressões para o sistema nervoso.fonte: Wikipédia
  3. 3. Web Design Clareamento Escurecimento Valor Saturação Intensidade
  4. 4. Web DesignToda cor possui as diversas propriedades,dentre elas:● Matiz● Intensidade● Valor● Escurecimento● Clareamento (Brilho)● Saturação
  5. 5. Web DesignMatizÉ a cor pura, sem adição de branco ou preto.IntensidadeÉ definida pela vivacidade da cor. Podemosintensivar uma cor adicionando preto oubranco à cor, ou neutralizá-la adicionandocinza.
  6. 6. Web DesignValorRefere-se a luminosidade da cor, depende doescurecimento ou clareamento, mas não dasaturação ou matiz. Uma imagem coloridaperde sua matiz ao ser convertidada por pretoou branco, mas nunca suas caracteristicastonais.
  7. 7. Web DesignEscurecimentoÉ a variação de matiz obtida através da adiçãode preto.ClareamentoÉ a variação de matiz obtida através da adiçãode branco.
  8. 8. Web DesignAntes de continuar, uma historinha...
  9. 9. Web DesignEra uma vez um moço chamado Isaac...
  10. 10. Web DesignEra uma vez um moço chamado Isaac...
  11. 11. Web DesignNosso amigo Sir. Isaac Newton, além de terfeito importantes descobertas como as leis dafísica, gravidade... Também contribuiu para oDesign quando resolveu analisar um feixe deluz branca, e descobriu que este era compostode um espectro de cores: vermelho, laranja,amarelo, verde, azul, índigo e violeta.
  12. 12. Web DesignIsaac, organizou as cores e criou o, hojeconhecido, círculo cromático.
  13. 13. Web Design
  14. 14. Web Design Ow yeah!
  15. 15. Web DesignA partir do circulo cromático, pode-se dividir ascores em Primárias, Secundárias eTerciárias.
  16. 16. Web DesignPrimáriasSão cores que NÃO podemos obter através dacombinação de outras.
  17. 17. Web DesignSecundáriasSão obtidas através da mistura de duas coresprimárias. Ex. verde, laranja, violeta...
  18. 18. Web DesignTerciáriasSão obtidas através da mistura de uma corprimária e uma secundária. Ex. verde-amarelado, laranja-avermelhado...
  19. 19. Web DesignTá, mas não pára por aí.O estudo das cores observou relações entre elas,e com isso podemos ainda destacar...
  20. 20. Web DesignCores complementaresSão cores opostas no círculo cromático, eproduzem um forte efeito contrastante.
  21. 21. Web DesignCores análogasSão cores vizinhas no círculo cromático, e sãofácilmente equilibradas na composição.
  22. 22. Web DesignCores quentesSão cores que exprimem sensação de calor.
  23. 23. Web DesignCores friasExprimem sensação de falta de calor.
  24. 24. Web DesignO verde limão esta tanto nas cores quentesquanto nas frias. Isso porque ele não pertence auma categoria fixa, quando inserido em umcontexto quente, se comporta como uma corquente e quando inserido em um contexto frio,age como cor fria. ;)
  25. 25. Web DesignPara produção de websites, o sistema de cormais utilizado é o RGB (red, green e blue),que é um sistema aditivo usado em monitores,TVs... Para formar uma imagem, diferentesporcentagens de cada cor se sobrepõem, comoas retículas são muito pequenas não vemos ospontos de luz, mas sim a imagem formada.
  26. 26. Web DesignA representação do RGB é dada através daindicação de um valor luminosidade de 0 a255 a cada pixel (R (vermelho), G (verde), B(azul)), onde 0 é ausência, e 255 o valor de maisintensidade.
  27. 27. Web DesignNa Web utiliza-se a notação RGB através devalores hexadecimais (base 16), onde 00 é preto(ausência) e FF é o máximo de intensidade.
  28. 28. Web DesignExemplo:R G B => 00 00 00 (preto)R G B => 00 FF 00 (azul)R G B => FF FF FF (branco)
  29. 29. Psicologia das coreshttp://goo.gl/Uwj19Psicologia e Relaçõeshttp://chocoladesign.com/psicologia-e-relacoes-fisicas-das-coresColor in Motion (animação)http://www.mariaclaudiacortes.com/ Web Design
  30. 30. Thanks all folks!
  1. A particular slide catching your eye?

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

×