Liquid Glass

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.^[1][2] 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.^[3][4] 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“.^[5] 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.^[6][7][8][9] Auf iOS und iPadOS reagieren die Elemente auf Bewegungen des Geräts und Fingern mit Animationen, die die Bewegung eines Tropfens Flüssigkeit nachahmen.^[10]

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.^[11]

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.^[9][12]

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.^[13] 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.^[14]

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.^[15][16]

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.^[17][18] 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.^[19][20] 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.^[21][22][23]

Liquid Glass wurde unterschiedlich aufgenommen. Einige Tester lobten, wie gut es die Brechung und Lichtreflexion von Glas nachbildet.^[24][21]

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.^[25][26]

Weitere Kritik betraf die Lesbarkeit von Text. Ein Designer berichtete, dass bestimmte Elemente zu transparent seien,^[27] wodurch Texte bei geringem Kontrast, zum Beispiel bei direkter Sonneneinstrahlung, schwer zu erkennen seien.^[28][29] Beschwerden zur Lesbarkeit in der ersten Entwickler-Beta führten dazu, dass Apple die Transparenz von Liquid Glass anpasste.^[30][31] 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.^[32]

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

• Liquid Glass in Apple Developer Documentation