Lente Esagonale: un nido d’ape di esagoni di vetro su lilla e rosa
Lente Esagonale imposta Forma delle tessere su Esagoni, così un nido d’ape di celle di vetro, 7 per riga, copre un gradiente Flusso con la tavolozza Orchidea. Lilla, rosa cipria e viola profondo vorticano su una base prugna scuro con Distorsione a 60, e Forza della lente a 70, più alta che in Tessere di Vetro, ingrandisce il frammento di colore di ogni cella come una goccia d’acqua. Brina resta bassa, a 10, così le celle sembrano vetro trasparente dai bordi luminosi e non pannelli satinati.
Rendilo tuo
Riduci l’ingrandimento
Forza della lente a 70 ingrandisce molto il flusso dentro ogni esagono. Verso 30 le celle diventano vetro piatto che piega appena i colori, più tranquillo dietro una tabella prezzi o un modulo.
Cambia la scala del nido d’ape
Tessere per riga è a 7. Per un motivo grafico con celle grandi scendi a 4; da 12 in su gli esagoni si riducono a una trama fine. Velocità regola quanto in fretta il flusso scorre sotto le celle fisse.
Domande frequenti
Gli esagoni si muovono quando il gradiente è animato?
No, il nido d’ape resta fermo al suo posto. Con Anima attivo, il gradiente Flusso continua a muoversi sotto, così i colori scivolano attraverso ogni lente e vengono ingranditi al passaggio. Ottieni movimento senza che la griglia si sposti, e i layout costruiti sopra restano stabili.
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.