Fluent 2
フルーエント2 / 2022– / 风格 / 微软 UI
将色彩、字体、间距、圆角与深度令牌化，并按角色在微软各产品中部署 Solid、Acrylic、Mica 与 Smoke 材质。
快速判断
视觉特征
- Mica 与 Acrylic
- 中性的色调层级
- 柔和的圆角
- 令牌化的深度
适用场景
- 既要融入 Windows 与 Microsoft 365、又要由多个团队统一起来的业务界面
- 把已有产品分阶段替换，让主题与状态表现在多个产品之间保持一致
使用这一风格
把简短指引带入项目，或将结构化规格交给AI工具。
详细方法与出处制作规则、真实案例、比较、研究与引用格式
辞典词条
- 字体
- 字号与行距用令牌定义，界面这一侧不直接写数值
- 版面
- 间距固定为单一基准值的倍数，密度差异另用一套令牌承载
- 材料
- 窗口的底面用 Mica，Acrylic 只用在短暂出现的面上
- 注意
- 让模糊和阴影随面的角色、窗口状态以及浅色、深色、高对比度而对应变化。若每个界面都另加一次性的颜色和留白，本为统一而设的机制只会多出一堆要维护的东西。
- 延伸阅读
- Fluent 2 / Acrylic / Mica / design tokens
相关词条
- Glassmorphism (グラスモーフィズム)共同感受：Calm。比较Fluent 2与Glassmorphism
- Material Design (マテリアルデザイン)共同感受：Trust / Technique。比较Fluent 2与Material Design
继续浏览微软 UI
从微软 UI中按共同感受优先推荐以下词条。
- Metro (メトロ)共同感受：Technique / Trust。
- Windows 95 Interface (Windows 95 インターフェース)共同感受：Trust / Technique。
- Ribbon (リボン)共同感受：Trust / Technique。
引用此条目
这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。
- Link
- https://indexstyle.org/zh/styles/fluent-design
- Markdown
- [Fluent 2 — IndexStyle](https://indexstyle.org/zh/styles/fluent-design)
- HTML
- <a href="https://indexstyle.org/zh/styles/fluent-design">Fluent 2 — IndexStyle</a>