Microsoft交互设计规范.docx

PAGE PAGE # / 45 Windows用户体验交互设计规范 此官方⑴Win dows用户体验交互设计规范（简称“ UX规范”）的目标在于: 为所有基于Windows的应用程序划定高品质与一致性的基准。 回答关于用户体验的问题。 使你的工作更为轻松！ 设计原则 ? Win dows用户体验设计原则 ? 最容易犯的错误 ? 如何设计优秀的用户体验 ? 简约而又强大（20.3%） ? 使用WPF进行设计（29.4%） 控件 控件列表 气球状提示 复选框 命令按钮 命令按钮vs链接 命令链接 下拉列表框与组合框 分组框 链接 列表框 列表视图 进度条 渐进展开控件 选项按钮 搜索框 滑块 微调控件 状态栏 选项卡 ? 文本框 ? 工具提示与信息提示 ? 树形视图 命令 o ? o o o o 菜单 设计理念(34%) 工具栏 设计理念 使用模式 设计规范 推荐尺寸与间距 o o ? o o o o o o 标签 文档编写 功能区(Ribbon) 设计理念(35.7%) 设计规范(8.7%) 标签(25.1%) 文档编写 功能区设计流程(15.2%) 程序命令模式(42.9%) 文本 用户界面文本 风格与语气 消息 o o o o o 错误信息 设计理念 使用模式 设计规范(31.3%) 文本(11.7%) 文档编写 警告信息 设计理念(25.9%) 使用模式 设计规范 文本 文档编写 确认信息 o o o o设计理念(50.3%) o o o o 使用模式 设计规范(40.8%) 文本 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%) 视觉 布局 布局度量单位 窗口边框 字体(Segoe UI) 颜色 图标 标准图标(26.5%) 动画与过渡 NEW 设计理念(11.2%) o 使用模式(33.5%) o 设计规范(13.1%) o 文档编写(0%) ? 图形元素(18.7%) ? 声音(13.2%) 体验 软件品牌宣传 安装 NEW(o%) 首次体验(47.3%) 打印(31.4%) Win dows 环境 桌面(72.3%) 开始菜单(16.7%) 任务栏(49.5%) 通知区域(33.5%) Windows桌面小工具(10.5%) 帮助(8.4%) 用户帐户控制(11.5%) 其他 文档特点及翻译风格指南 《Win dows User Experie nee In teractio n Guideli nes 》原文 注释与引用 1. A这里“官方”是原文的直接翻译，并不表示此中文译本经过微软官方任何形 式的授权或认证。 布局 Layout 目录 ［隐藏］ i设计理念 i.i视觉层次 1.2阅读设计模型 1.3为扫视进行设计 1.4有效利用屏幕空间 1.5控件尺寸 1.6间距 1.7可缩放窗口 1.8焦点 1.9流程 1.10分组 1.11对齐 1.12水平对齐 1.12.1左对齐 1.12.2右对齐 1.12.3居中对齐 1.13垂直居中 1.13.1元素顶端 1.13.2文本基线 1.14标签对齐 1.14.1标签在控件上方左对齐 1.14.2标签在控件左侧左对齐 1.14.3标签在控件左侧左对齐，控件的左侧错开排列 1.14.4标签在控件左侧右对齐 1.15平衡 1.16网格 1.17视觉简洁 2设计规范 2.1屏幕分辨率及 DPI 2.2窗口尺寸 2.3控件尺寸 2.4控件间距 2.5位置 2.6焦点 2.7对齐 2.8无障碍访问特性 3推荐尺寸与间距 “布局”是指窗口或页面内各内容的尺寸、间距及位置。有效的布局对于帮助用户快速找到他们想要的东西至关 重要，并可产生具有吸引力的视觉外观。有效的布局可以使有的设计用户立即就可以理解，而有的设计却使用户 觉得困惑而不知所措。 注：与窗口管理相关的设计规范请参考各自相应的章节。特定控件的推荐尺寸与间距则请参考相应的设计规范章 节。 设计理念 视觉层次 当窗口或页面的外观能够表明各个元素之间的关系和重要性时，即可认为是具有清晰的视觉层次。如果缺少视觉 层次，用户就得靠他们自己来分辨它们之间的关系与重要性。 视觉层次是通过巧妙结合下列属性来实现的： ? 焦点。该布局指岀用户首先要看的位置。 ? 流。当目光顺畅自然地沿着清晰的路径在界面上移动时，看到的用户