Tessere di Vetro: tessere arrotondate di vetro satinato su una mesh blu elettrico
Tessere di Vetro posa una griglia di quadrati di vetro arrotondati su un gradiente Reticolo in blu reale, ciano e viola, su fondo blu mezzanotte. Forma delle tessere è su Arrotondato con 4 Tessere per riga, e ogni tessera funziona come una piccola lente: Forza della lente a 60 ingrandisce i colori dietro soprattutto al centro e meno verso il bordo, mentre Brina a 15 aggiunge una leggera sfocatura. Ogni tessera cattura la luce sul bordo in alto a sinistra e proietta un’ombra morbida in basso a destra, il vetro in rilievo del glassmorphism senza costruirlo livello per livello.
Rendilo tuo
Satina di più il vetro
Brina è solo a 15, quindi il gradiente resta nitido dentro ogni tessera. Verso 50 le tessere sfocano i colori e prendono una patina lattiginosa, più vicina al vetro smerigliato di un bagno, che offre un fondo più calmo al testo posato sopra.
Ridimensiona la griglia
Tessere per riga decide quante tessere entrano in larghezza. Con 2 ottieni due grandi pannelli adatti a un hero diviso; da 8 in su la griglia diventa un mosaico. Porta Forma delle tessere su Cerchio per bottoni di vetro o su Rombo per un motivo arlecchino.
Domande frequenti
In cosa differiscono le tessere di vetro dal cursore Vetro?
Vetro taglia l’intera immagine in pannelli verticali scanalati, come un vetro cannettato. Le tessere di vetro sono lenti separate in una griglia, ognuna con la propria vista ingrandita, il bordo illuminato e l’ombra. In questo stile Vetro resta a 0, quindi le tessere sono l’unico vetro sullo schermo.
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.