设计指南

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

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


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

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

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

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

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

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

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

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

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

声音图标
声音
使用音频提示提供反馈、强化操作和支持辅助功能。

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

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

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

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