Recursos: Paletas de Cores Gradientes UI

O gradiente vem ganhando cada vez mais espaço na web, então vamos facilitar para você.

Se você prestar bem atenção nas mudanças que o design vem tomando, irá perceber que as cores gradientes estão de volta, e melhor que antes. De uma hora para outra me parece que o gradiente voltou com tudo e está aparecendo em todos os lugares, principalmente no web design (UI).

Assim como já falamos em nosso artigo, o gradiente é uma das tendências de design em 2017. Mas não da forma que antigamente era usado, e sim de um modo mais refinado e estiloso. Veja estes exemplos abaixo:

Sendo assim, para te ajudar a encontrar o gradiente perfeito para seu próximo projeto, te indicamos 5 sites com paletas em gradientes incríveis! 🙂

Cores Gradientes UI: WebGradients

Des1gnon | Cores Gradientes - WebGradients

O WebGradients é um site free que possui mais de 180 paletas de gradientes lineares (umas mais bonita que a outra), e que você pode usar sem medo de ser feliz.

Pontos positivos:

• Perfeito para web: revela o código CSS3 pronto para copiar em seu website.

• Contém o código HEX

• Contém PNG.


Cores Gradientes UI: uiGradients

Des1gnon | Cores Gradientes - uiGradients

O uiGradients é similar ao WebGradientes, onde possui um bom número de paletas de gradientes e funciona da mesma maneira.

O diferencial é o fato de que qualquer pessoa poder criar seu próprio gradiente, assim outra pessoa se beneficiar também.

Pontos positivos:

• Te mostra o código CSS, pronto para copiar e colar

• Contém o código HEX.

• Criar seu próprio gradiente.


Cores Gradientes UI: Blend

Des1gnon | Cores Gradientes - Blend

No Blend é você mesmo quem cria suas cores e gradientes. Funciona assim: escolha duas cores, clique em “blend” e seu gradiente está pronto.

Pontos positivos:

• Práticidade. Muito bom para visualização rápida.

• Te mostra o código CSS, pronto para copiar e colar

• Dois formatos de visualização: Linear e Radial

Caso você conheça alguma outra fonte de cores gradientes indique para o blog, comente, dê sinal de fumaça. 😉

Share

Recursos: Paletas de Cores Gradientes UI

Discussion

2 Responses

Leave A Reply

Your email address will not be published. Required fields are marked *