Liquid Glass: Apples neues Interface-Design zwischen Nostalgie, Innovation und Kritik.

Mit„Liquid Glass“ präsentiert Apple ein neues UI-Design, das Design-Communitysspaltet. Für die einen ist es ein nostalgischer Rückgriff mit futuristischer Klarheit – für andere ein visuell überladener Stil, der die Nutzerfreundlichkeit einschränkt. Doch was genau steckt hinter dem neuen Look?

Im Rahmen der WWDC Anfang Juni stellte Apple ein neues plattformübergreifendes Interface-Konzept vor: „Liquid Glass“ – ein halbtransparentes, lichtbrechendes Design, das seine Umgebung spiegelt und Tiefe erzeugt. Eingesetzt wird das Material in schwebenden Leisten, interaktiven App-Elementen und individualisierbaren Oberflächen.

Apple beschreibt es als „reflektierendes, durchscheinendes Material mit realistischen Unschärfen und Glaseffekten“. Die Optik erinnert an frühere Designs wie das Aero-Interface von Windows (2007) oder Apples eigenes Aqua-Interface (2000).

Der neue Liquid-Glass-Stil sorgt für gespaltene Reaktionen: Während die einen ihn als gelungenen Rückgriff auf vertraute Designästhetik feiern und seine visuelle Tiefe sowie den auffälligen, fast futuristischen Look schätzen, kritisieren andere genau diese Punkte als problematisch.

Befürworter:innen empfinden das Interface als ausdrucksstark und raffiniert – ein markanter Kontrast zu reduzierten Standarddesigns.

Kritiker:innen hingegen bemängeln, dass die starke Nutzung von Transparenzen und Unschärfen die Lesbarkeit erschwert und insbesondere für Menschen mit Seheinschränkungen eine Barriere darstellen kann. Der Vorwurf hierbei ist, dass visuelle Wirkung über Nutzerfreundlichkeit gestellt wird. Gerade im Kontext digitaler Barrierefreiheit wirft der neue Stil daher wichtige Fragen auf – etwa, wie zugänglich ein Interface wirklich ist, das sich so stark auf visuelleReize verlässt.

Funktion geht vor Ästhetik:

„The Liquid Glass effect has hints of the 2000s Aero Design mixed with the futuristic hopes and ideas of glass mobile devices. It’s an eye-catching and refreshing effect – but it breaks the boundaries of accessibility for some users. For better usability, it’s advisable to apply it selectively, focusing on smaller sections or specific elements rather than entire layouts“, so Yalda Jalivand, Senior Art Director, amce studios.

3 Wege zur Umsetzung:

Als Webflow-Partneragentur haben wir 3 Optionen recherchiert, wie sich der Look technisch realisieren lässt.

1.    Design-Vorlage aus der Spline Community
In der Spline Community finden sich 3D-Designs mit Liquid-Glass-Effekt. Mit einem Klick auf „Remix“ lassen sich Projekte kopieren und im eigenen Account individuell bearbeiten – ideal für visuelle Experimente mit Tiefe und Spiegelung.

2.    Clonable Project in Webflow von Tim Rick
Unter diesem Link bietet Designer Tim Rick ein fertiges Clonable Project mit integriertem Liquid-Glass-Look an. Nach dem Kopieren kann es flexibel an eigene Markenwelten angepasst werden.

3.    Eigenentwicklung mit nativen Webflow-Funktionen
Wer den Effekt individuell bauen will, nutzt:

• Layer-Kompositionen mit strukturierten Containern
• Native Blur- und Transparenz-Effekte
• Optional: SVG-Displacement-Filter für Glas-Optik mit organischer Textur. So entsteht ein ähnlicher Look – auch ohne externe 3D-Tools.

‍