Bolinhas de Néon: manchas em rosa-choque, violeta e ciano à deriva sobre rosa pálido
Em Bolinhas de Néon, três círculos de contorno suave em rosa-choque, violeta e ciano-céu flutuam sobre uma base rosa pálido. O tipo Manchas mantém cada cor como uma forma própria em vez de misturar tudo e, com Animar ativado, as formas vagueiam um pouco à volta das suas posições de origem. A Suavidade em 55 esbate os contornos num brilho, um ambiente jovem e animado para apps de consumo, onboarding e produtos para crianças.
Torne-o seu
Afie até obter formas planas
Leve a Suavidade de 55 para 10 e as manchas tornam-se discos nítidos, mais perto de papel recortado do que de luz. Adicione um Padrão de Pontos com uma Quantidade do padrão baixa para um ar de cartaz ao estilo Memphis.
Defina o ritmo da deriva
A Velocidade mantém-se no valor predefinido de 30, uma flutuação preguiçosa. Para um ecrã de abertura, suba para 60; por trás de um formulário, 10 a 15 mantém o movimento quase impercetível.
Perguntas frequentes
Qual é a diferença entre um gradiente de manchas e um gradiente mesh?
Uma malha mistura os seus pontos de cor num único campo contínuo. O tipo Manchas mantém-nos separados: cada cor é um círculo com o seu próprio contorno suave, pousado sobre a cor de base. Bolinhas de Néon e Doce Rodopio partilham a paleta Rebuçado, por isso alternar entre os dois mostra bem a diferença.
Como funciona
Escolha um ponto de partida
Comece por um dos 28 estilos, como Malha Suave, Raios de Eclipse ou Meio-Tom Riso, ou escolha um tipo de gradiente e uma das 24 paletas.
Ajuste o gradiente
Ajuste a escala, a distorção, o redemoinho e a suavidade, adicione granulação, painéis ou mosaicos de vidro, uma sobreposição de pontos, grelha ou linhas, uma segunda camada misturada ou um tratamento como meio-tom ou ordenação de píxeis, e ative a animação com a sua própria velocidade.
Pré-visualize e use
Veja o gradiente em layouts de landing page, cartão, telemóvel e registo e, depois, inicie sessão com uma conta gratuita do UX Pilot para usar o resultado no canvas ou para o exportar.