Windows 11 签名体验

  • 项目

签名体验是 Windows 11 用来表达其视觉语言的设计元素，在所有 Fluent 体验中保持一致的外观。

Several UI elements highlighting new geometry in Windows 11

几何图形

几何图形描绘了屏幕上 UI 元素的形状、大小和位置。 这些基本设计元素有助于让整个设计系统的体验保持一致。 Windows 11 具有更新后的几何图形，可创造更具亲和力、更吸引人的现代体验。

A window and modal dialog in light mode on the left and dark mode on the right

颜色

颜色通过指示用户界面各元素之间的视觉层次和结构，帮助用户专注于其任务。 Windows 11 利用颜色呈现一种平和的基调，巧妙地增强用户交互，并仅在必要时突出重要项。

An application window with a single content area

分层和提升

分层是图面与图面重叠的概念，在同一个图面内创建两个或多个视觉上可区分的区域。 Windows 11 使用分层和提升作为应用层次结构的基础。

A UI surface made of acrylic

材料

材料是指视觉效果，使 UI 图面类似于真实的手工制品。 Windows 11 使用材料来保持 UI 与其环境的连接。 材料使图面变得生动，帮助我们区分重点和非重点的应用程序。

A shopping cart icon

图标

图标是一组视觉图像和符号，可帮助用户了解并浏览应用。 Windows 11 的图标与我们的设计语言一起发展。 系统图标字体中的每个字形都经过重新设计，以采用更柔和的几何图形和更现代的形式。

Several words rendered in Segoe UI Variable

版式

作为语言的视觉表示形式，版式的主要任务是传达信息。 Windows 11 类型系统有助于在内容中创建结构和层次，以最大限度地提高 UI 的易读性和可读性。

An animated image that shows several examples of motion in the Windows UI.

动态效果

动态效果描述界面对用户交互进行动画处理和响应的方式。 Windows 中的动态效果是直接反应、且符合上下文的。 它为用户输入提供反馈，并强化支持方法查找的空间范例。