Uma das melhores maneiras de alterar o clima de um design de página da Web é alterar o esquema de cores. Se você usar cores para influenciar o clima, será útil entender as famílias de cores e o que elas representam. Famílias de cores são divisões da roda de cores em três tipos de cores:
- Cores quentes
- Cores frias
- Cores neutras
Embora seja possível ter um design que use cores de todas as três famílias, a maioria dos designs tem uma sensação geral de calor, frieza ou neutralidade.
Energize Com Cores Quentes
Cores quentes incluem tons de vermelho, laranja e amarelo e variações nessas cores. Eles são chamados cores quentes porque evocam uma sensação de luz solar e fogo - coisas que são quentes. Designs que usam cores quentes tendem a ser energizantes e edificantes. Eles implicam paixão e sentimentos positivos na maioria das pessoas. As cores quentes tendem a ser cores de criatividade, celebração, paixão, esperança e sucesso.
As cores quentes são criadas usando apenas as duas cores: vermelho e amarelo. Essas cores primárias se combinam para fazer laranja. Você não usa cores frias em uma paleta quente ao misturar cores.
Relaxe Com Cores Frescas
Cores frias incluem tons de verde, azul e roxo e variações nessas cores. Eles são chamados de cores frias porque evocam uma sensação de água, árvores e noite. Eles trazem uma sensação de relaxamento, calma e reserva. Designs que usam cores frias são frequentemente vistos como profissionais, firmes e profissionais.
Ao contrário das cores quentes, existe apenas uma cor primária, azul, nas cores frias. Então, para obter outras cores na paleta, você mistura vermelho ou amarelo com azul para ficar verde e roxo. Isso torna o verde e o roxo mais quentes que o azul, o que é uma cor fresca e pura.
Cores neutras
As cores neutras consistem em marrom, que é uma combinação de todas as três cores primárias e as duas cores restantes: preto e branco. Quanto mais turva ou cinzenta for uma cor, mais neutra ela se torna. Projetos neutros são os mais difíceis de definir, porque muito do sentimento que eles evocam é das cores quentes e frias que os influenciam. Os designs em preto e branco são considerados elegantes e sofisticados, mas, como essas cores são tão rígidas, podem ser desafiadoras ao criar projetos da Web eficazes.
Outra maneira de criar uma paleta neutra é adicionar preto ou branco a uma cor quente ou fria para deixar a cor mais cinza.
Usando famílias de cores no design da Web
Se você está tentando evocar um humor com o seu web design, as famílias de cores ajudam você a fazer isso. Uma boa maneira de testar isso é criar paletas diferentes nas três famílias de cores e comparar seu design usando as três. Você pode notar que o tom inteiro da página muda quando você altera a família de cores.
Aqui estão algumas paletas de amostra que você pode experimentar com sua página da web nas diferentes famílias de cores:
Caloroso
- # cc333F, # eb6841, # edc951
- # ffd573, # ff773d, # f73e3e
- # ffe545, #fefbaf, # c2a34f, # fbb829
- # ffab03, # fc7f03, # fc3903, # d1024e
Legal
- # 69d2e7, # a7dbd8, # e0e4cc
- # 2a044a, # 0b2e59, # 0d6759, # 7ab317, # a0c55f
- # 8ca315, # 5191c1, # 1e6495, # 0a4b75
- # 8fbfb9, # 6493a7, # bddb88, # e0f3b2, # eefaa8
Neutro
- # d9ceb2, # 948c75, # d5ded9, # 7a6a53, # 99b2b7
- # e6cba5, # ede3b4, # 8b9e9b, # bd7578
- # d8d0c8, # d2d0c8, # cbd0c8, # c4d0c8
- # 182009, # 464b35, # 757661, # d1ccb9
