Fluent 2

フルーエント2 / 2022– / Stil / Microsoft UI

Fasst Farbe, Schrift, Abstand, Radius und Tiefe in Tokens und setzt die Materialien Solid, Acrylic, Mica und Smoke rollenbezogen in allen Microsoft-Produkten ein.

Fluent 2 — KI-generierte Interpretation 1 — KI-generierte Interpretation, kein Referenzwerk

Fluent 2 — KI-generierte Interpretation 2 — KI-generierte Interpretation, kein Referenzwerk

Fluent 2 — KI-generierte Interpretation 3 — KI-generierte Interpretation, kein Referenzwerk

Auf einen Blick

Visuelle Merkmale

Mica und Acrylic
Neutrale Tonhierarchie
Weiche Eckradien
Tiefe als Token

Geeignet für

Arbeitsoberflächen, die sich in Windows und Microsoft 365 einfügen und die mehrere Teams einheitlich halten müssen
Ein bestehendes Produkt schrittweise umstellen, damit Thema und Zustandsdarstellung über Produkte hinweg stimmig bleiben

Diesen Stil verwenden

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

design.md Bild-Prompt JSON API MCP und Maschinenzugriff Verbinden

in ChatGPT öffnen in Claude öffnen in Google AI öffnen

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

Wörterbucheintrag

Typografie: Definiere Schriftgröße und Zeilenabstand als Tokens und schreibe niemals feste Werte in einen Bildschirm
Komposition: Lege Abstände auf Vielfache eines einzigen Grundwerts fest und halte Dichtevarianten in eigenen Tokens
Material: Mica für den Fenstergrund und Acrylic nur für Flächen, die kurzzeitig erscheinen
Zu vermeiden: Richte Unschärfe und Schatten nach der Rolle der Fläche, dem Fensterzustand sowie hellem, dunklem und kontraststarkem Modus aus. Wer je Bildschirm eigene Farben und Abstände ergänzt, macht aus dem vereinheitlichenden System nur eine weitere Sache, die gepflegt werden muss.
Zum Weiterlesen: Fluent 2 / Acrylic / Mica / design tokens

Mehr aus Microsoft UI

Weitere Stile aus Microsoft UI, nach gemeinsamen Wirkungen geordnet.

Metro (メトロ)Gemeinsame Wirkungen: Technique / Trust.
Windows 95 Interface (Windows 95 インターフェース)Gemeinsame Wirkungen: Trust / Technique.
Ribbon (リボン)Gemeinsame Wirkungen: Trust / Technique.

Alle Einträge aus Microsoft 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/fluent-design
Markdown: [Fluent 2 — IndexStyle](https://indexstyle.org/de/styles/fluent-design)
HTML: <a href="https://indexstyle.org/de/styles/fluent-design">Fluent 2 — IndexStyle</a>

Zurück zur Position im Index