Barras Pirâmide: um gradiente de barras simétrico com o pico em ciano
Barras Pirâmide alinha nove barras e coloca o Perfil das barras em Pirâmide, por isso sobem degrau a degrau até à mais alta no centro e voltam a descer do outro lado. A paleta Maré elétrica atravessa a fila do azul-real ao ciano e ao violeta, e cada barra escurece um pouco junto à base, sobre um fundo azul meia-noite. Animar está ativado, mas o perfil segura a forma e só uma pequena dose de ruído faz respirar as alturas, por isso lê-se como o pico calmo de um equalizador e não como um medidor irrequieto.
Torne-o seu
Transforme o pico num vale
Mude o Perfil das barras de Pirâmide para Vale e as barras mais altas passam para as duas pontas, deixando ao meio uma depressão onde cabe um título. Onda, por outro lado, traça uma sinusoide que rola pela fila.
Alargue os degraus
Nove Faixas dão degraus largos. Com 5, a pirâmide torna-se um pódio maciço; a partir de 17, uma escada suave. Mantenha um número ímpar para que uma única barra fique sozinha no topo.
Perguntas frequentes
Em que difere Barras Pirâmide de Barras Solares?
Barras Solares usa o perfil Ruído, por isso as alturas das barras são aleatórias e mudam sem parar quando está animado. Barras Pirâmide define as alturas pela posição: mais altas ao meio, mais baixas nas margens, apenas com uma ligeira oscilação. Escolha-o quando a própria forma deve sustentar o design, por exemplo por trás de uma foto de produto centrada.
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.