Barre a Piramide: un gradiente a barre simmetrico con il picco in ciano
Barre a Piramide allinea nove barre e imposta Profilo delle barre su Piramide, così salgono gradino dopo gradino fino alla più alta al centro e riscendono dall’altra parte. La tavolozza Marea elettrica attraversa la fila dal blu reale al ciano fino al viola, e ogni barra si scurisce un po’ verso la base su uno sfondo blu mezzanotte. Anima è attivo, ma il profilo tiene la forma e solo una piccola dose di rumore fa respirare le altezze, quindi si legge come il picco calmo di un equalizzatore e non come un indicatore agitato.
Rendilo tuo
Trasforma il picco in una valle
Passa Profilo delle barre da Piramide a Valle e le barre più alte si spostano alle due estremità, lasciando al centro un avvallamento dove sistemare un titolo. Onda invece disegna una sinusoide che rotola lungo la fila.
Allarga i gradini
Nove Bande danno gradini larghi. A 5 la piramide diventa un podio massiccio; da 17 in su una scalinata morbida. Tieni un numero dispari, così in cima resta una sola barra.
Domande frequenti
In cosa si differenzia Barre a Piramide da Barre Solari?
Barre Solari usa il profilo Rumore, quindi le altezze delle barre sono casuali e cambiano di continuo quando è animato. Barre a Piramide fissa le altezze in base alla posizione: più alte al centro, più basse ai bordi, con appena una leggera oscillazione. Sceglilo quando è la forma stessa a reggere il design, per esempio dietro una foto prodotto centrata.
Come funziona
Scegli un punto di partenza
Parti da uno dei 28 stili, come Mesh Morbida, Raggi d’Eclissi o Mezzatinta Riso, oppure scegli un tipo di gradiente e una delle 24 tavolozze.
Regola il gradiente
Regola scala, distorsione, vortice e morbidezza, aggiungi grana, pannelli o tessere di vetro, una sovrapposizione a punti, griglia o linee, un secondo livello fuso o un trattamento come mezzatinta o ordinamento pixel, e attiva l’animazione con una velocità dedicata.
Guardalo in anteprima e usalo
Guarda il gradiente nei layout landing page, scheda, mobile e registrazione, poi accedi con un account UX Pilot gratuito per usarlo nel canvas o esportarlo.