Web Design > Cores
6 gostaram1,924 visualizações
O documento discute as propriedades e classificações das cores, incluindo matiz, intensidade, valor, escurecimento, clareamento e saturação. Também explica que Isaac Newton descobriu que a luz branca é composta por um espectro de cores e organizou-as no círculo cromático. As cores podem ser classificadas como primárias, secundárias e terciárias de acordo com sua composição.
Web Design > Cores
- 1. Web Design e o maravilhoso mundo das cores
- 2. Web Design E o que é cor? A cor é uma percepção visual provocada pela ação de um feixe de fotons sobre células especializadas da retina, que transmitem atravé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 Design Toda cor possui as diversas propriedades, dentre elas: ● Matiz ● Intensidade ● Valor ● Escurecimento ● Clareamento (Brilho) ● Saturação
- 5. Web Design Matiz É a cor pura, sem adição de branco ou preto. Intensidade É definida pela vivacidade da cor. Podemos intensivar uma cor adicionando preto ou branco à cor, ou neutralizá-la adicionando cinza.
- 6. Web Design Valor Refere-se a luminosidade da cor, depende do escurecimento ou clareamento, mas não da saturação ou matiz. Uma imagem colorida perde sua matiz ao ser convertidada por preto ou branco, mas nunca suas caracteristicas tonais.
- 7. Web Design Escurecimento É a variação de matiz obtida através da adição de preto. Clareamento É a variação de matiz obtida através da adição de branco.
- 8. Web Design Antes de continuar, uma historinha...
- 9. Web Design Era uma vez um moço chamado Isaac...
- 10. Web Design Era uma vez um moço chamado Isaac...
- 11. Web Design Nosso amigo Sir. Isaac Newton, além de ter feito importantes descobertas como as leis da física, gravidade... Também contribuiu para o Design quando resolveu analisar um feixe de luz branca, e descobriu que este era composto de um espectro de cores: vermelho, laranja, amarelo, verde, azul, índigo e violeta.
- 12. Web Design Isaac, organizou as cores e criou o, hoje conhecido, círculo cromático.
- 13. Web Design
- 14. Web Design Ow yeah!
- 15. Web Design A partir do circulo cromático, pode-se dividir as cores em Primárias, Secundárias e Terciárias.
- 16. Web Design Primárias São cores que NÃO podemos obter através da combinação de outras.
- 17. Web Design Secundárias São obtidas através da mistura de duas cores primárias. Ex. verde, laranja, violeta...
- 18. Web Design Terciárias São obtidas através da mistura de uma cor primária e uma secundária. Ex. verde- amarelado, laranja-avermelhado...
- 19. Web Design Tá, mas não pára por aí. O estudo das cores observou relações entre elas, e com isso podemos ainda destacar...
- 20. Web Design Cores complementares São cores opostas no círculo cromático, e produzem um forte efeito contrastante.
- 21. Web Design Cores análogas São cores vizinhas no círculo cromático, e são fácilmente equilibradas na composição.
- 22. Web Design Cores quentes São cores que exprimem sensação de calor.
- 23. Web Design Cores frias Exprimem sensação de falta de calor.
- 24. Web Design O verde limão esta tanto nas cores quentes quanto nas frias. Isso porque ele não pertence a uma categoria fixa, quando inserido em um contexto quente, se comporta como uma cor quente e quando inserido em um contexto frio, age como cor fria. ;)
- 25. Web Design Para produção de websites, o sistema de cor mais utilizado é o RGB (red, green e blue), que é um sistema aditivo usado em monitores, TVs... Para formar uma imagem, diferentes porcentagens de cada cor se sobrepõem, como as retículas são muito pequenas não vemos os pontos de luz, mas sim a imagem formada.
- 26. Web Design A representação do RGB é dada através da indicação de um valor luminosidade de 0 a 255 a cada pixel (R (vermelho), G (verde), B (azul)), onde 0 é ausência, e 255 o valor de mais intensidade.
- 27. Web Design Na Web utiliza-se a notação RGB através de valores hexadecimais (base 16), onde 00 é preto (ausência) e FF é o máximo de intensidade.
- 28. Web Design Exemplo: R G B => 00 00 00 (preto) R G B => 00 FF 00 (azul) R G B => FF FF FF (branco)
- 29. Psicologia das cores http://goo.gl/Uwj19 Psicologia e Relações http://chocoladesign.com/psicologia-e-relacoes-fisicas-das-cores Color in Motion (animação) http://www.mariaclaudiacortes.com/ Web Design