设计指南

“指南”部分介绍Windows应用设计的核心构建基块。 这些主题定义模式、规则和行为,以确保你的应用感觉直观、完美且与 Fluent Design 保持一致。 从颜色和字体排版到动画、布局和材质,每项基础都有助于您做出一致的决策,以便在页面、功能和设备形态之间进行拓展。

在设计过程中,使用这些基础知识作为指南-无论是映射第一个屏幕、优化交互模式还是确保 UI 与Windows约定匹配。 尽早探索这些基础可以节省开发时间、减少返工,并为用户提供更好的体验。


颜色图标
颜色
使用颜色建立层次结构、传达含义并创建一个凝聚力的视觉标识。

命令图标
指挥
以清晰、一致的方式呈现动作,帮助用户了解他们可以执行的操作。

提升图标
海拔
应用深度和分层来引导焦点并强化接口的结构。

“几何图形”图标
几何
使用形状、大小调整和空间关系来创建平衡、可预测的布局。

触感图标 触感
添加触摸反馈来强化用户输入,并创建响应更直观的交互。

图标学图标
意象
使用熟悉、有目的的图标快速传达作和概念。

布局图标
布局
使用网格、间距和对齐模式来组织内容,以提高清晰度和流程。

材料图标
材料
使用 Fluent 材料(如 Mica 和 Acrylic)增强 UI,以添加深度和温暖。

“运动”图标
运动
使用动作提供反馈、引导注意力,并创建流畅的响应式交互。

导航图标
导航
通过可预测的结构化导航模式帮助用户浏览应用。

版式图标
排版
设置语气,并使用一致的类型选项和层次结构提高可读性。

可用性图标
可用 性
确保您的应用程序通过直观的交互、清晰的提示和可访问性而易于使用。

小组件图标
部件
使用一目了然的交互式界面扩展您的应用程序,以呈现关键信息和操作。

书写图标
写作
使用清晰、简洁且有用的语言来改进理解并减少认知负载。