人机交互第5章界面设计资料.pptVIP

5.1.2 设计图形用户界面的原则 1. 一般性原则 (1)界面要具有一致性 在同一用户界面中，所有的菜单选择、命令输入、数据显示和其他功能应保持风格的一致性。 (2) 常用操作要有快捷方式 为常用操作设计快捷方式，不仅会提高用户的工作效率，还使界面在功能实现上简洁而高效。 (3)提供必要的错误处理功能 在出现错误时，系统应该能检测出错误，并且提供简单和容易理解的错误处理功能 (4) 对操作人员的重要操作要有信息反馈 提供信息反馈。对操作人员的重要操作要有信息反馈。 5.1.2 设计图形用户界面的原则 1. 一般性原则 (5)操作可逆 对大多数动作应允许恢复(UNDO)，对用户出错采取比较宽容的态度 (6)设计良好的联机帮助 人机界面应该提供上下文敏感的求助系统，让用户及时获得帮助，尽量用简短的动词和动词短语提示命令。 (7)合理划分并高效地使用显示屏 只显示与上下文有关的信息，允许用户对可视环境进行维护，如放大、缩小窗口；用窗口分隔不同种类的信息，只显示有意义的出错信息 5.1.2 设计图形用户界面的原则 2.颜色的使用 颜色是一种有效的强化手段，同时具有美学价值。使用颜色时应注意如下几点： (1) 限制同时显示的颜色数. (2)画面中活动对象的颜色应鲜明，而非活动对象应暗淡。 (3)尽量避免不相容的颜色放在一起，如黄与蓝，红与绿等，除非作对比时用。 (4)?若用颜色表示某种信息或对象属性，要使用户理解这种表示，并尽量采用通用的表示规则。 3.图标的设计 图标是可视地表示实体信息的简洁、抽象的符号。 图标设计是方寸艺术，需要在很小的范围内表现出图标的内涵。 设计图标时应该着重考虑视觉冲击力，要使用简单的颜色，利用眼睛对色彩和网点的空间混合效果，做出精彩图标 5.1.2 设计图形用户界面的原则 设计图标时须遵守的原则和方法： （1）图标的图形应该和目标的外形相似。尽量避免过于抽象。 （2）可在图标中附加上简要的文本标注，使用户明确图标的含义。 （3）设计图标应尽可能简单，符合常规的表达习惯，保持图标含义的前后连贯。 5.1.2 设计图形用户界面的原则 4.按钮的设计 设计按钮应该具有交互性，应该有3到6种状态效果： 点击时的状态 鼠标放在上面但未点击的状态 点击前鼠标未放在上面时的状态 点击后鼠标未放在上面时的状态 不能点击时的状态 独立自动变化的状态 按钮应具备简洁的图示效果，应能够让使用者产生功能上的关联反应。属于一个群组的按钮应该风格统一，功能差异大的按钮应该有所区别。 5.1.2 设计图形用户界面的原则 5.屏幕布局的设计 设计屏幕布局(Layout)时应该使各功能区重点突出 ,应遵循如下几条原则： (1)平衡原则 注意屏幕上下左右平衡。 (2) 预期原则 对屏幕上所有对象，如窗口、按钮、菜单等处理应一致化，使对象的操作结果可以预期。 (3) 经济原则 在提供足够信息量的同时要注意简明、清晰。 (4) 顺序原则 对象显示的顺序应按需要排列。 (5) 规则化 画面应对称，显示命令、对话及提示行在一个应用系统的设计中尽量统一规范。 5.1.2 设计图形用户界面的原则 6.菜单界面的设计 菜单在图形界面的应用程序中使用得非常普遍，是软件界面设计的一个重要组成方面，描述了一个软件的大致功能和风格。 菜单中的选项在功能上与按钮相当，一般具有下列一种或几种类型的选项：命令项、菜单项和窗口项。 菜单的结构一般有单一菜单、线状序列菜单、树状结构菜单、网状结构菜单等，其中树状结构菜单是最常见的结构。 5.1.2 设计图形用户界面的原则 菜单的结构 单一菜单 单一菜单是在几个选项中做出选择，可以有两个或多个选项，用户可以选中其中一个或确定多个选择 。 线状序列菜单 把一组相关联的菜单组合在一起，用户清楚地知道如何向前选择和目前在菜单中所处的位置，并且可以重返以前所作的选择。 树状结构菜单 树状菜单是把选项划分为若干类，类似的选项组成一组，最后形成一个树状结构 。 网状结构菜单 网状结构菜单允许用户在父辈菜单与子菜单之间切换，而不必重新回到父辈菜单然后再转到子菜单。 设计菜单界面时应注意的一般性原则： 按照系统的功能组织菜单，合理分类，并力求简短，前后一致 合理组织菜单界面的结构与层次。 按一定的规则对菜单项进行排序。 菜单选项的标题要力求文字简短、含义明确，并且最好以关键词开始 。 常用选项要设置快捷键 。 充分利用菜单选项的使能与禁止、可见与隐藏属性。 使用弹出式菜单 。 5.1.2 设计图形用户界面的原则 7.填表输入界面的设计 在处理大量相关数据的场合下，需要输入一系列的数据，这时填表输入界面是最理想的数据输入界面。 填表输入界面有以下的特点： 有明确的提示，使用