Microsoft交互设计要求规范.docx

实用标准文档 实用标准文档 文案大全 文案大全 Windows 用户体验交互设计规范 此官方⑴Windows 用户体验交互设计规范（简称“ UX规范”）的目标在于: ? 为所有基于Windows的应用程序划定高品质与一致性的基准。 ? 回答关于用户体验的问题。 ? 使你的工作更为轻松！ 设计原则 ? Win dows 用户体验设计原则 ? 最容易犯的错误 ? 如何设计优秀的用户体验 ? 简约而又强大（20.3%） ? 使用WPF进行设计（29.4%） 控件 控件列表 ? 气球状提示 ? 复选框 命令按钮 命令按钮vs链接 命令链接 下拉列表框与组合框 分组框 链接 列表框 列表视图 进度条 渐进展开控件 选项按钮 搜索框 滑块 微调控件 状态栏 选项卡 文本框 工具提示与信息提示 树形视图 命令 菜单 设计理念(34%) 文本 消息 工具栏 设计理念 使用模式 设计规范 推荐尺寸与间距 标签 文档编写 功能区(Ribbon) 设计理念(35.7%) 设计规范(8.7%) 标签(25.1%) 文档编写 功能区设计流程(15.2%) 程序命令模式(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%) 属性窗口设计理念(13.4%) o 属性窗口使用模式(35.3%) 控制面板(10.0%) 控制面板使用模式(49.8%) 视觉 ? 布局 o 布局度量单位 ? 窗口边框 字体(Segoe UI ) 颜色 图标 标准图标(26.5%) 动画与过渡new 设计理念(11.2%) 使用模式(33.5%) 设计规范(13.1%) 文档编写(0%) 图形元素(18.7%) 声音(13.2%) 体验 软件品牌宣传 安装 NEW (0%) 首次体验(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 目录 ［隐藏］ 1设计理念 1.1视觉层次 1.2阅读设计模型 1.3为扫视进行设计 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无障碍访问特性 ? 3推荐尺寸与间距 “布局”是指窗口或页面内各内容的尺寸、间距及位置。有效的布局对于帮助用户快速找到他们想要的东西至关 重要，并可产生具有吸引力的视觉外观。有效的布局可以使有的设计用户立即就可以理解，而有的设计却使用户 觉得困惑而不知所措。 注：与窗口管理相关的设计规范请参考各自相应的章节。特定控件的推荐尺寸与间距则请参考相应的设计规范章 节。 设计理念 视觉层次 当窗口或页面的外观能够表明各个元素之间的关系和重要性时，即可认为是具有清晰的视觉层次。如果缺少视觉 层次，用户就得靠他们自己来分辨它们之间的关系与重要性。 视觉层次是通过巧妙结合下列属性来实现的：