Windows 应用设计
在这里,你将找到用于创建 Windows 应用体验的设计准则和示例。 Windows 11 结合了 Fluent 的设计语言和原则,以一致的外观和感觉,这是独特的Microsoft。
若要获取用于创建 Windows 体验的构建基块,请使用 WinUI。 这些组件包含 Fluent 的设计语言,因此你可以确信你在 Fluent 生态系统中构建了出色的体验。
Windows 11 设计原则
Windows 11 标志着操作系统的视觉进化。 我们与 Fluent 一起发展了我们的设计语言,以创建一个人类、通用和真正感觉与 Windows 一样的设计。
下面的设计原则指导了我们将 Windows 打造成为卓越 Fluent 实现的整个过程。
轻松
Windows 11 更快、更直观。 用户可以轻松、专注、精确地做自己想做的事情。
冷静
Windows 11 更柔和、更整洁;它呈现淡入背景的效果,可帮助用户保持冷静和专注。 体验感觉温暖、空灵和平易近人。
个人
Windows 11 可无缝适应用户操作设备的习惯。 它可适应用户的个人需求和偏好,让他们展现真正的自我。
熟悉
Windows 11 外观新颖、操作熟悉。 用户无需学习如何操作,可以直接上手使用。
完整 + 连贯
Windows 11 提供跨平台的视觉无缝体验。 用户可以在多个平台上工作,并且仍然拥有一致的 Windows 体验。
Windows 11 签名体验
签名体验是 Windows 11 用来表达其视觉语言的设计元素,在所有 Fluent 体验中保持一致的外观。
颜色
颜色通过指示用户界面各元素之间的视觉层次和结构,帮助用户专注于其任务。 Windows 11 利用颜色呈现一种平和的基调,巧妙地增强用户交互,并仅在必要时突出重要项。
提升和分层
提升和分层 是将一个图面与另一个图面重叠的概念,在同一图面中创建两个或多个可视区分的区域。 Windows 11 使用提升和分层作为应用层次结构的基础。
图标
图标是一组视觉图像和符号,可帮助用户了解并浏览应用。 Windows 11 的图标与我们的设计语言一起发展。 系统图标字体中的每个字形都经过重新设计,以采用更柔和的几何图形和更现代的形式。
材料
材料是指视觉效果,使 UI 图面类似于真实的手工制品。 Windows 11 使用材料来保持 UI 与其环境的连接。 材料使图面变得生动,帮助我们区分重点和非重点的应用程序。
形状和几何图形
几何图形 描述屏幕上 UI 元素的形状、大小和位置。 这些基本设计元素有助于让整个设计系统的体验保持一致。 Windows 11 功能更新了几何图形,可创建更易访问、更具吸引力和新式体验。
版式
作为语言的可视表示形式,版式的主要任务是传达信息。 Windows 11 类型系统有助于在内容中创建结构和层次,以最大限度地提高 UI 的易读性和可读性。
动态效果
动态效果描述界面对用户交互进行动画处理和响应的方式。 Windows 中的动态效果是直接反应、且符合上下文的。 它为用户输入提供反馈,并强化支持方法查找的空间范例。