Barras Solares: um gradiente de barras animado em laranja, dourado e vermelho vivo
Barras Solares parece um equalizador de áudio apanhado à hora dourada. Dezoito barras de altura desigual atravessam a imagem em laranja flamejante, amarelo-dourado e vermelho vivo, cada uma a esbater-se na base quase preta ao longo do seu comprimento e, com Animar ativado, as alturas não param de mudar. Uma Vinheta de 30 emoldura a fila, e o conjunto combina com produtos de música, podcasts, dados e fitness.
Torne-o seu
Afine ou engrosse as barras
Desça as Faixas de 18 para 8 para obter blocos robustos que lembram um gráfico de barras, ou leve-as a 24 para um espectro denso. Menos barras deixam à vista mais da base escura, o que ajuda o texto claro.
Endureça os topos das barras
A Suavidade está no valor predefinido de 45, o que dá a cada barra um topo ligeiramente esbatido. Baixe-a para perto de 10 para topos duros e digitais, ou suba a Velocidade de 30 para 55 se as alturas devem mudar com mais urgência.
Perguntas frequentes
A animação das barras reage a áudio real?
Não. As alturas das barras seguem um padrão de ruído incorporado, por isso o movimento lembra um equalizador, mas não é conduzido pelo som. Isso também significa que não há nada para ligar: corre simplesmente como fundo. Use a Velocidade para definir a rapidez com que as alturas mudam, ou desative Animar para obter um fotograma parado.
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.