没有合适的资源?快使用搜索试试~ 我知道了~
系统界面设计规范标准.doc
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 22 浏览量
2021-10-04
22:41:57
上传
评论
收藏 79KB DOC 举报
温馨提示
试读
17页
系统界面设计规范标准.doc
资源推荐
资源详情
资源评论
.
CS 界面设计规
目录
1. 界面规................................................................................................................................................................... 2
1.1. 总体原则............................................................................................................................................................ 2
1.2. 原则详述............................................................................................................................................................ 2
1.2.1. 用户控制.......................................................................................................................................... 2
1.2.2. 清楚一致的设计.............................................................................................................................. 3
1.2.3. 有良好的直觉特征..........................................................................................................................3
1.2.4. 较快的响应速度.............................................................................................................................. 4
1.2.5. 简单且美观......................................................................................................................................4
1.3. 细节约定............................................................................................................................................................ 5
1.3.1. 界面风格.......................................................................................................................................... 5
1.3.1.1. 普通外观....................................................................................................................................... 5
1.3.1.2. Windows 的可视提示................................................................................................................... 6
1.3.1.3. 交互............................................................................................................................................... 6
1.3.1.4. 程序............................................................................................................................................... 7
1.3.1.5. 默认............................................................................................................................................... 7
1.3.1.6. 窗体............................................................................................................................................... 8
1.3.1.7. 布局和间距...................................................................................................................................8
1.3.1.8. 图标、图片...................................................................................................................................8
1.3.1.9. 提示信息(Hint)........................................................................................................................ 8
1.3.1.10. 标点符号..................................................................................................................................... 9
1.3.1.11. 对话框.........................................................................................................................................9
1.3.1.12. 对话框的主要命令按钮...........................................................................................................10
1.3.1.13. 属性表和属性页....................................................................................................................... 11
1.3.1.14. 向导........................................................................................................................................... 12
1.3.1.15. 控件........................................................................................................................................... 12
1.3.1.16. 命令按钮................................................................................................................................... 12
1.3.1.17. 复选框....................................................................................................................................... 13
1.3.1.18. 单选按钮................................................................................................................................... 13
1.3.1.19. 组合框....................................................................................................................................... 13
1.3.1.20. 编辑框....................................................................................................................................... 14
1.3.1.21. 滑块........................................................................................................................................... 14
1.3.1.22. 静态文本................................................................................................................................... 14
1.3.1.23. 列表框....................................................................................................................................... 15
1.3.1.24. 列表视图................................................................................................................................... 15
1.3.1.25. 滚动条....................................................................................................................................... 15
1.3.1.26. 分组框....................................................................................................................................... 15
1.3.1.27. 菜单........................................................................................................................................... 15
1.3.1.28. 上下文菜单............................................................................................................................... 16
1.3.1.29. 工具栏....................................................................................................................................... 16
1 / 17
.
引
在参考了很多资料后,整理出来的一份界面规(是 c/s 程序的,但其中的原则部分对任何界面都是具有参考价值的),
希望能给大家带来帮助。 其中的图片没有贴上来,因为文字已经足够描述清楚了。
1. 界面规
1.1.总体原则
以用户为中心。设计由用户控制的界面,而不是界面控制用户。
清楚一致的设计,所有界面的风格保持一致,所有具有相同含义的术语保持一致,且易于理解
拥有良好的直觉特征。以用户所熟悉的现实世界事务的抽象来给用户暗示和隐喻,来帮助用户能迅
速学会软件的使用。
较快的响应速度。
简单且美观。
1.2.原则详述
1.2.1.用户控制
用户界面设计的一个重要原则是用户应该总是感觉在控制软件而不是感觉被软件所控制。
操作上假设是用户--而不是计算机或软件--开始动作。用户扮演主动角色,而不是扮演被动角色。在
需要自动执行任务时,要以允许用户进行选择或控制它的方式来实现该自动任务。
提供用户自定义设置。因为用户的技能和喜好各不相同,因此他们必须能够个性化界面的某些方面。
Windows 为用户提供了对许多这方面的访问。您的软件应该反应不同的系统属性--例如颜色、字体
或其他选项的用户设置。
采取交互式和易于感应的窗口,尽量避免使用模态对话框,而使用"非模式"辅助窗口。 "模式"是一
种状态,它排除一般的交互,或者限制用户只能进行特定的交互。当最好使用一个模式或该模式只
是可替换的设计时--例如,用于在一个绘图程序中选定一个特定感觉--请确保该模式是显然的、可见
的,是一个明确的用户选定的结果,并且容易取消。
在后台运行长进程时,保持前台式交互。例如,当正在打印一个文档,即使该文档不能被改变,用
户也应该可以最小化该窗口。
2 / 17
.
谅解。用户喜欢探索一个界面,并经常从尝试和错误中学习。一个有效的界面允许交互式的发现,
它只提供一组合适的选择,并在用户可能破坏系统或数据的情况时发出警告。如果可行,还应提供
可逆转或可还原的操作。即使在设计得很好得界面中,用户也可能犯错误。这些错误既可以是物理
上得(偶然地指向了错误的命令或数据),也可以是逻辑上的(对选定哪一个命令或哪些数据做出
了错误的决定)。有效的设计避免很可能导致错误的情况。它还包容潜在的用户错误,并且使用户
易于还原。
1.2.2.清楚一致的设计
一致允许用户将已有的知识传递到新的任务中,更快地学习新事物,并将更多的注意力集中在任务上。
这是因为他们不必花时间来尝试记住交互中的不同。通过提供一种稳定的感觉,一致使得界面熟悉而
又可预测。一致在界面的所有方面都是很重要的,包括命令的名称、信息的可视表示,操作行为,以
与元素在屏幕和窗口部的放置。
相同含义的词使用统一的术语。比如对于仓库中存放的物料,不可同时又称为物品、货物、备品、
产品和材料等等,而统一约定一个称谓,且此称谓是用户熟悉的和易于理解的。
使用一组一致的命令和界面来展示常见功能。例如,避免一个"复制"命令在一种情况下立刻执行一个
操作,但在另一种情况显示一个对话框要求用户键入目标然后才执行。应该使用同样的命令来执行
对用户来说相似的功能。
操作环境的一致。保持 Windows 提供的交互操作和界面约定之间的高度一致,用户将能很快熟悉软
件的使用。
使用隐喻的一致性。如果一个特定的行为更多的是一个不同的事物的特征,而不是它的隐喻的含义,
那么用户可能在学习将行为和该事物相关联时遇到困难。例如,对于放在回收站中的对象而言,焚
烧炉和废纸箩代表不同的模型。
建立项目保留字。通过建立保留字来明确和统一术语和操作命令。
提供可视反馈。在后台运行长进程时(时间超过 1~10 秒,视具体情况而定),必须提供进度条等
信息指示。
除非特别必要时,不要提供声音反馈。在有严重的问题发生时,可以使用声音来提示用户,但是通
常应该允许用户取消声音。
保持文字容清楚。信息的表达要言简意赅,易于理解而又不罗嗦;避免使用冗长的文字给用户反馈。
1.2.3.有良好的直觉特征
用熟悉的隐喻为用户的任务提供直接而直观的界面。通过允许用户利用他们的知识和经验,隐
喻使得预测和学习基于软件的表示的行为更加容易。
3 / 17
.
在使用隐喻时,不需要将基于计算机的实现局限在真实世界的对应物上围之。例如,与其基于
纸的对应物不同,Windows 桌面上的文件夹可以被用来组织各种对象,例如打印机、计算器、
以与其他文件夹。同样,Windows 文件夹可以其真实世界对应物不可能的方式被排序。在界面
中使用隐喻的目的是提供一个认知的桥梁;隐喻并不以其自身为最终目的。
隐喻支持用户认知而不是记忆。用户记起与一个熟悉的事物相关联的意义要比他们记起一个特
定命令的名称要容易得多。
同常见软件保持一致性。出色的用户界面在程序中将实现同用户以前用过的其它成功软件一致
的动作。
1.2.4.较快的响应速度
保持界面能很快对用户操作作出反应。
提供快捷键。特别对于有大量录入项的界面,能让用户不使用鼠标即可完成快速数据录入。在
用户界面中加入一些功能,这些功能可以让熟练用户在不同的区域快速的输入数据。这些功能
包括重复功能、快捷键、带有有意义的图标的按钮等等,所有这些可以使速度快的用户可以控
制界面并加快数据的输入。
除非必要,不要重绘屏幕。
1.2.5.简单且美观
简单。界面应该很简单(不是过分单纯化)、易于学习、并且易于使用。它还必须提供对应用
程序的所有功能的访问。在界面中,扩大功能和保持简单是相互矛盾的。一个有效的设计应该
平衡这些目标。支持简单性的一种方法是将信息的表示减少到进行充分交流所需的最少信息。
例如,避免命令名和消息的文字描述。不相关或冗长的句子扰乱了您的设计,使得用户难以很
容易地提取重要信息。另一个设计简单而有用的界面的方法是使用自然的映射和语意。界面元
素的排列和表示影响它们的意义和关联。简单还与熟悉相互关联。熟悉的事物通常似乎更简单。
尽可能尝试建立利用用户已有的知识和经历的联系。您可以使用渐进揭示来帮助用户管理复杂
的事物。"渐进揭示"涉与到仔细的信息组织,以便只在恰当的时候才显示信息。通过隐藏向用户
表达的信息,您减少了用户必须处理的信息数量。例如,您可以使用菜单来显示操作或选择的
列表,还可以使用对话框来显示一组选项。渐进揭示并不意味着对显示信息使用非传统的技术,
例如需要一个修饰键作为访问基本功能的唯一方法,或者强迫用户通过一个更长的分级交互序
列。这会使用户界面更加复杂和麻烦。
美观。可视设计是应用程序界面的重要部分。可视属性提供了非常好的印象,并传达特定对象
的交互行为的重要线索。同时,出现在屏幕上的每一个可视元素也是很重要的,它们可能竞争
4 / 17
剩余16页未读,继续阅读
资源评论
huayuya123
- 粉丝: 26
- 资源: 31万+
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功