Glassmorphism

グラスモーフィズム / 2020s / Stil / Interface-Stile

Zeigt Tiefe und Hierarchie über transluzente Ebenen und lässt die Information leicht schweben.

Glassmorphism — KI-generierte Interpretation 1
KI-generierte Interpretation, kein Referenzwerk
Glassmorphism — Apple, Spotlight in macOS Big Sur — Wikimedia Commons / Public domain
Apple, Spotlight in macOS Big Sur — Wikimedia Commons / Public domain
Glassmorphism — GNOME プロジェクト《GNOME Shell 40 のアクティビティ画面》 — Wikimedia Commons / CC BY-SA 4.0 · © The GNOME Project, Fedora Project, Mozilla Project, Wikipedia contributors, tiheum
GNOME プロジェクト《GNOME Shell 40 のアクティビティ画面》 — Wikimedia Commons / CC BY-SA 4.0 · CC BY-SA 4.0 · © The GNOME Project, Fedora Project, Mozilla Project, Wikipedia contributors, tiheum

Auf einen Blick

Visuelle Merkmale

  • Hintergrundunschärfe
  • Transluzenz
  • Feine weiße Ränder
  • Durchscheinende Farbe

Geeignet für

  • Gestufte Information leicht wirken lassen
  • Verfeinerung und Tiefe wie im Betriebssystem zeigen

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
Neutrale Grotesk
Komposition
Karten stapeln und die Reihenfolge klar zeigen
Material
Farbiger Grund, durchscheinende Flächen, feine Kanten
Zu vermeiden
Je nach Hintergrund bricht die Lesbarkeit weg, deshalb brauchen Textflächen genügend Deckkraft.
Zum Weiterlesen
macOS Big Sur / Windows 11

Verwandte Einträge

Wird oft verwechselt mit

Mehr aus Interface-Stile

Weitere Stile aus Interface-Stile, nach gemeinsamen Wirkungen geordnet.

Alle Einträge aus Interface-Stile 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/glassmorphism
Markdown
[Glassmorphism — IndexStyle](https://indexstyle.org/de/styles/glassmorphism)
HTML
<a href="https://indexstyle.org/de/styles/glassmorphism">Glassmorphism — IndexStyle</a>

Zurück zur Position im Index