Web Design > Cores

  • View
    1.943

  • Download
    8

Embed Size (px)

DESCRIPTION

Uma introdução à teoria das cores.

Text of Web Design > Cores

  • 1. Web Designe o maravilhoso mundo das cores

2. Web DesignE o que cor?A cor uma percepo visual provocada pelaao de um feixe de fotons sobre clulasespecializadas da retina, que transmitematravs de informao pr-processada no nervoptico, impresses para o sistema nervoso.fonte: Wikipdia 3. Web DesignClareamento Escurecimento Valor Saturao Intensidade 4. Web DesignToda cor possui as diversas propriedades,dentre elas: Matiz Intensidade Valor Escurecimento Clareamento (Brilho) Saturao 5. Web DesignMatiz a cor pura, sem adio 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 no dasaturao ou matiz. Uma imagem coloridaperde sua matiz ao ser convertidada por pretoou branco, mas nunca suas caracteristicastonais. 7. Web DesignEscurecimento a variao de matiz obtida atravs da adiode preto.Clareamento a variao de matiz obtida atravs da adiode branco. 8. Web DesignAntes de continuar, uma historinha... 9. Web DesignEra uma vez um moo chamado Isaac... 10. Web DesignEra uma vez um moo chamado Isaac... 11. Web DesignNosso amigo Sir. Isaac Newton, alm de terfeito importantes descobertas como as leis dafsica, gravidade... Tambm 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, crculo cromtico. 13. Web Design 14. Web Design Ow yeah! 15. Web DesignA partir do circulo cromtico, pode-se dividir ascores em Primrias, Secundrias eTercirias. 16. Web DesignPrimriasSo cores que NO podemos obter atravs dacombinao de outras. 17. Web DesignSecundriasSo obtidas atravs da mistura de duas coresprimrias. Ex. verde, laranja, violeta... 18. Web DesignTerciriasSo obtidas atravs da mistura de uma corprimria e uma secundria. Ex. verde-amarelado, laranja-avermelhado... 19. Web DesignT, mas no pra por a.O estudo das cores observou relaes entre elas,e com isso podemos ainda destacar... 20. Web DesignCores complementaresSo cores opostas no crculo cromtico, eproduzem um forte efeito contrastante. 21. Web DesignCores anlogasSo cores vizinhas no crculo cromtico, e sofcilmente equilibradas na composio. 22. Web DesignCores quentesSo cores que exprimem sensao de calor. 23. Web DesignCores friasExprimem sensao de falta de calor. 24. Web DesignO verde limo esta tanto nas cores quentesquanto nas frias. Isso porque ele no 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 produo 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 sobrepem, comoas retculas so muito pequenas no vemos ospontos de luz, mas sim a imagem formada. 26. Web DesignA representao do RGB dada atravs daindicao de um valor luminosidade de 0 a255 a cada pixel (R (vermelho), G (verde), B(azul)), onde 0 ausncia, e 255 o valor de maisintensidade. 27. Web DesignNa Web utiliza-se a notao RGB atravs devalores hexadecimais (base 16), onde 00 preto(ausncia) e FF o mximo 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 Relaeshttp://chocoladesign.com/psicologia-e-relacoes-fisicas-das-coresColor in Motion (animao)http://www.mariaclaudiacortes.com/Web Design 30. Thanks all folks!