Microsoft 交互设计规范

Windows 用户体验交互设计规范

此官方[1] Windows 用户体验交互设计规范（简称“UX 规范”）的目标在于：•为所有基于 Windows 的应用程序划定高品质与一致性的基准。

•回答关于用户体验的问题。

•使你的工作更为轻松！

设计原则

•Windows 用户体验设计原则

•最容易犯的错误

•如何设计优秀的用户体验

•简约而又强大 (20.3%)

•使用 WPF 进行设计 (29.4%)

控件

控件列表

•气球状提示

•复选框

•命令按钮

•命令按钮 vs 链接

•命令链接

•下拉列表框与组合框

•分组框

•链接

•列表框

•列表视图

•进度条

•渐进展开控件

•选项按钮

•搜索框

•滑块

•微调控件

•状态栏

•选项卡

•文本框

•工具提示与信息提示

•树形视图

命令

•菜单

o设计理念 (34%)

•工具栏

o设计理念

o使用模式

o设计规范

o推荐尺寸与间距

o标签

o文档编写

•功能区（Ribbon）

o设计理念 (35.7%)

o设计规范 (8.7%)

o标签 (25.1%)

o文档编写

o功能区设计流程 (15.2%) o程序命令模式 (42.9%)

文本

•用户界面文本

•风格与语气

消息

•错误信息

o设计理念

o使用模式

o设计规范 (31.3%)

o文本 (11.7%)

o文档编写

•警告信息

o设计理念 (25.9%)

o使用模式

o设计规范

o文本

o文档编写

•确认信息

o设计理念 (50.3%)

o使用模式

o设计规范 (40.8%)

o文本

o文档编写

•通知

交互

•键盘

o键盘快捷键 (0%)

•鼠标与指针

•触摸 (11.6%)

•手写笔 (19.3%)

•无障碍访问（辅助特性） (3.5%) 窗口

•窗口管理

•对话框 (51.8%)

o对话框设计理念 (19.5%) o对话框使用模式 (27.1%) •通用对话框

•向导

•属性窗口 (5.3%)

o属性窗口设计理念 (13.4%) o属性窗口使用模式 (35.3%) •控制面板 (10.0%)

o控制面板使用模式 (49.8%) 视觉

•布局

o布局度量单位

•窗口边框

•字体（Segoe UI）

•颜色

•图标

•标准图标 (26.5%)

•动画与过渡NEW

o设计理念 (11.2%)

o使用模式 (33.5%)

o设计规范 (13.1%)

o文档编写 (0%)

•图形元素 (18.7%)

•声音 (13.2%)

体验

•软件品牌宣传

•安装NEW (0%)

•首次体验 (47.3%)

•打印 (31.4%)

Windows 环境

•桌面 (72.3%)

•开始菜单 (16.7%)

•任务栏 (49.5%)

•通知区域 (33.5%)

•Windows 桌面小工具 (10.5%)

•帮助 (8.4%)

•用户帐户控制 (11.5%)

其他

•文档特点及翻译风格指南

•《Windows User Experience Interaction Guidelines》原文

注释与引用

1.^这里“官方”是原文的直接翻译，并不表示此中文译本经过微软官方任何形式的授权或认证。

布局Layout

目录

[隐藏]

• 1 设计理念

o 1.1 视觉层次

o 1.2 阅读设计模型

o 1.3 为扫视进行设计

o 1.4 有效利用屏幕空间

o 1.5 控件尺寸

o 1.6 间距

o 1.7 可缩放窗口

o 1.8 焦点

o 1.9 流程

o 1.10 分组

o 1.11 对齐

o 1.12 水平对齐

▪ 1.12.1 左对齐

▪ 1.12.2 右对齐

▪ 1.12.3 居中对齐

o 1.13 垂直居中

▪ 1.13.1 元素顶端

▪ 1.13.2 文本基线

o 1.14 标签对齐

▪ 1.14.1 标签在控件上方左对齐

▪ 1.14.2 标签在控件左侧左对齐

▪ 1.14.3 标签在控件左侧左对齐，控件的左侧错开排列▪ 1.14.4 标签在控件左侧右对齐

o 1.15 平衡

o 1.16 网格

o 1.17 视觉简洁

• 2 设计规范

o 2.1 屏幕分辨率及DPI

o 2.2 窗口尺寸

o 2.3 控件尺寸

o 2.4 控件间距

o 2.5 位置

o 2.6 焦点

o 2.7 对齐

o 2.8 无障碍访问特性