软件设计方案(案例)

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