Windows 中的材料

材料是应用于 UX 图面(类似于真实的手工制品)的视觉效果。 Windows 使用两种主要类型的材料:遮挡和透明。 遮挡材料(如 亚克力mica)用作交互式 UI 控件下的基层。 烟雾等透明材料用于突出显示沉浸式表面。

Mica、Acrylic 和 Smoke 各自在 Windows 中使用方式具有特定用途。

提示

本文介绍如何 将 Fluent Design 语言 应用于 Windows 应用。 有关详细信息,请参阅 Fluent Design - Material

Acrylic

由亚克力制成的半透明 UI 表面

亚克力是一种复制毛玻璃效果的半透明材料。 在 Windows 11 中,亚克力已更新为更亮且更半透明的材料,加强与它背后的视觉对象的上下文关系。 亚克力仅用于暂时性的轻型消除图面,例如浮出控件和上下文菜单。

亚克力可感知模式;它支持浅色和深色模式。

Mica

由 Mica 制作的多个 UI 图面演示了 Mica 如何根据用户的桌面颜色巧妙地着色

Mica 是 Windows 11 中引入的新不透明材料。 云母图面使用用户的桌面背景色进行淡染。

云母可感知模式;它支持浅色和深色模式。 云母还指示将活动状态和非活动状态作为内置功能的窗口焦点。

烟雾

将模式对话框悬停在烟雾变暗的窗口上方

烟雾通过使下面的图面变暗来强调一个重要的 UI 图面,使下面的图面渐渐进入背景中。 烟雾用于在模式 UI(如对话框)下发出阻止交互的信号。

烟雾无法感知模式;在浅色和深色模式下,它始终为半透明黑色。