Windows 11 中的材料

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

云母、亚克力和烟雾在 Windows 中都有特定的用途。

亚克力

A semi-transparent UI surface made of acrylic

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

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

Mica

Several UI surfaces made of Mica demonstrating how Mica is subtly tinted based on the user's desktop color

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

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

烟雾

A modal dialog hovering above a window dimmed by smoke

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

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