Liquid Glass

リキッドガラス / 2025– / Stil / Apple UI

Vereint die schwebende Bedien- und Navigationsebene zu einem flüssigen Glasmaterial, das den darunterliegenden Inhalt bricht und sich ihm anpasst.

Liquid Glass — KI-generierte Interpretation 1
KI-generierte Interpretation, kein Referenzwerk
Liquid Glass — KI-generierte Interpretation 2
KI-generierte Interpretation, kein Referenzwerk
Liquid Glass — KI-generierte Interpretation 3
KI-generierte Interpretation, kein Referenzwerk

Auf einen Blick

Visuelle Merkmale

  • Dynamische Lichtbrechung
  • Konzentrische Eckradien
  • Schwebende Bedienebenen
  • Gespiegelte Hintergrundfarbe

Geeignet für

  • Apps auf Apple-Plattformen, die den Inhalt randlos zeigen und nur die Bedienelemente darüber schweben lassen
  • Bildschirme, auf denen heller Modus, dunkler Modus und Hintergrundbild wechseln, die Position der Bedienelemente aber bleiben muss

Diesen Stil verwenden

Nutze das Kurzbriefing im Projekt oder übergib die strukturierte Spezifikation an ein KI-Werkzeug.

Ausführliche Anleitung und QuellenProduktionsregeln, Referenzwerke, Vergleiche, Forschung und Zitate

Wörterbucheintrag

Typografie
Setze Text nicht direkt auf das Material und leite die Mindestgrößen aus gemessenem Kontrast ab
Komposition
Rücke die Bedienelemente an die Bildschirmränder und halte äußeren und inneren Radius konzentrisch
Material
Lege nur eine einzige brechende Schicht darüber und lass sie die Farbe des Hintergrunds unverändert aufnehmen
Zu vermeiden
Beschränke es auf die Bedienebene, statt Inhalte mit durchscheinenden Karten zu schmücken. Jede weitere Schicht lässt mehr Hintergrund durch, bis der Text nicht mehr lesbar ist, also prüfe die Lesbarkeit auf echten Geräten und halte die Einstellung zur Transparenzreduzierung ein.
Zum Weiterlesen
Apple Human Interface Guidelines / regular and clear variants / content and functional layers

Verwandte Einträge

Wird oft verwechselt mit

Mehr aus Apple UI

Weitere Stile aus Apple UI, nach gemeinsamen Wirkungen geordnet.

Alle Einträge aus Apple UI ansehen

Diesen Eintrag zitieren

Das Wörterbuch ist zum Verlinken gedacht. Nehmen Sie die Form, die dorthin passt, wo Sie schreiben.

Link
https://indexstyle.org/de/styles/liquid-glass
Markdown
[Liquid Glass — IndexStyle](https://indexstyle.org/de/styles/liquid-glass)
HTML
<a href="https://indexstyle.org/de/styles/liquid-glass">Liquid Glass — IndexStyle</a>

Zurück zur Position im Index