Barras Pirámide: un degradado de barras simétrico con la cima en cian
Barras Pirámide alinea nueve barras y pone Perfil de barras en Pirámide, así que suben peldaño a peldaño hasta la más alta en el centro y vuelven a bajar al otro lado. La paleta Marea eléctrica recorre la fila del azul real al cian y al violeta, y cada barra se oscurece un poco hacia su base sobre un fondo azul medianoche. Animar está activado, pero el perfil mantiene la forma y solo una pequeña dosis de ruido hace respirar las alturas, por lo que se lee como la cima tranquila de un ecualizador y no como un medidor nervioso.
Hazlo tuyo
Convierte la cima en un valle
Cambia Perfil de barras de Pirámide a Valle y las barras más altas pasan a los dos extremos, dejando en el medio un hueco donde cabe un titular. Onda, en cambio, traza una sinusoide que rueda por la fila.
Ensancha los peldaños
Nueve Bandas dan peldaños anchos. Con 5, la pirámide se vuelve un podio macizo; desde 17, una escalera suave. Mantén un número impar para que una sola barra quede sola en lo alto.
Preguntas frecuentes
¿En qué se diferencia Barras Pirámide de Barras Solares?
Barras Solares usa el perfil Ruido, así que sus alturas son aleatorias y cambian sin parar cuando está animado. Barras Pirámide fija las alturas según la posición: las más altas en el centro y las más bajas en los bordes, con apenas un ligero vaivén. Elígelo cuando la propia forma deba sostener el diseño, por ejemplo detrás de una foto de producto centrada.
Cómo funciona
Elige un punto de partida
Empieza con uno de los 28 estilos, como Malla Suave, Rayos de Eclipse o Semitono Riso, o elige un tipo de degradado y una de las 24 paletas.
Ajusta el degradado
Ajusta la escala, la distorsión, el remolino y la suavidad, añade grano, paneles o mosaicos de cristal, una superposición de puntos, cuadrícula o líneas, una segunda capa fusionada o un tratamiento como el semitono o la ordenación de píxeles, y activa la animación con su propia velocidad.
Previsualízalo y úsalo
Mira el degradado en diseños de landing page, tarjeta, móvil y registro, y después inicia sesión con una cuenta gratuita de UX Pilot para usarlo en el canvas o exportarlo.