Liquid Glass
Flüssigglas
Flüssigglas ist ein beweglicher, transparenter Materialstil. Er nutzt linseartige Biegungen, Glanzlichter und Formen, die scheinbar zusammengefügt oder flexibel erscheinen.
Ein weiteres Beispiel
Wenn eine schwebende Gruppe von Bedienelementen aufgeht, verbiegt sie leicht die Ansicht des Inhalts dahinter.
Hauptteile
- 01Content surface
- 02Distinct visual treatment
- 03Action and readability check
Verwenden Sie es, wenn
Verwenden Sie es nur als Markenakzent, nachdem Bewegung, Kontrast und Geschwindigkeit sorgfältig abgestimmt wurden.
Nutze es nicht, wenn
Täusche niemals den optischen Effekt durch Verzerrungen vor, die den Inhalt schwer lesbar machen. Halte dies aus dichter, kritischer Arbeit heraus.
In Code verwendeter Name
shader / SVG filter / layered blur Vor dem Ausliefern
Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience.
Outcome: Complete the task with Flüssigglas (Liquid Glass). User context: Wenn eine schwebende Gruppe von Bedienelementen aufgeht, verbiegt sie leicht die Ansicht des Inhalts dahinter. Design concept to apply: Flüssigglas (Liquid Glass). Why it fits: Verwenden Sie es nur als Markenakzent, nachdem Bewegung, Kontrast und Geschwindigkeit sorgfältig abgestimmt wurden. Do not use it when: Täusche niemals den optischen Effekt durch Verzerrungen vor, die den Inhalt schwer lesbar machen. Halte dies aus dichter, kritischer Arbeit heraus. Design requirements: Set the content order, shared design values, and reusable components. Define how the layout changes by screen size and state. Keep useful design choices separate from decoration. Inclusion and resilience: Check contrast, zoom, languages, themes, and reduced motion when needed. Do not use color or effects as the only way to show meaning. Acceptance criteria: The design stays clear on phones and desktops, at zoom, in every theme, and in all supported languages. Interactive states stay clear and consistent. Evidence and limits (evidence boundary): Es ist offiziell für diese Quelle. Andere Plattformen oder Teams können den Begriff auf andere Weise verwenden. Unknowns to confirm: Brand limits, amount of content, supported themes and languages, target devices, and design-system rules.
Diese Anfrage prüfen
Review how Flüssigglas (Liquid Glass) is used now. Definition: Flüssigglas ist ein beweglicher, transparenter Materialstil. Er nutzt linseartige Biegungen, Glanzlichter und Formen, die scheinbar zusammengefügt oder flexibel erscheinen. Release checks: Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.