1、用户界面设计规范用户界面:又称人机界面,实现用户与计算机之间的通信,以控制计算机或进行用户与计算机之间的数据传送的系统部件。GUI:即图形用户界面,一种可视化的用户界面,它使用图形界面代替正文界面。本系统坚持图形用户界面(GUI)设计原则,界面直观、对用户透明。用户接触软件后对界面上对应的功能一目了然、不需要多少培训就可以方便地使用本应用系统。1、界面设计介绍界面设计是为了满足软件专业化标准化的需求而产生的对软件的使用界面进行美化优化规范化的设计分支。1)软件启动封面设计应使软件启动封面最终为高清晰度的图像,选用的色彩不宜超过256色,大小多为主流显示器分辨率的1/6大。启动封面上应
3、位置,主菜单应放在左边或上边,滚动条放在右边,状态栏放在下边,以符合视觉流程和用户使用心理。3)软件按钮设计软件按钮设计应该具有交互性,即应该有3到6种状态效果:点击前鼠标未放在上面时的状态;鼠标放在上面但未点击的状态;点击时状态;点击后鼠标未放在上面时的状态;不能点击时状态;独立自动变化的状态。按钮应具备简洁的图示效果,名称易懂,用词准确,能望文知意最好,让使用者产生功能关联反应,群组内按钮应该风格统一,功能差异大的按钮应该有所区别。4)软件面板设计软件面板设计应该具有缩放功能,面板应该对功能区间划分清晰,应该和对话框、弹出框等风格匹配,尽量节省空间,切换方便。5)菜单设计菜单
4、设计一般有选中状态和未选中状态,左边应为名称,右边应为快捷键。如果有下级菜单应该有下级箭头符号,不同功能区间应该用线条分割。对与进行的操作无关的菜单要用屏蔽的方式加以处理,如果采用动态加载方式,即只有需要的菜单才显示最好。主菜单的宽度要接近,字数不应多于四个,每个菜单的字数能相同最好。主菜单数目不应太多,最好为单排布置。6)标签设计标签设计应该注意转角部分的变化,状态可参考按钮。7)图标设计图标设计色彩不宜超过64色,大小为16x16、32x32两种,应该加以着重考虑视觉冲击力,它需要在很小的范围表现出软件的内涵,在设计时使用简单的颜色,利用眼睛对色彩和网点的空间混合效果,做出精彩
5、图标。8)滚动条及状态栏设计滚动条主要是为了对区域性空间的固定大小中内容量的变换进行设计,应该有上下箭头,滚动标等,有些还有翻页标。状态栏是为了对软件当前状态的显示和提示。9)安装过程设计安装过程设计主要是将软件安装的过程进行美化,包括对软件功能进行图示化。10)包装及商品化最后软件产品的包装应该考虑保护好软件产品,功能的宣传融合于美观中,可以印刷部分产品介绍。2、界面设计原则1)易用性(1)完成相同或相近功能的按钮用Frame框起来,常用按钮要支持快捷方式;(2)完成同一功能或任务的元素放在集中位置,减少鼠标移动的距离;(3)按功能将界面划分局域块,用Frame框括起来,并要有功能说
6、明或标题;(4)界面要支持键盘自动浏览按钮功能,即按Tab键的自动切换功能;(5)同一界面上的控件数最好不要超过10个,多于10个时可以考虑使用分页界面显不;(6)分页界面要支持在页面间的快捷切换,常用组合快捷键Ctrl+Tab;(7)默认按钮要支持Enter及选操作,即按Enter后自动执行默认按钮对应操作;(8)可写控件检测到非法输入后应给出说明并能自动获得焦点;(9)Tab键的顺序与控件排列顺序要一致,目前流行从上到下、从左到右的方式;(10)复选框和选项框要有默认选项,按选择机率的高低而先后排列,并支持Tab选择;(11)界面空间较小时使用下拉框而不用选项框;(
8、一条工具栏的长度不能超出屏幕宽度;(5)工具栏太多时可以考虑使用工具厢;工具厢要具有可增减性,由用户自己根据需求定制,默认总宽度不要超过屏幕宽度的1/5;(6)状态条要能显示用户切实需要的信息,常用的有:目前的操作、系统状态、用户位置、用户信息、提示信息、错误信息等,高度以放置五好字为宜;(7)滚动条的长度要根据显示信息的长度或宽度能及时变换,以利于用户了解显示信息的位置和百分比,并且宽度应比状态条的略窄;(8)菜单和工具条要有清楚的界限,菜单要求凸出显示,这样在移走工具条时仍有立体感;(9)菜单和状态条中通常使用五号字体。工具条一般比菜单要宽,但不要宽得太多,否则看起来很
9、不协调;(10)右键快捷菜单采用与菜单相同的准则。3)合理性屏幕对角线相交的位置是用户直视的地方,正上方四分之一处为易吸引用户注意力的位置,在放置窗体时要注意利用这两个位置。(1)父窗体或主窗体的中心位置应该在对角线焦点附近;(2)子窗体位置应该在主窗体的左上角或正中,多个子窗体弹出时应该依次向右下方偏移,以显示出窗体标题为宜;(3)重要的命令按钮与使用较频繁的按钮要放在界面上注目的位置;(4)与正在进行的操作无关的按钮应该加以屏蔽(Windows中用灰色显示,没法使用该按钮);(5)对可能造成数据无法恢复的操作必须提供确认信息,给用户放弃选择的机会。4)美观与协调性(
10、1)按钮大小基本相近,且与界面的大小、空间要协调,忌用太长的名称;(2)避免空旷的界面上放置很大的按钮,放置完控件后界面不应有很大的空缺位置;(3)前景与背景色搭配合理协调,反差不宜太大,最好少用深色,常用色考虑使用Windows界面色调;(4)界面风格要保持一致,字的大小、颜色、字体要相同,除非是需要艺术处理或有特殊要求的地方;(5)如果窗体支持最小化、最大化或放大时,窗体上的控件也要随着窗体而缩放;(6)对于含有按钮的界面一般不应该支持缩放,即右上角只有关闭功能;(7)通常父窗体支持缩放时,子窗体没有必要缩放。5)界面一致性在界面设计中应该保持界面的一致性。一致性既
12、于空旷,合理的利用空间。在一个窗口中按tab键,移动顺序不能杂乱无章,先从上至下,再从左至右。一屏中首先应输入的和重要信息的控件在tab顺序中应当靠前,并放在窗口上较醒目的位置。布局力求简洁、有序、易于操作。(3)鼠标与键盘对应应用中的功能只用键盘也应当可以完成,即设计的应用中还应加入一些必要的按钮和菜单项。但是,许多鼠标的操作,如双击、拖动对象等,并不能简单地用键盘来模拟即可实现。例如在一个列表框中用鼠标单击其中一项表示选中该项内容,为了用键盘也能实现这一功能,必须在窗口中定义一个表示选中的按钮,以作为实现单击功能的替。又如在一个窗口中有两个数据窗口,可以用鼠标从一个数据窗口
13、中将一项拖出然后放到另一个中,如果只用键盘,就应当在菜单中设置拷贝或移动的菜单项。(4)快捷键在菜单项中使用快捷键可以让使用键盘的用户操作得更快一些,在Windows及其应用软件中快捷键的使用大多是一致的。本系统中应用的快捷键在各个配置项上语义必须保持一致。Ctrl-0打开Ctrl-S保存Ctrl-C拷贝Ctrl-V粘贴Ctrl-D删除Ctrl-X剪切Ctrl-I插入Ctrl-H帮助Ctrl-P打印Ctrl-W关闭其它快捷键Ctrl-Tab下一窗口Ctrl-Esc任务列表Ctrl-F4关闭窗口Alt-F4结束应用Alt-Tab下一应用Enter缺省按钮/确认操作Esc取消按钮/取消操