Your SlideShare is downloading. ×
  • Like
Web Design > Cores
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Web Design > Cores

  • 1,850 views
Published

Uma introdução à teoria das cores.

Uma introdução à teoria das cores.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,850
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
56
Comments
0
Likes
3

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Web Designe o maravilhoso mundo das cores
  • 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. Web Design Clareamento Escurecimento Valor Saturação Intensidade
  • 4. Web DesignToda cor possui as diversas propriedades,dentre elas:● Matiz● Intensidade● Valor● Escurecimento● Clareamento (Brilho)● Saturação
  • 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. 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. 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. Web DesignAntes de continuar, uma historinha...
  • 9. Web DesignEra uma vez um moço chamado Isaac...
  • 10. Web DesignEra uma vez um moço chamado Isaac...
  • 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. Web DesignIsaac, organizou as cores e criou o, hojeconhecido, círculo cromático.
  • 13. Web Design
  • 14. Web Design Ow yeah!
  • 15. Web DesignA partir do circulo cromático, pode-se dividir ascores em Primárias, Secundárias eTerciárias.
  • 16. Web DesignPrimáriasSão cores que NÃO podemos obter através dacombinação de outras.
  • 17. Web DesignSecundáriasSão obtidas através da mistura de duas coresprimárias. Ex. verde, laranja, violeta...
  • 18. Web DesignTerciáriasSão obtidas através da mistura de uma corprimária e uma secundária. Ex. verde-amarelado, laranja-avermelhado...
  • 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. Web DesignCores complementaresSão cores opostas no círculo cromático, eproduzem um forte efeito contrastante.
  • 21. Web DesignCores análogasSão cores vizinhas no círculo cromático, e sãofácilmente equilibradas na composição.
  • 22. Web DesignCores quentesSão cores que exprimem sensação de calor.
  • 23. Web DesignCores friasExprimem sensação de falta de calor.
  • 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. 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. 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. 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. Web DesignExemplo:R G B => 00 00 00 (preto)R G B => 00 FF 00 (azul)R G B => FF FF FF (branco)
  • 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. Thanks all folks!