Fluent 2

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

Tokenise couleur, typographie, espacement, rayon et profondeur, déployant les matériaux Solid, Acrylic, Mica et Smoke selon leur rôle à travers les produits Microsoft.

Fluent 2 — interprétation générée par IA 1 — Interprétation générée par IA, pas une œuvre de référence

Fluent 2 — interprétation générée par IA 2 — Interprétation générée par IA, pas une œuvre de référence

Fluent 2 — interprétation générée par IA 3 — Interprétation générée par IA, pas une œuvre de référence

En un coup d’œil

Signes visuels

Mica et Acrylic
Hiérarchie tonale neutre
Rayons d’angle doux
Profondeur tokenisée

Usages idéaux

Interfaces métier qui s'intègrent à Windows et à Microsoft 365 et que plusieurs équipes doivent garder identiques
Remplacer par étapes un produit existant pour que le thème et les états restent cohérents d'un produit à l'autre

Utiliser ce style

Appliquez le brief concis au projet ou transmettez la spécification structurée à un outil d’IA.

design.md prompt d’image API JSON MCP et accès machine Composer

ouvrir dans ChatGPT ouvrir dans Claude ouvrir dans Google AI

Guide détaillé et sourcesRègles de production, œuvres de référence, comparaisons, recherche et citations

Entrée du dictionnaire

Typographie: Définissez la taille du texte et l'interlignage sous forme de tokens et n'écrivez aucune valeur en dur dans l'écran
Composition: Fixez les espacements à des multiples d'une seule valeur de base et gardez les variantes de densité dans des tokens distincts
Matière: Mica pour le fond de la fenêtre et Acrylic uniquement pour les surfaces qui n'apparaissent qu'un instant
Précaution: Faites correspondre le flou et l'ombre au rôle de la surface, à l'état de la fenêtre et aux modes clair, sombre et contraste élevé. Ajouter des couleurs et des marges uniques écran par écran transforme le système censé unifier en une charge d'entretien de plus.
Pour approfondir: Fluent 2 / Acrylic / Mica / design tokens

Entrées liées

Glassmorphism (グラスモーフィズム)Effets partagés : Calm.Comparer Fluent 2 et Glassmorphism
Material Design (マテリアルデザイン)Effets partagés : Trust / Technique.Comparer Fluent 2 et Material Design

Plus de Microsoft UI

Poursuivez avec des styles de Microsoft UI, classés par effets communs.

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

Voir toutes les entrées Microsoft UI

Citer cette entrée

Le dictionnaire est fait pour être lié. Prenez la forme qui convient là où vous écrivez.

Link: https://indexstyle.org/fr/styles/fluent-design
Markdown: [Fluent 2 — IndexStyle](https://indexstyle.org/fr/styles/fluent-design)
HTML: <a href="https://indexstyle.org/fr/styles/fluent-design">Fluent 2 — IndexStyle</a>

Revenir à sa position dans l’index