适用于 Windows 应用的样式

借助样式,可使应用脱颖而出。此部分的样式指南有助于通过颜色、版式以及亚克力材料和突出显示等新功能创建 Fluent Design。

我们使用 Windows UI 库 (WinUI) 提供各种 UI 组件的最新样式。 请确保使用最新的 WinUI 版本,以通过当前的 Windows 应用 Fluent 样式使应用保持最新状态。 有关如何执行此操作的详细信息,请参阅 XAML 样式

Image depicting a color gradient.

颜色

颜色提供查找应用的各种级别的信息的直观方法,并用作强化交互模型的重要工具。

Image depicting typography.

版式

作为语言的可视化表示形式,版式的主要任务是清楚简洁。 它的样式应永远不妨碍该目标。 以下指南重点介绍了如何使用版式帮助用户轻松地了解内容。

Image depicting icons.

图标

良好的图标会与版式和设计语言的其余部分相协调。 它们不会混合隐喻,并且会尽快且尽量简单地仅传达所需内容。

Image depicting acrylic.

Acrylic

使用亚克力这种可创建令人惊叹的半透明表面的画笔创建深度感。

Image depicting reveal focus.

显示焦点

“显示焦点”是 10 英尺体验(如 Xbox One 和电视屏幕)的一种灯光效果,它会对可聚焦元素的边界进行动画处理。

Image depicting sound.

声音

声音有助于完成应用程序的用户体验,并为他们提供匹配 Windows 在所有平台上的外观的额外音频边缘。

Short movie with a blinking cursor and then the words Writing style being typed out.

写作风格

写作风格可能对用户体验的好坏产生重要影响。

XAML 画笔

可以使用 XAML 框架通过多种方式自定义应用的外观。 通过样式可以设置控件属性,并重复使用这些设置,以便保持多个控件具有一致的外观。

XAML 样式

可以使用 XAML 框架通过多种方式自定义应用的外观。 通过样式可以设置控件属性,并重复使用这些设置,以便保持多个控件具有一致的外观。

间距

优化 Windows 应用程序,并提供最适合于应用功能和交互要求的用户体验。

圆角半径

激发热情和信任,通过圆角半径使 UI 更易于用户直观处理。