espera aí...

5 de janeiro de 2019

5 ferramentas favoritas de gradiente

5 ferramentas favoritas de  gradiente

Gradientes – talvez você os ame, talvez você não goste. De qualquer maneira, eles têm sido muito populares no mundo do design nos últimos anos e não parece que eles irão para qualquer lugar em breve. Se você já não pode contar por algumas de nossas landing pages , nós adoramos usar gradientes no Dribbble, porque além de adicionar camadas de profundidade, eles nos dão a liberdade de criar cores super personalizadas!

Em homenagem aos nossos amados gradientes, montamos uma lista de cinco ferramentas de seleção de gradiente online favoritas. A melhor parte é que eles são todos gratuitos! Esperamos que você goste deles tanto quanto nós.

1. Grabient

5 ferramentas favoritas de gradiente

O Grabient foi criado no ano passado pela nossa equipe do Unfold aqui no Dribbble. Adoramos essa ferramenta porque é extremamente flexível – você tem controle total sobre o conjunto de gradientes em termos de personalização. Altere o ângulo, adicione ou remova cores e edite até que ponto cada cor é exibida.

Estamos acompanhando de perto o perfil da equipe do Unfold porque parece que eles estão trabalhando em uma nova página de destino para o Grabient. Está fantástico e estamos entusiasmados com o novo site!

Grabient – Landing Page

de EDDIE LOBANOVSKIY para UNFOLD

Grabient – fazendo pop! 🤪

VISUALIZAR NO DRIBBBLE

2. Guru de Gradientes

5 ferramentas favoritas de gradiente

Gradientes O Guru oferece algumas centenas de lindos gradientes que você pode classificar por “legal” (cores suaves, mais claras) ou “fortes” (cores muito mais saturadas). O que nós amamos é que você pode girar o ângulo de cada gradiente com o clique de um botão e obter a aparência exata que você está procurando.

Outro recurso útil que eles têm é chamado de “Blend Mode”, onde você pode aplicar e sobrepor o gradiente escolhido a qualquer imagem. Você pode personalizar a transparência do gradiente sobre a imagem e a variante de cor. Quando tudo estiver terminado, basta clicar em “Download”. Aqui está um exemplo:

5 ferramentas favoritas de gradiente

3. Gradientes de Ovos

O Egg Gradients tem mais de 200 combinações de gradientes para escolher – e sim, os gradientes são exibidos na forma de ovos! Nós amamos esta ferramenta em particular porque os nomes gradientes são ridiculamente inteligentes (ou seja, “Notificação de ex” e “funeral de John Snow”, para citar alguns). Se você quiser classificar os gradientes por cor, você também pode fazer isso clicando no matiz desejado sob a instrução de introdução. Para usar qualquer um dos gradientes em seu design, basta copiar e colar os códigos hexadecimais e replicar o gradiente, ou simplesmente copiar o CSS. Abaixo estão alguns dos nossos outros nomes de gradientes favoritos.

5 ferramentas favoritas de gradiente

4. gradientes da interface do usuário

5 ferramentas favoritas de gradiente

Dirija-se para gradientes de interface do usuário e BOOM – você vai encontrar-se cara a cara com um gradiente grande e bonito. Copie e cole o código hexadecimal ou CSS, ou baixe um arquivo .jpg de alta resolução do gradiente. Você pode até mesmo adicionar seu próprio gradiente personalizado ao site usando as instruções do GitHub na opção Adicionar um gradiente . Adoramos o tamanho da exibição dos gradientes e como é fácil alternar entre todos eles com as teclas de seta. Mas se você preferir ver todos os gradientes de uma só vez, há uma opção para isso em Mostrar todos os gradientes .

5. Gradientes da Web

5 ferramentas favoritas de gradiente

Outra ferramenta simples que poupa muito tempo é o Webgradients.com , uma coleção de 180 gradientes de segundo plano. Ao contrário de algumas das outras ferramentas mencionadas aqui, esses gradientes não são personalizáveis, mas eles já foram perfeitamente selecionados pela equipe de design que criou o aplicativo. Nós amamos que você pode baixar a coleção completa para Photoshop e Sketch como pronto para usar arquivos! Então, se você está procurando por gradientes de agarrar e ir, esta ferramenta provavelmente será ideal para você.

Isso é tudo – espero que essas ferramentas sejam úteis na próxima vez que você quiser implementar um bom gradiente em seu design. Agora, é hora de brincar com cada um deles e descobrir qual ferramenta funciona melhor para o seu fluxo de trabalho. Não podemos esperar para ver todas as cores personalizadas que você cria!

Posted in Blog
Write a comment