Um Pouco Sobre Cores na Web
-
Upload
italo-waxman -
Category
Design
-
view
44 -
download
0
Transcript of Um Pouco Sobre Cores na Web
![Page 1: Um Pouco Sobre Cores na Web](https://reader031.fdocumentos.tips/reader031/viewer/2022030310/58f9a9c3760da3da068b71eb/html5/thumbnails/1.jpg)
UMPOUCOSOBRECORESNAWEBPOR ÍTALO WAXMAN
![Page 2: Um Pouco Sobre Cores na Web](https://reader031.fdocumentos.tips/reader031/viewer/2022030310/58f9a9c3760da3da068b71eb/html5/thumbnails/2.jpg)
Cores são percepções visuais através das células cones, que transmitem ao nervo ótico as impressões que vão direto ao sistema nervoso.
![Page 3: Um Pouco Sobre Cores na Web](https://reader031.fdocumentos.tips/reader031/viewer/2022030310/58f9a9c3760da3da068b71eb/html5/thumbnails/3.jpg)
Saber como explorar, combinar e contrastar as cores criará efeitos visuais lógicos e sedutores.
Também é responsável por construir um design bem sucedido nesse ambiente flexível que é a web.
![Page 4: Um Pouco Sobre Cores na Web](https://reader031.fdocumentos.tips/reader031/viewer/2022030310/58f9a9c3760da3da068b71eb/html5/thumbnails/4.jpg)
As cores irão ter papel de favorecer ou prejudicar seu conteúdo ou ação desejada.
Servirão para atrair e manter novos usuários.
Terão papel fundamento para obter os sentimentos específicos e reações esperadas pelo usuário.
![Page 5: Um Pouco Sobre Cores na Web](https://reader031.fdocumentos.tips/reader031/viewer/2022030310/58f9a9c3760da3da068b71eb/html5/thumbnails/5.jpg)
Psicodinâmica das Cores tem a ver com os significados de acordo com o contexto de utilização.
No entanto existem alguns significados que são sentidos e interpretados da mesma maneira ao redor do mundo (ocidente) que são as cores primárias, secundárias, e neutras.
![Page 6: Um Pouco Sobre Cores na Web](https://reader031.fdocumentos.tips/reader031/viewer/2022030310/58f9a9c3760da3da068b71eb/html5/thumbnails/6.jpg)
01.CoresPrimárias
![Page 7: Um Pouco Sobre Cores na Web](https://reader031.fdocumentos.tips/reader031/viewer/2022030310/58f9a9c3760da3da068b71eb/html5/thumbnails/7.jpg)
VERMELHO Cor da paixão, do amor, do sangue, da atividade, da emoção, da luxuria, da empolgação, da juventude, da força, da confiança, do poder, da bravura.
Gera ansiedade, fome, acelera o cérebro, estimula ações e aumenta a frequência cardíaca e a respiração.
Ideal para as áreas automotivas, alimentícias, tecnologia, talvez para planos de saúde, seguros e artigos domésticos.
Fonte: https://www.agenciainbound.com.br/blog/ux-design-a-importancia-das-cores-para-o-sucesso-do-seu-site
![Page 8: Um Pouco Sobre Cores na Web](https://reader031.fdocumentos.tips/reader031/viewer/2022030310/58f9a9c3760da3da068b71eb/html5/thumbnails/8.jpg)
AZUL Cor da tranquilidade, da paz de espírito, do céu e do oceano, da tristeza, da serenidade, da responsabilidade, da confiança, do profissionalismo, da segurança, do controle, do propósito, do moderno.
Relaxa o organismo e desacelera o pensamento, conforta e acolhe.
Ideal para instituições financeiras, de saúde, de tecnologia, de viagens e energia.
Fonte: https://www.agenciainbound.com.br/blog/ux-design-a-importancia-das-cores-para-o-sucesso-do-seu-site
![Page 9: Um Pouco Sobre Cores na Web](https://reader031.fdocumentos.tips/reader031/viewer/2022030310/58f9a9c3760da3da068b71eb/html5/thumbnails/9.jpg)
AMARELO Cor do otimismo, da esperança, do calor, do sol, da felicidade, da energia, da criatividade, da luz, da motivação, da claridade, da fortuna.
Salta aos olhos e chama a atenção quase que imediatamente. Atrai os olhares.
Ideal para empresas de energia, de alimentos e artigos domésticos. Talvez para a indústria automotiva, de saúde e agrícola.
Fonte: https://www.agenciainbound.com.br/blog/ux-design-a-importancia-das-cores-para-o-sucesso-do-seu-site
![Page 10: Um Pouco Sobre Cores na Web](https://reader031.fdocumentos.tips/reader031/viewer/2022030310/58f9a9c3760da3da068b71eb/html5/thumbnails/10.jpg)
02.CoresSecundárias
![Page 11: Um Pouco Sobre Cores na Web](https://reader031.fdocumentos.tips/reader031/viewer/2022030310/58f9a9c3760da3da068b71eb/html5/thumbnails/11.jpg)
VERDE Cor do frescor, da natureza, da saúde, da calma, da limpeza, do equilíbrio, da renovação, da generosidade, da estabilidade, da positividade, da fortuna, do prestígio.
Traz confiança e acalma, porém suas variações mais escuras podem pender para sentimentos e sensações mais fortes.
Ideal para indústria de energia, instituições financeiras, alimentos naturais, artigos domésticos e tecnologia. Talvez para a área de saúde e agrícola.
Fonte: https://www.agenciainbound.com.br/blog/ux-design-a-importancia-das-cores-para-o-sucesso-do-seu-site
![Page 12: Um Pouco Sobre Cores na Web](https://reader031.fdocumentos.tips/reader031/viewer/2022030310/58f9a9c3760da3da068b71eb/html5/thumbnails/12.jpg)
LARANJA Cor da criatividade, da diversão, da extroversão, da espontaneidade, da amizade, do companheirismo, do calor humano, da energia, do impulso, da motivação, do instinto.
Combinação da coragem e atividade do vermelho com a alegria e energia do amarelo.
Ideal para empresas de tecnologia e de saúde. Talvez para alimentos e itens domésticos. Possui um forte apelo com o público infanto-juvenil.
Fonte: https://www.agenciainbound.com.br/blog/ux-design-a-importancia-das-cores-para-o-sucesso-do-seu-site
![Page 13: Um Pouco Sobre Cores na Web](https://reader031.fdocumentos.tips/reader031/viewer/2022030310/58f9a9c3760da3da068b71eb/html5/thumbnails/13.jpg)
ROXO Cor da realeza, da sofisticação, da elegância, do mistério, da originalidade, da riqueza, do diferente, do inconvencional, da fantasia, do respeito.
Atrai nosso senso de elitismo e refino, impõe respeito, se destaca da multidão.
Ideal para instituições financeiras, de tecnologia e da área da saúde. Talvez para a indústria automotiva, viagens, vestuário, alimentação e artigos domésticos. É a cor mais popular entre as marcas.
Fonte: https://www.agenciainbound.com.br/blog/ux-design-a-importancia-das-cores-para-o-sucesso-do-seu-site
![Page 14: Um Pouco Sobre Cores na Web](https://reader031.fdocumentos.tips/reader031/viewer/2022030310/58f9a9c3760da3da068b71eb/html5/thumbnails/14.jpg)
03.CoresNeutras
![Page 15: Um Pouco Sobre Cores na Web](https://reader031.fdocumentos.tips/reader031/viewer/2022030310/58f9a9c3760da3da068b71eb/html5/thumbnails/15.jpg)
PRETOCor do elitismo, da sofisticação, da noite, do prestigio, do alto padrão, do tradicional, do refinado, do poder, da riqueza, do uniforme, do dramático.
Adotado por marcas que queiram evidenciar o alto padrão de seus serviços.
Ideal para vestuário, automóveis, tecnologia e itens domésticos.
Fonte: https://www.agenciainbound.com.br/blog/ux-design-a-importancia-das-cores-para-o-sucesso-do-seu-site
![Page 16: Um Pouco Sobre Cores na Web](https://reader031.fdocumentos.tips/reader031/viewer/2022030310/58f9a9c3760da3da068b71eb/html5/thumbnails/16.jpg)
CINZA Cor do elitismo, da sofisticação, da noite, do prestigio, do alto padrão, do tradicional, do refinado, do poder, da riqueza, do uniforme, do dramático.
Repassa confiança e acolhe o público. Encaixa-se com quase todas as outras cores.
Ideal para empresas de tecnologia, vestuário, planos de saúde, energia, viagens, automotivo e artigos domésticos.
Fonte: https://www.agenciainbound.com.br/blog/ux-design-a-importancia-das-cores-para-o-sucesso-do-seu-site
![Page 17: Um Pouco Sobre Cores na Web](https://reader031.fdocumentos.tips/reader031/viewer/2022030310/58f9a9c3760da3da068b71eb/html5/thumbnails/17.jpg)
BRANCOCor da pureza, sinceridade e verdade. Também costuma ser usado como coringa, associando-se com eficiência junto a qualquer cor.
Passa uma sensação de paz para produtos e serviços que precisam demonstrar sua segurança e estabilidade.
Ideal para empresas de tecnologia, vestuário, planos de saúde, energia, viagens, automotivo e artigos domésticos.
Fonte: https://www.agenciainbound.com.br/blog/ux-design-a-importancia-das-cores-para-o-sucesso-do-seu-site
![Page 18: Um Pouco Sobre Cores na Web](https://reader031.fdocumentos.tips/reader031/viewer/2022030310/58f9a9c3760da3da068b71eb/html5/thumbnails/18.jpg)
Uma técnica simples e eficiente de combinar cores e destacar algo é utilizando cores complementares (opostas).
Mas tome cuidado! A tendência é que cores complementares produzam vibrância, ou seja, contraste deste tipo são péssimos para textos.
![Page 19: Um Pouco Sobre Cores na Web](https://reader031.fdocumentos.tips/reader031/viewer/2022030310/58f9a9c3760da3da068b71eb/html5/thumbnails/19.jpg)
Cores Neutras possuem um melhor contraste para leitura.
O contraste entre preto e branco é considerado o ideal devido a oposição de luminosidade.
![Page 20: Um Pouco Sobre Cores na Web](https://reader031.fdocumentos.tips/reader031/viewer/2022030310/58f9a9c3760da3da068b71eb/html5/thumbnails/20.jpg)
Para obter um efeito de leitura mais confortável opte por usar tonalidades de cores menos saturadas (menos intensas).
Como estamos falando de leitura em monitor, tonalidades mais saturadas podem causar desconforto e cansaço.
![Page 21: Um Pouco Sobre Cores na Web](https://reader031.fdocumentos.tips/reader031/viewer/2022030310/58f9a9c3760da3da068b71eb/html5/thumbnails/21.jpg)
Podemos fazer um simples teste que pode nos ajudar a ter certeza de um bom contraste / legibilidade.
Selecione cores para o background e texto, se tiver sensação de vibração (impressão de estar pulsando), significa uma péssimo contraste / legibilidade.
Alta vibração, baixa legibilidade Baixa vibração, boa legibilidade
![Page 22: Um Pouco Sobre Cores na Web](https://reader031.fdocumentos.tips/reader031/viewer/2022030310/58f9a9c3760da3da068b71eb/html5/thumbnails/22.jpg)
Não tenha medo de usar as cores à seu favor.
Com essas pequenas dicas, espero que consigam entender um pouco dessa magia das cores e como elas podem nos ajudar.
Uma web sem cor é uma web sem graça ;)
![Page 23: Um Pouco Sobre Cores na Web](https://reader031.fdocumentos.tips/reader031/viewer/2022030310/58f9a9c3760da3da068b71eb/html5/thumbnails/23.jpg)
Alguns links legais para dar aquela forcinha!
http://paletton.com/ http://www.colourlovers.com/ http://www.color-hex.com/ https://coolors.co/ https://uigradients.com http://www.lolcolors.com/ https://www.canva.com/color-palette/ https://color.adobe.com/pt/create/color-wheel/
![Page 24: Um Pouco Sobre Cores na Web](https://reader031.fdocumentos.tips/reader031/viewer/2022030310/58f9a9c3760da3da068b71eb/html5/thumbnails/24.jpg)
MUITO OBRIGADO!@italowaxman - fb.me/italowaxman