Torna al Blog
UI DesignWeb DesignUX Research1 aprile 20267 min di lettura

Liquid Glass e i Trend UI 2026: Come Apple Sta Ridefinendo il Design delle Interfacce (e Cosa Devi Sapere)

Il Liquid Glass di Apple con iOS 26 è il fenomeno visivo del 2026: un'estetica trasparente e materica che sta contagiando tutto il settore, da Microsoft a Google. Scopri come funziona, perché è così potente e come applicarlo nei tuoi progetti di UI design.

Liquid Glass e i Trend UI 2026: Come Apple Sta Ridefinendo il Design delle Interfacce (e Cosa Devi Sapere)

Se hai aperto Figma o X (ex Twitter) nelle ultime settimane, è impossibile che tu non l'abbia visto: il Liquid Glass è ovunque. Lanciato da Apple con iOS 26 e iPadOS 26, questo linguaggio visivo ha fatto esattamente quello che ci si aspetta da Apple quando è in forma: ha spostato il baricentro estetico dell'intera industria del design.

Ma il Liquid Glass non è solo una moda passeggera. È il segnale di un cambiamento più profondo nel modo in cui pensiamo alle interfacce, ai materiali digitali e all'estetica nell'era dell'AI. In questo articolo analizziamo cosa sta succedendo, perché importa e soprattutto cosa puoi fare come designer per non farti trovare impreparato.

Cos'è il Liquid Glass (e perché sta cambiando tutto)

Il Liquid Glass è un sistema di materiali digitali introdotto da Apple con iOS 26. L'idea di base è semplice: le superfici dell'interfaccia smettono di essere piatte o semitrasparenti come nel classico frosted glass del design Apple pre-2026, e diventano vive, rifrattive e quasi fisicamente percepibili.

Pensa a una bolla di sapone che riflette l'ambiente intorno a sé, oppure a un pezzo di vetro soffiato che cattura e distorce la luce. Ecco il Liquid Glass: un effetto visivo che simula la rifrazione della luce, la profondità e la fluidità del vetro liquido, applicato sistematicamente a pulsanti, schede, menu e icone.

Le caratteristiche tecniche principali

  • Rifrazione della luce: gli elementi UI simulano come il vetro reale curva e distorce ciò che sta dietro
  • Riflessi dinamici: le superfici cambiano aspetto in base al contenuto sottostante e (sugli iPhone più recenti) in base all'orientamento del dispositivo
  • Profondità e stratificazione: si crea una chiara gerarchia visiva tra gli strati dell'interfaccia, senza bisogno di ombre pesanti o bordi netti
  • Coerenza sistemica: non è un effetto applicato qua e là; Apple ha ridisegnato l'intero sistema di icone, widget e componenti nativi attorno a questa logica
  • Secondo i dati di Figma's 2025 AI Design Report, il 51% dei designer che lavora su prodotti AI sta già costruendo interfacce agentiche. Il Liquid Glass arriva in questo contesto come risposta estetica: le interfacce devono sembrare intelligenti, fluide, quasi viventi.

    Perché Apple ha scelto proprio questo stile nel 2026

    Non è una scelta casuale. Siamo in un momento storico in cui le interfacce digitali devono competere, in termini di percezione e credibilità, con l'AI conversazionale. Le chat con Claude, ChatGPT o Gemini sembrano potenti e magiche, ma visivamente sono piatte. Apple ha risposto con un'estetica che porta fisicità e calore nelle UI tradizionali.

    C'è anche una motivazione psicologica forte. La ricerca UX dimostra da anni che gli utenti percepiscono come più affidabili e sofisticate le interfacce con profondità visiva e coerenza materica. Il Liquid Glass non è solo bello: aumenta la percezione di qualità e controllo in un momento in cui l'AI sta erodendo la fiducia degli utenti verso le interfacce "troppo perfette".

    Il contesto: non è solo Apple

    Microsoft ha aggiornato le icone delle sue app principali nel 2025-2026 introducendo materiali 3D (vetro, metallo, superfici riflettenti) in linea con questa tendenza globale. Google sta sperimentando con Material You 3.0, che porta concetti simili di profondità e adattività cromatica nell'ecosistema Android.

    Parallelamente, Pantone ha dichiarato il Cloud Dancer (PANTONE 11-4201) colore dell'anno 2026: un bianco latte caldo, quasi madreperlaceo, che risuona perfettamente con l'estetica traslucida del Liquid Glass. Non è una coincidenza: è un allineamento culturale tra moda, interior design e UI design che capita raramente e vale la pena cavalcare.

    Come il Liquid Glass cambia il lavoro del designer

    1. Il ritorno del pensiero materiale

    Uno degli effetti più interessanti di questa tendenza è che costringe i designer a pensare di nuovo in termini di materiali e proprietà fisiche. Negli anni del flat design e del neomorphism, il dibattito estetico era quasi interamente bidimensionale. Ora devi chiederti: come si comporta la luce su questa superficie? Cosa c'è dietro? Quanto è trasparente?

    Per chi viene da un background di design industriale o architettonico, questa è una buona notizia. Per chi ha sempre lavorato in digitale puro, è il momento di studiare il comportamento della luce, dei materiali reali e della rifrazione.

    2. Le implicazioni per Figma e i tool di design

    Figma non supporta nativamente la rifrazione del vetro con le stesse capacità dei motori di rendering 3D. Tuttavia, con l'arrivo di Figma Make e le nuove funzionalità AI, è possibile avvicinarsi a questi effetti attraverso:

  • Blur gaussiani stratificati con opacità differenziata
  • Gradienti angolari che simulano il riflesso della luce
  • Background blur applicato a livelli con mix blend mode impostato su Screen o Overlay
  • Plugin dedicati come Neumorphism, Glassmorphism Generator e, più recentemente, tool AI come Galileo e Moonchild AI che generano UI con materiali avanzati direttamente da prompt
  • Attenzione però: il rischio principale del Liquid Glass in mani inesperte è l'illeggibilità. Un testo su uno sfondo traslucido e rifrattivo può diventare inaccessibile in pochi secondi. Apple stessa ha dovuto bilanciare l'effetto con sistemi di adattamento automatico del contrasto. Prima di spingere sull'acceleratore estetico, assicurati che il tuo design superi le verifiche WCAG 2.2 AA.

    3. L'accessibilità prima di tutto

    Questa è forse la lezione più importante. Il Liquid Glass è bellissimo sui device Apple di ultima generazione, con schermi OLED ad alta luminosità e GPU potenti. Ma su device più datati, su sistemi operativi diversi o per utenti con disabilità visive, lo stesso effetto può diventare un ostacolo.

    Come designer, il tuo compito è garantire che il layer estetico non comprometta mai il layer funzionale. Alcune regole pratiche:

  • Testa sempre con la modalità Aumenta contrasto attiva su iOS
  • Usa il rapporto di contrasto come vincolo di progetto, non come rifinitura finale
  • Prevedi varianti dark/light mode con parametri di blur e opacità differenziati
  • Non applicare mai il Liquid Glass a elementi di testo primari o CTA critiche senza un fondo solido dedicato
  • Come applicare il Liquid Glass nei tuoi progetti web

    Se lavori su siti web o webapp, la buona notizia è che CSS ha strumenti potenti per avvicinarsi a questi effetti. La proprietà backdrop-filter con blur() e saturate() combinata a background: rgba() è la base del glassmorphism web. Per il Liquid Glass più avanzato, puoi aggiungere:

    .liquid-glass-card {
      background: rgba(255, 255, 255, 0.12);
      backdrop-filter: blur(20px) saturate(180%);
      -webkit-backdrop-filter: blur(20px) saturate(180%);
      border: 1px solid rgba(255, 255, 255, 0.25);
      border-radius: 20px;
      box-shadow: 
        0 4px 24px rgba(0, 0, 0, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.5);
    }

    L'inset box-shadow superiore simula il riflesso della luce sul bordo superiore del vetro: è il dettaglio che fa la differenza tra un frosted glass generico e qualcosa che sembra davvero tridimensionale.

    Nota di performance: backdrop-filter è computazionalmente costoso. Limitane l'uso a 3-4 elementi per pagina, e testa sempre su device mobile reali prima di andare live.

    Il trend più ampio: il ritorno dell'estetica materica

    Il Liquid Glass non è un fenomeno isolato. Si inserisce in una tendenza culturale più ampia che il mondo del design sta attraversando nel 2026: il ritorno al materiale, al tattico, al percepibile.

    Dopo anni di interfacce minimaliste, flat e quasi astratte, gli utenti cercano qualcosa che sembri reale. Il nature distilled (palettes terrose, toni caldi della pelle e del legno) risponde allo stesso bisogno sul versante cromatico. Il Liquid Glass lo fa sul versante della texture e della profondità.

    È un paradosso affascinante: mentre l'AI rende il mondo digitale sempre più astratto e immateriale, il design visuale spinge nella direzione opposta, cercando di restituire fisicità e presenza alle interfacce.

    Cosa fare adesso come designer

    Se sei un designer freelance o lavori in un team di prodotto, ecco le azioni concrete che ti consiglio di fare oggi:

  • Studia le HIG di Apple per iOS 26: la documentazione Human Interface Guidelines è aggiornata con tutti i nuovi componenti Liquid Glass. È gratis ed è la fonte più autorevole
  • Sperimenta in Figma con i blend mode avanzati: dedica una sessione di 2 ore a costruire componenti glassmorphism/liquid glass nel tuo design system personale
  • Aggiorna il tuo portfolio: se stai facendo redesign o concept work, includere almeno un progetto con questo linguaggio visivo ti posiziona come designer aggiornato
  • Testa l'accessibilità di ogni effetto: usa strumenti come Stark per Figma o il color contrast checker di WebAIM
  • Non copiare, interpreta: il Liquid Glass di Apple funziona dentro l'ecosistema Apple. Il tuo compito è capire il perché funziona e trovare la tua versione, coerente con il brand e il contesto del tuo progetto
  • Conclusione

    Il Liquid Glass non è solo un trend estetico da inseguire: è un segnale di dove sta andando il design delle interfacce. Verso una maggiore fisicità, profondità e coerenza sistemica. Verso interfacce che sembrano costruite con materiali reali, anche quando esistono solo come pixel.

    Come sempre, il design migliore non è quello che segue il trend più rumoroso, ma quello che capisce le forze culturali e tecnologiche in gioco e le usa in modo intenzionale al servizio dell'utente.

    Se vuoi approfondire come applicare questi principi ai tuoi progetti concreti (dal web design al product design), scrivimi direttamente o esplora i servizi di stopidesign.com. Progettiamo interfacce che funzionano e che si fanno ricordare.

    Parliamone

    Hai un progetto in mente?

    Prenota una chiamata gratuita di 30 minuti per discutere le tue esigenze e capire come posso aiutarti.