Liquid Glass

Liquid Glass
[[Datei:|150px]]
Basisdaten
Maintainer
Entwickler	Apple
Erscheinungsjahr	9. Juni 2025
Aktuelle Version	26.3
Aktuelle Vorabversion	()
Betriebssystem	iOS, iPadOS, macOS, tvOS, visionOS, watchOS
Programmier­sprache	Swift und Objective-C
Lizenz
https://developer.apple.com/documentation/technologyoverviews/liquid-glass

Liquid Glass ist eine von Apple entwickelte Designsprache, die als einheitliches visuelles Konzept für die grafischen Benutzeroberflächen der Betriebssysteme des Unternehmens dient. Es wurde am 9. Juni 2025 auf der Worldwide Developers Conference vorgestellt. Liquid Glass zeichnet sich durch eine flüssige, dynamische, glasartige Oberfläche aus, die den Hintergrund reflektiert und bricht. Die Designsprache wurde in iOS 26, iPadOS 26, macOS Tahoe, tvOS 26, visionOS 26 und watchOS 26 eingeführt.

Prinzipien

Apple strebte eine neue Designsprache an, um das Erscheinungsbild und die Bedienbarkeit der Bedienelemente über alle Geräte hinweg zu vereinheitlichen, trotz der unterschiedlichen Fenstergrößen und Displays.<ref>Vorlage:Cite book/Name: [ Apple's new Liquid Glass design is its biggest visual update in years.] In: Engadget. , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; abgerufen am 12. Juni 2025 (). Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref><ref>Vorlage:Cite book/Name: [ iOS 26 vs iOS 18: Is Apple's 'Liquid Glass' a true redesign?] In: AppleInsider. , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; abgerufen am 12. Juni 2025 (). Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref> Das Unternehmen entschied sich, von den flachen Designmerkmalen, die durch Jony Ive mit iOS 7 (2013) populär gemacht wurden, zu mehr ausdrucksstarken, skeuomorphen Elementen überzugehen.<ref name=":2">Reece Rogers: ‘Beautiful’ and ‘Hard to Read’: Designers React to Apple’s Liquid Glass Update. In: Wired. ISSN 1059-1028 (wired.com [abgerufen am 2. März 2026]). </ref><ref>Vorlage:Cite book/NameVorlage:Cite book/Name: [ Apple Ushers in New Glassy Design With iOS 26 and 'Liquid Glass' Interface.] In: Gizmodo. , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; abgerufen am 11. Juni 2025 (). Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref> Zudem wurde ein dynamisches „Material“ eingeführt – in Apples Terminologie ein visueller Effekt, der Tiefe und Hierarchie zwischen den Elementen vermittelt.

Das „Material“ von Liquid Glass verbindet die „optischen Eigenschaften von Glas mit einem Gefühl von Flüssigkeit“.<ref>Vorlage:Cite book/Name: [ Liquid Glass.] In: Apple Developer Documentation. , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; abgerufen am 10. Juni 2025 (). Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref> Es enthält transluzente Elemente, die sich an ihre Umgebung anpassen und Elemente hinter ihnen brechen oder reflektieren. Beleuchtung wird eingesetzt, um klares oder mattiertes Glas zu simulieren; die Elemente passen sich an helle oder dunkle Oberflächen an, um Text und Symbole auf dem Material gut lesbar zu machen.<ref name="WWDC25">Vorlage:Cite book/Name: [ Meet Liquid Glass - WWDC25 - Videos.] In: Apple Developer. , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; abgerufen am 10. Juni 2025 (). Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref><ref name=":0">Vorlage:Cite book/NameVorlage:Cite book/Name: [ For Liquid Glass, 'the most obvious inspiration was visionOS', says Apple's Senior VP of Software Engineering.] In: TechRadar. , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; abgerufen am 11. Juni 2025 (). Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref><ref name="Human Interface Guidelines">Vorlage:Cite book/Name: [ Human Interface Guidelines.] In: Apple Developer Documentation. , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; abgerufen am 10. Juni 2025 (). Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref><ref name=":4">Vorlage:Cite book/Name: [ Adopting Liquid Glass.] In: Apple Developer Documentation. , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; abgerufen am 6. Juli 2025 (). Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref> Auf iOS und iPadOS reagieren die Elemente auf Bewegungen des Geräts und Fingern mit Animationen, die die Bewegung eines Tropfens Flüssigkeit nachahmen.<ref>Apple introduces a delightful and elegant new software design. Abgerufen am 2. März 2026 (). </ref>

Apples aktualisierte Richtlinien für die Gestaltung von Benutzeroberflächen besagen, dass Apps, die mit Liquid Glass erstellt werden, eine klare Hierarchie zwischen Inhalt und Bedienelementen darstellen sollten.<ref>Vorlage:Cite book/Name: [ Materials.] In: Apple Developer Documentation. , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; abgerufen am 12. Juni 2025 (). Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref>

Implementierung

Liquid Glass überarbeitet bestehende iOS-Interface-Komponenten wie Text, Schieberegler, Umschalter, Benachrichtigungen, Panels und Seitenleisten. Das Material ist in verschiedenen Apps und Systemfunktionen integriert, darunter das Dock, Benachrichtigungen und das Kontrollzentrum; zudem kann es von Drittanbieter-Apps verwendet werden.<ref name=":4"></ref><ref>Vorlage:Cite book/NameVorlage:Cite book/Name: [ Apple's Liquid Glass was a wild change to my iPhone.] In: The Verge. , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; abgerufen am 10. Juni 2025 (). Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref>

Die App-Symbole wurden neu gestaltet, um ein geschichtetes System zu verwenden, ähnlich dem in visionOS und tvOS, wobei Transparenz und ein glasartiger Schimmereffekt angewendet werden, der ebenfalls auf Gerätebewegungen reagiert, während stärker mit Farbverläufen gearbeitet wird. App-Symbole können eine klare Darstellung annehmen, die sie transparent wirken lässt.<ref>Vorlage:Cite book/Name: [ App icons.] In: Apple Developer Documentation. , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; abgerufen am 6. Juli 2025 (). Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref> Werkzeugleisten und andere Elemente auf dem Bildschirm sind nicht mehr an die Gerätekanten fixiert, sondern in „Blasen“ getrennt, die kontextabhängig erscheinen oder verschwinden. So verkleinert sich beispielsweise die Tab-Leiste der Musik-App beim Scrollen. Das neue Design erlaubt zudem, dass sich das Material in Form und Größe verändert, etwa indem das Textauswahl-Tooltip erweitert wird, um alle Optionen in einer vertikalen Liste anzuzeigen.<ref>WWDC25 - Apple TV. Abgerufen am 2. März 2026 (). </ref>

Craig Federighi, Senior Vice President für Software Engineering bei Apple, erklärte, dass die Designer echtes Glas mit verschiedenen Transparenzstufen und Lichteffekten hergestellt haben, um die Oberfläche von Liquid Glass möglichst realistisch aussehen zu lassen. Er sagte auch, dass die leistungsstarke Apple-Silicon-Hardware nötig ist, damit Liquid Glass flüssig und schnell läuft.<ref>The Wall Street Journal: Apple Execs on What Went Wrong With Siri, iOS 26 and More (Full Interview) | WSJ. 13. Juni 2025, abgerufen am 2. März 2026. </ref><ref>Vorlage:Cite book/NameVorlage:Cite book/Name: [ Adrian Weckler: Should you worry if your iPhone is too old for the latest upgrade?] In: Irish Independent. , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; abgerufen am 15. Juni 2025 (). Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref>

In einem Video zur Designänderung erklärte Apple, dass die Designsprache von der Aqua-Designsprache von macOS, Echtzeitunschärfe in iOS 7, den Bewegungen des iPhone X, der Dynamic Island des iPhone 14 Pro und späteren Modellen sowie der glasartigen Benutzeroberfläche von visionOS beeinflusst wurde.<ref name="WWDC252">Vorlage:Cite book/Name: [ Meet Liquid Glass - WWDC25 - Videos.] In: Apple Developer. , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; abgerufen am 10. Juni 2025 (). Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref><ref name=":02">Vorlage:Cite book/NameVorlage:Cite book/Name: [ For Liquid Glass, 'the most obvious inspiration was visionOS', says Apple's Senior VP of Software Engineering.] In: TechRadar. , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; abgerufen am 11. Juni 2025 (). Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref> Liquid Glass ist stark vom „Milchglasseffekt“ geprägt, einem Designstil, der 2021 unter anderem durch Microsofts Windows 11 mit Fluent Design sowie Apples eigenes macOS Big Sur populär wurde.<ref>Vorlage:Cite book/NameVorlage:Cite book/Name: [ iOS 26 Might Be Apple's Riskiest Redesign Yet.] In: Gizmodo. , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; abgerufen am 5. November 2025 (). Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref><ref>Vorlage:Cite book/Name: [ Glassmorphism in 2025: How Apple's Liquid Glass is reshaping interface design.] In: everyday ux. , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; abgerufen am 5. November 2025 (). Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref> Viele Kritiker und Nutzer in sozialen Medien bemerkten Ähnlichkeiten zu Aqua und Windows Aero, einschließlich glasartiger Texturen, die durch Windows Vista bekannt wurden und veraltet scheinen.<ref name=":3">Vorlage:Cite book/NameVorlage:Cite book/Name: [ Apple's Liquid Glass redesign doesn't look like much.] In: The Verge. , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; abgerufen am 10. Juni 2025 (). Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref><ref>Vorlage:Cite book/Name: [ iOS 26 liquid glass: Here's why Windows Vista jokes are trending.] In: Hindustan Times. , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; abgerufen am 11. Juni 2025 (). Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref><ref>Vorlage:Cite book/NameVorlage:Cite book/Name: [ No, Apple Did Not Copy Windows Vista with macOS Liquid Glass.] In: TheMacObserver. , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; abgerufen am 12. September 2025 (). Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref>

Rezeption

Liquid Glass wurde unterschiedlich aufgenommen. Einige Tester lobten, wie gut es die Brechung und Lichtreflexion von Glas nachbildet.<ref name=":1">Vorlage:Cite book/NameVorlage:Cite book/Name: [ Love it or hate it? Apple's new 'Liquid Glass' design is getting mixed reviews.] In: TechCrunch. , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; abgerufen am 11. Juni 2025 (). Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref><ref name=":3"></ref>

Andere kritisierten, dass es ablenkt, schwerer lesbar ist, die Bedienung erschwert und für Entwickler zusätzlichen Aufwand bedeutet. Designer, die von Wired interviewt wurden, erklärten, dass die visuellen Effekte vom eigentlichen App-Inhalt ablenken. Ein Designer meinte, kleinere Entwicklerteams könnten Schwierigkeiten haben, die komplexen Vorgaben der neuen Oberfläche umzusetzen.

Einige Kritiker stellten außerdem fest, dass Liquid Glass von lang etablierten Designregeln abweicht, was die Nutzung von Macs verwirrender und komplizierter macht.<ref>Vorlage:Cite book/NameVorlage:Cite book/Name: [ macOS Tahoe's icons are a mess, but not the ones you think.] In: Macworld. , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; abgerufen am 13. Januar 2026 (). Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref><ref>Vorlage:Cite book/NameVorlage:Cite book/Name: [ How Tahoe’s Menu Icons Undermine Usability.] In: TidBITS. , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; abgerufen am 13. Januar 2026 (). Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref>

Weitere Kritik betraf die Lesbarkeit von Text. Ein Designer berichtete, dass bestimmte Elemente zu transparent seien,<ref name=":22">Reece Rogers: ‘Beautiful’ and ‘Hard to Read’: Designers React to Apple’s Liquid Glass Update. In: Wired. ISSN 1059-1028 (wired.com [abgerufen am 2. März 2026]). </ref> wodurch Texte bei geringem Kontrast, zum Beispiel bei direkter Sonneneinstrahlung, schwer zu erkennen seien.<ref name=":12">Vorlage:Cite book/NameVorlage:Cite book/Name: [ Love it or hate it? Apple's new 'Liquid Glass' design is getting mixed reviews.] In: TechCrunch. , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; abgerufen am 11. Juni 2025 (). Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref><ref>Vorlage:Cite book/NameVorlage:Cite book/Name: [ What is Liquid Glass? Internet reacts to Apple's new software design.] In: USA Today. , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; abgerufen am 11. Juni 2025 (). Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref> Beschwerden zur Lesbarkeit in der ersten Entwickler-Beta führten dazu, dass Apple die Transparenz von Liquid Glass anpasste.<ref>Vorlage:Cite book/NameVorlage:Cite book/Name: [ Apple just added more frost to its Liquid Glass design.] In: The Verge. , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; abgerufen am 8. Juli 2025 (). Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref><ref>Vorlage:Cite book/NameVorlage:Cite book/Name: [ Apple Improves Liquid Glass in iOS 26 Beta 4, Reversing Some Beta 3 Changes.] In: MacRumors. , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; abgerufen am 4. August 2025 (). Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref> In der Developer Beta 3 wurden Navigationsleisten und Bedienelemente undurchsichtiger gemacht, spätere Betas passten System-Overlays und modale Hintergründe an. Einige spätere Versionen ermöglichten zudem mehr Kontrolle über die Transparenz für den Nutzer.<ref>Vorlage:Cite book/NameVorlage:Cite book/Name: [ iOS 26.1 Beta 4 Lets Users Control Liquid Glass Transparency with New Toggle.] In: MacRumors. , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; abgerufen am 12. Januar 2026 (). Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref>

Siehe auch

• Aqua (macOS)
• Fluent-Designsystem
• Frutiger Aero
• Windows Aero
• Neumorphismus

Weblinks

• Liquid Glass in Apple Developer Documentation

Einzelnachweise

<references />