- 浏览: 830779 次
- 性别:
- 来自: 厦门
文章分类
- 全部博客 (363)
- 2010年3月 (3)
- 2010年4月 (3)
- Java (116)
- ExtJs (22)
- EJB3.0 (11)
- JQuery (28)
- SqlServer (5)
- Oracle (17)
- hibernate (21)
- struts2 (14)
- php (10)
- JavaScript (11)
- jbpm (6)
- spring (24)
- lucene (2)
- ibatis (7)
- C# (8)
- mysql (11)
- json (3)
- webservice (3)
- 设计模式 (1)
- jdbc (1)
- servlet (2)
- ice (6)
- 日常软件问题 (2)
- 生活 (2)
- iphone (1)
- rest (3)
- ruby (2)
- linux (13)
- quartz (1)
- poi (1)
- redis (13)
- memcached (4)
- nosql (2)
- tomcat调优 (1)
- 项目管理 (0)
最新评论
-
天使建站:
jquery里和数组相关的操作 附带具体的实例 ...
jquery对象数组 -
Cy0941:
$('#formId').form('submit',...) ...
easyui的form表单提交处理 -
shmily2038:
swifth 写道楼主,,你的命令写错啦,,[root@ser ...
centos直接yum安装nginx -
swifth:
楼主,,你的命令写错啦,,[root@server ~]# y ...
centos直接yum安装nginx -
随遇而安DXX:
...
REST
用户界面设计规范
用户界面:又称人机界面,实现用户与计算机之间的通信,以控制计算机或进行用户与计算机之间的数据传送的系统部件。
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)鼠标与键盘对应
应用中的功能只用键盘也应当可以完成,即设计的应用中还应加入一些必要的按钮和菜单项。但是,许多鼠标的操作,如双击、拖动对象等,并不能简单地用键盘来模拟即可实现。例如在一个列表框中用鼠标单击其中一项表示选中该项内容,为了用键盘也能实现这一功能,必须在窗口中定义一个表示选中的按钮,以作为实现单击功能的替。又如在一个窗口中有两个数据窗口,可以用鼠标从一个数据窗口中将一项拖出然后放到另一个中,如果只用键盘,就应当在菜单中设置拷贝或移动的菜单项。
(4)快捷键
在菜单项中使用快捷键可以让使用键盘的用户操作得更快一些,在Windows及其应用软件中快捷键的使用大多是一致的。本系统中应用的快捷键在各个配置项上语义必须保持一致。
Ctrl-O 打开 Ctrl-Tab 下一窗口
Ctrl-S 保存 Ctrl-Esc 任务列表
Ctrl-C 拷贝 Ctrl-F4 关闭窗口
Ctrl-V 粘贴 Alt-F4 结束应用
Ctrl-D 删除 Alt-Tab 下一应用
Ctrl-X 剪切 Enter 缺省按钮/确认操作
Ctrl-I 插入 Esc 取消按钮/取消操作
Ctrl-H 帮助 Shift-F1 上下文相关帮助
Ctrl-P 打印
Ctrl-W 关闭
其它快捷键
其它快捷键使用汉语拼音的开头字母,不常用的可以没有快捷键。
6)向导
对于应用中某些部分的处理流程是固定的,用户必须按照指定的顺序输入操作信息,为了使用户操作得到必要的引示应该使用向导,使用户使用功能时比较轻松明了,但是向导必须用在固定处理流程中,并且处理流程应该不少于3个处理步骤。
7)用户帮助
系统应该提供详尽而可靠的帮助文档,在用户使用产生迷惑时可以自己寻求解决方法。
常用的帮助设施有两种:集成的和附加的。集成的帮助设施一开始就是设计在软件中的,它与语境有关,用户可以直接选择与所要执行操作相关的主题。通过集成帮助设施可以缩短用户获得帮助的时间,增加界面的友好性,附加的帮助设施在系统建好以后再加进去,通常是一种查询能力比较弱的联机帮助。
(1)帮助文档中的性能介绍与说明要和系统性能配套一致;
(2)操作时要提供及时调用系统帮助的功能,常用F1;
(3)最好提供目前流行的联机帮助格式或HTML帮助格式;
(4)用户可以用关键词在帮助索引中搜索所要的帮助,当然也应该提供帮助主题词;
(5)在帮助中应该提供我们的技术支持方式,一旦用户难以自己解决可以方便地寻求新的帮助方式。
8)出错信息和警告
出错信息和警告是指出现问题时系统给出的坏消息,信息以用户可以理解的术语描述。
(1)信息应提供如何从错误中恢复的建设性意见;
(2)信息应指出错误可能导致哪些不良后果,以便用户检查是否出现了这些情况并帮助用户进行改正;
(3)信息应伴随着视觉上的提示,如特殊的图像、颜色或者信息闪烁;
(4)信息不能带有判断色彩,即在任何情况下不能指责用户。
9)一般交互
(1)一致性:菜单选择、数据显示以及其它功能都应使用一致的格式;
(2)提供有意义的反馈;
(3)在数据录入上允许取消大多数操作;
(4)减少在动作间必须记忆的信息数量;
(5)允许用户非恶意错误,系统应保护自己不受致命错误的破坏。
10)数据输入
(1)尽量减少用户输入动作的数量;
(2)维护信息显示和数据输入的一致性;
(3)交互应该是灵活的,对键盘和鼠标输入的灵活性提供支持;
(4)在当前动作的语境中使不合适的命令不起作用。
11)独特性
如果一味地遵循业界的界面标准,则会丧失自己的个性。在框架符合规范的情况下,设计具有自己独特风格的界面尤为重要,在商业软件流通中会有很好的潜移默化的广告效用。安装界面上应有单位介绍或产品介绍,并有自己的图标。
发表评论
-
Jackson2.x通用工具类
2014-11-03 11:38 4894import java.io.IOException; i ... -
面试题
2013-02-27 09:04 1705从1加到100(考虑减少循环次数)使用数学公式 首先要知道 ... -
单例延迟实例化
2013-01-23 08:55 13231.如果出于性能的考虑而需要对实例域使用延迟初始化,就使用双 ... -
java中重载与重写的区别
2013-01-21 10:03 922首先我们来讲讲:重载(Overloading) ( ... -
自定义标签
2012-12-15 12:58 994package com.fsti.tag; import ... -
JAXB格式化beanToXml
2012-12-14 15:03 1250context = JAXBContext.n ... -
面向对象的特征有哪些方面?
2012-12-13 09:36 1000计算机软件系统是现实 ... -
java nio缓冲器
2012-12-05 17:03 3598缓冲器仅仅是一个" 多功能 " 的数组。可 ... -
面向对象三大特性一句话概括
2012-12-04 15:58 1549封装可以隐藏实现细节,使得代码模块化; 继承可以扩 ... -
Java序列化高级认识
2012-12-04 09:13 1061将 Java 对象序列化为二进制文件的 Java 序列化技术是 ... -
面向接口编程——提升系统多态性和可扩展性
2012-12-03 14:10 1277接口的本质 接口,在表面上是由几个没有主体代码的方 ... -
面向对象之多态
2012-11-23 19:22 868多态性(polymorphisn)是允许你将父对象设置成为和一 ... -
我对"秒杀"在技术性上的一些看法
2012-11-22 11:31 1007秒杀,是指电子商务 ... -
项目编码
2012-11-16 13:59 1146看两个项目所用的编码是否一样 Java的乱码问题: ... -
SVN错误:Attempted to lock an already-locked dir
2012-11-07 09:08 1023出现这个问题后使用“ ... -
面向对象的三个基本特征
2012-11-04 08:31 1083面向对象的三个基本特征是:封装、继承、多态。 封装 封装最 ... -
预编译防sql注入
2012-11-03 20:23 1968prepareStatement会先初始化SQL,先把这个SQ ... -
Java类与对象的初始化
2012-10-19 09:33 892Java类与对象的初始化 面试的时候,经常会遇到这样的笔试题 ... -
commons bean
2012-10-19 09:15 884这是两个javabean对象 package com.bea ... -
java工具DateUtil
2012-10-12 14:42 1050//一年内的周一 public final class Da ...
相关推荐
本模板涵盖了软件设计方案的各个方面,包括需求规定、系统结构、系统功能、运行环境、开发平台、实现方案、接口或通信协议、数据库设计、界面设计、系统可行性分析和项目计划等。 软件设计方案模板的主要目的是为了...
综上所述,《华为软件设计方案》为软件开发者提供了全面的设计指南,涵盖了用户界面设计、数据库设计以及编程规范等多个方面。遵循这些指南,可以帮助开发者构建高质量、易用且稳定的软件系统。
《供应商系统软件设计方案说明书》是一份详尽的文档,旨在为软件开发团队提供明确的指导,确保软件设计的高效性和可实施性。该文档由拟制人、评审人和批准人在特定日期完成,并包含了修订历史,以跟踪文档的更新和...
本文将深入探讨软件设计方案中的关键要素,包括用户界面设计规范、设计原则以及设计的具体细节。 用户界面(UI)是人与计算机交流的桥梁,它的设计应遵循直观性和透明性原则,使得用户能够迅速理解和掌握软件功能。...
在软件开发过程中,一个全面的软件设计方案是至关重要的,它为项目的成功提供了蓝图。这份111页的设计方案涵盖了从项目启动到后期维护的各个环节,确保了系统的稳定性和可扩展性。以下将详细阐述其中的关键知识点。 ...
在软件开发过程中,界面设计是至关重要的一个环节,它直接影响到用户的使用体验和软件的易用性。本实验主要关注的是界面设计工具的使用,包括Balsamiq Mockups和Fireworks,这两种工具都是设计界面上的利器。 ...
《软件设计方案模板》是指导软件开发过程的重要文档,旨在详细阐述软件系统的设计思路、方法、目标和具体实现细节。这份文档通常由项目团队的核心成员,如软件架构师或设计师拟制,经过评审和批准后,作为开发人员...
本篇文章将深入探讨软件设计中的界面设计,旨在帮助读者理解如何创建一个直观、易用且美观的用户界面。 首先,界面设计的核心是用户体验(User Experience, UX)。好的界面设计应以用户为中心,关注用户的感受、...
软件设计方案是构建高效、用户友好的应用程序的关键环节。在设计软件时,首要关注的是用户界面(UI),这是用户与计算机交流的桥梁。图形用户界面(GUI)是现代软件设计的标准,通过图标、菜单和窗口等可视化元素...
该界面设计方案集中了商品管理和营销存为一体
在软件开发过程中,详细设计方案是指在软件设计阶段的中期产物,旨在提供一个详细的设计文档,概述软件的总体架构、界面设计、输出报表设计、数据库设计、模块设计方案等关键组件的设计细节。下面是基于给定的文件...
【软件设计方案模板】 在软件开发过程中,一个详尽的软件设计方案是至关重要的,它为项目的实施提供了清晰的蓝图。这份“水务运营厂端子系统软件设计方案”旨在详细阐述该系统的各个方面,确保团队成员、管理者以及...
用户界面设计在计算机软件开发领域占据着核心地位,它直接影响到用户的使用体验与软件的可操作性。郭会娟在其研究《计算机软件用户界面设计研究》中,深刻剖析了用户界面设计的原则、用户分析、任务分析等关键内容,...
在IT行业中,软件界面设计是至关重要的一个环节,它直接影响到用户的使用体验和产品的市场竞争力。今天我们将聚焦于一款用于软件界面原型设计的工具,它以其强大的模板和预制功能著称,能帮助设计师快速构建出高保真...
本文档“软件设计方案[整理]”深入探讨了三个核心领域:用户界面设计规范、数据库设计原则以及编程规范总则,旨在为IT专业人士提供一套全面的指导原则。 **第一章:用户界面设计规范** 用户界面(UI)设计是软件与...
软件工程课程项目设计方案-网上书店系统设计方案书 本设计方案书旨在设计一个网上书店系统,旨在实现基本的电子商务功能。该系统将使用 JSP 作为开发工具,结合 Servlet 和 JavaBean,构建一个小型的动态商务网站。...
《软件项目设计方案》是指导软件开发过程的重要文档,旨在详细阐述整个项目的规划、设计和实施策略。这份文档通常由拟制人、评审人和批准人共同完成,确保方案的完整性和准确性。 1. **引言** - **编写目的**:...
《基于ARM嵌入式系统的人机界面组态软件设计方案》 在现代工业自动化领域,人机界面(Human-Machine Interface,HMI)扮演着至关重要的角色。它为操作员提供了与设备交互的图形化界面,使得操作过程更加直观、简便...