Microsoft交互设计规范标准[详]

Microsoft交互设计规范标准[详]

ID:36808984

大小:1.53 MB

页数:45页

时间:2019-05-15

Microsoft交互设计规范标准[详]_第1页
Microsoft交互设计规范标准[详]_第2页
Microsoft交互设计规范标准[详]_第3页
Microsoft交互设计规范标准[详]_第4页
Microsoft交互设计规范标准[详]_第5页
资源描述:

《Microsoft交互设计规范标准[详]》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、专业资料Windows用户体验交互设计规范 此官方[1]Windows用户体验交互设计规范(简称“UX规范”)的目标在于:·为所有基于Windows的应用程序划定高品质与一致性的基准。·回答关于用户体验的问题。·使你的工作更为轻松!设计原则·Windows用户体验设计原则·最容易犯的错误·如何设计优秀的用户体验·简约而又强大(20.3%)·使用WPF进行设计(29.4%)控件控件列表·气球状提示·复选框·命令按钮·命令按钮vs链接·命令链接·下拉列表框与组合框·分组框·链接·列表框·列表视图·进度条·渐进展开控件·选项按钮·搜索框·滑块·微调控件·状态栏·选项卡wo

2、rd完美格式专业资料·文本框·工具提示与信息提示·树形视图命令·菜单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文档编写word完美格式专业资料·确认信息o设计理念(50.3%)o使用模式

3、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布局度量单位·窗口边框·字体(SegoeUI)·颜色·图标·标准图标(26.5%)·动画与过渡NEWo设计理念(11.2%)word完美格

4、式专业资料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%)其他·文档特点及翻译风格指南·《WindowsUserExperienceInteractionGuidelines》原文注释与引用1.^这里“官方”是原文的直接翻译,并不表示

5、此中文译本经过微软官方任何形式的授权或认证。word完美格式专业资料布局Layout目录[隐藏]·1设计理念o1.1视觉层次o1.2阅读设计模型o1.3为扫视进行设计o1.4有效利用屏幕空间o1.5控件尺寸o1.6间距o1.7可缩放窗口o1.8焦点o1.9流程o1.10分组o1.11对齐o1.12水平对齐§1.12.1左对齐§1.12.2右对齐§1.12.3居中对齐o1.13垂直居中§1.13.1元素顶端§1.13.2文本基线o1.14标签对齐§1.14.1标签在控件上方左对齐§1.14.2标签在控件左侧左对齐§1.14.3标签在控件左侧左对齐,控件的左侧错开排列§

6、1.14.4标签在控件左侧右对齐o1.15平衡o1.16网格o1.17视觉简洁·2设计规范o2.1屏幕分辨率及DPIo2.2窗口尺寸o2.3控件尺寸o2.4控件间距o2.5位置o2.6焦点o2.7对齐o2.8无障碍访问特性word完美格式专业资料·3推荐尺寸与间距“布局”是指窗口或页面内各内容的尺寸、间距及位置。有效的布局对于帮助用户快速找到他们想要的东西至关重要,并可产生具有吸引力的视觉外观。有效的布局可以使有的设计用户立即就可以理解,而有的设计却使用户觉得困惑而不知所措。注:与窗口管理相关的设计规范请参考各自相应的章节。特定控件的推荐尺寸与间距则请参考相应的设计

7、规范章节。设计理念视觉层次当窗口或页面的外观能够表明各个元素之间的关系和重要性时,即可认为是具有清晰的视觉层次。如果缺少视觉层次,用户就得靠他们自己来分辨它们之间的关系与重要性。视觉层次是通过巧妙结合下列属性来实现的:·焦点。该布局指出用户首先要看的位置。·流。当目光顺畅自然地沿着清晰的路径在界面上移动时,看到的用户界面(UI)元素即是适合其使用的顺序排列的。·分组。在逻辑上相关的UI元素之间具有清晰的视觉关系。相关的项被组合在一起,不相关的项则被分开。·强调。根据UI元素的相对重要程度进行强调。·对齐。UI元素并列排放,使其便于扫视并依次呈现。另外,有效的布局

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。