Descrição: cor é uma das mais importantes decisões no design de um site. Dado que uma pessoa julga rapidamente um site, a sua paleta de cores deve ser um dos fatores que fará com que seu público queira permanecer nele. Claro, existem muitos outros fatores de sucesso envolvidos no design de um site, mas a cor é certamente um dos mais poderosos.
Use essas paletas para te ajudar a decidir qual tipo de vibe, humor ou estética geral você gostaria de comunicar com seus designs. Esses sites foram escolhidos baseados na seleção do Awwward`s website of the day. Vamos analisar portfólios, lançamentos de produtos e páginas simplesmente lindas da web para você se inspirar.
*Por favor, note que os códigos de cores correspondem às cores usadas nos sites. As cores apresentadas nas paletas podem estar ligeiramente desativadas devido às imagens salvas na internet.
#18181a, #e5b622, #bf3e43, #bec2c1
2. Hypergiant
#0c1f38, #e65401, #fef200, #a7e0d7
3. Ono Meals
#ff623f, #14521d, #d2c520, #dcd4d2
#0a1a34, #015f9d, #dec5c8, #e9e9e9
#252529, #ac4186, #f6a9b8, #01b1af
#193e51, #146666, #6b6b87, #c3bd2e
7. Momkai
#270425, #e36662, #f57923, #d5d5d5
8. Mutt
#871628, #cd0021, #003a74, #f8cba9
#f35166, #ff634d, #2c1d44, #f0ff42
10. EVS Wishes 2018
#060024, #370043, #e671ad, #4ac2ed
11. 10×17
#2d2d13, #fa4a32, #ffc70e, #4b4be1
12. Monopo
#151219, #60323d, #323858, #346369
13. Duroc
#334188, #7799d9, #fc7478, #e7d952
14. Fotonaut Events
#5252d4, #8b8be2, #eb1636, #242130
15. MING Labs
#fe2739, #f6505e, #e98c94, #e7e3e0
16. Bolden
#1a1907, #f41d08, #1cd3e3, #ffffff
#41485a, #3d5267, #97a9bd, #c86466
#010b14, #082640, #825b56, #84b99b
19. Garden Estúdio
#382d3b, #d84361, #c6ce9d, #eedeab
20. Ondo
#063640, #5e9e47, #112a52, #f29c9f
Não sabe como aplicá-las? Talvez nossa capa sobre dicas de design gráfico para não designers te ajude a começar. Volte para o básico da teoria das cores para aplicar seu conhecimento.
Os esquemas de cores podem ajudar na legibilidade, beleza e coesão da sua página. O que as cores traduzem? Que tipo de combinação vai enviar a mensagem certa sem palavras? Por fim, o que você espera alcançar com suas cores escolhidas? Todas essas questões são muito importantes na fase inicial de tomada de decisão e de brainstorming. Esperamos que nosso artigo tenha ajudado você a ver como até mesmo os menores detalhes resultam em mensagens intencionais no design de site.
cor é uma das mais importantes decisões no design de um site. Dado que uma pessoa julga rapidamente um site, a sua paleta de cores deve ser um dos fatores que fará com que seu público queira permanecer nele. Claro, existem muitos outros fatores de sucesso envolvidos no design de um site, mas a cor é certamente um dos mais poderosos.
Use essas paletas para te ajudar a decidir qual tipo de vibe, humor ou estética geral você gostaria de comunicar com seus designs. Esses sites foram escolhidos baseados na seleção do Awwward`s website of the day. Vamos analisar portfólios, lançamentos de produtos e páginas simplesmente lindas da web para você se inspirar.
*Por favor, note que os códigos de cores correspondem às cores usadas nos sites. As cores apresentadas nas paletas podem estar ligeiramente desativadas devido às imagens salvas na internet.
#18181a, #e5b622, #bf3e43, #bec2c1
2. Hypergiant
#0c1f38, #e65401, #fef200, #a7e0d7
3. Ono Meals
#ff623f, #14521d, #d2c520, #dcd4d2
#0a1a34, #015f9d, #dec5c8, #e9e9e9
#252529, #ac4186, #f6a9b8, #01b1af
#193e51, #146666, #6b6b87, #c3bd2e
7. Momkai
#270425, #e36662, #f57923, #d5d5d5
8. Mutt
#871628, #cd0021, #003a74, #f8cba9
#f35166, #ff634d, #2c1d44, #f0ff42
10. EVS Wishes 2018
#060024, #370043, #e671ad, #4ac2ed
11. 10×17
#2d2d13, #fa4a32, #ffc70e, #4b4be1
12. Monopo
#151219, #60323d, #323858, #346369
13. Duroc
#334188, #7799d9, #fc7478, #e7d952
14. Fotonaut Events
#5252d4, #8b8be2, #eb1636, #242130
15. MING Labs
#fe2739, #f6505e, #e98c94, #e7e3e0
16. Bolden
#1a1907, #f41d08, #1cd3e3, #ffffff
#41485a, #3d5267, #97a9bd, #c86466
#010b14, #082640, #825b56, #84b99b
19. Garden Estúdio
#382d3b, #d84361, #c6ce9d, #eedeab
20. Ondo
#063640, #5e9e47, #112a52, #f29c9f
Não sabe como aplicá-las? Talvez nossa capa sobre dicas de design gráfico para não designers te ajude a começar. Volte para o básico da teoria das cores para aplicar seu conhecimento.
Os esquemas de cores podem ajudar na legibilidade, beleza e coesão da sua página. O que as cores traduzem? Que tipo de combinação vai enviar a mensagem certa sem palavras? Por fim, o que você espera alcançar com suas cores escolhidas? Todas essas questões são muito importantes na fase inicial de tomada de decisão e de brainstorming. Esperamos que nosso artigo tenha ajudado você a ver como até mesmo os menores detalhes resultam em mensagens intencionais no design de site.
20 lindas paletas de cores de sites para inspiração, Maykon Silveira, DICAS DE CORES PARA O SEU SITE, dicas de cores para sites, paleta de cores para sites, cursos online
