Windows 11 设计
微软已经为你的应用设计好了。选择合适的系统组件,合理排列,然后不要干扰它们。
- 设计清单:design-rules.md
- 可复制的 XAML 模式:patterns.md
微软的五项流畅设计原则
- 自然:适应各种用户输入(键盘、鼠标、触控、笔)。
- 直观:熟悉的布局、一致的图标、清晰的层级结构。
- 响应式:即时反馈,流畅的微动画。
- 有意图的:每个视觉元素都有其目的。
- 精心打磨:边角对齐,一致的 4 px / 8 px 网格间距,精细的材质。
Windows 11 视觉材质
- Mica (
MicaBackdrop):应用于主窗口框架。动态采样用户桌面壁纸,营造出微妙的着色表面。 - Acrylic (
DesktopAcrylicBackdrop):用于临时的浮动浮出控件、上下文菜单和对话框。 - 圆角: Windows 11 标准为卡片和按钮使用 8 px 圆角半径;小型芯片使用 4 px。
- 排版: 支持动态光学尺寸的 Segoe UI Variable 字体。
- 图标: Segoe Fluent Icons(
FontIcon Glyph="\uE...")。
完成标准
所有视图和浮出控件均使用标准的 Fluent 2 控件,应用了 Mica 或 Acrylic 背景,并且排版符合 Segoe UI Variable 规范。