界面设计规范上下.doc
- 文档编号:336136
- 上传时间:2022-10-09
- 格式:DOC
- 页数:12
- 大小:46KB
界面设计规范上下.doc
《界面设计规范上下.doc》由会员分享,可在线阅读,更多相关《界面设计规范上下.doc(12页珍藏版)》请在冰豆网上搜索。
软件界面设计规范(上)
说明:
软件界面设计属于详细设计,设计人员可根据项目的规模及时间跨度来决定是否单列出来,可灵活掌握。
以下所列举和分析内容基本上包括了大部分的软件的内容规范,结合具体软件开发项目,需适当的调整。
1目的:
当今软件界的所有软件无不是可视化的用户界面,它的好处不外乎它有美观、直接、操作者易懂和操作方便等好处。
(具体目的)
2内容:
2.1界面设计思想:
“为用户设计,而不是设计者”。
(1)美观、操作方便高效。
(2)根据用户需求设计。
(3)针对不同用户的层次设计。
(有的用户对计算机相当了解而有的从来就没碰过计算机)
(4)避免出现嵌套式的界面设计。
(5)界面和代码要相互制约。
(6)界面要通“人性”。
即要有引导用户操作的功能,不能是操作一有错误就卡住什么都做不下去,又无任何提示来帮助用户如何进行操作。
2.2界面设计原则:
(1)遵循一致的准则,确立标准并遵循
无论是控件使用,提示信息措辞,还是颜色、窗口布局风格,遵循统一的标准,做到真正的一致。
这样得到的好处:
a.使用户使用起来能够建立起精确的心里模型,使用熟练了一个界面后,切换到另外一个界面能够很轻松的推测出各种功能,语句理解也不需要费神理解。
b.降低培训、支持成本,支持人员不会行费力逐个指导。
c.给用户统一感觉,不觉得混乱,心情愉快,支持度增加
做法:
项目组有经验人士,确立UI规范:
美工提供色调配色方案,提供整体配色表
界面控制程序人员、用户体验人员提出合理统一使用的控件库。
参考标准界面使用规范:
控件功能遵循行业标准,windows平台参见《Microsoft用户体验》(MSDN中有,中文已经翻译发行,项目组必须有一本)
控件的样式在允许的范围内可以统一修改其样式、色调。
参考其他软件先进操作,提取对本项目有用的功能,以使用,绝对不能盲从,漫无目的。
根据需要,设计特殊操作的控件,准则为:
简化操作、达到一定功能目的
界面实施人员与美工商榷控件可实现性,重复迭代上述工作。
建立合理化文档《UI标准》描述上述规范,并作为开发准则,SQA人员进行监控开发人员是否遵循,及时告诫开发人员。
(2) (Color)颜色使用恰当,遵循对比原则:
a.统一色调,针对软件类型以及用户工作环境选择恰当色调:
如:
安全软件,根据工业标准,可以选取黄色,绿色体现环保,蓝色表现时尚、紫色表现浪漫等等,淡色可以使人舒适,暗色做背景使人不觉得累等
b.如果没有自己的系列界面,采用标准界面则可以少考虑此方面,做到与操作系统统一,读取系统标准色表
c.色盲、色弱用户,即使使用了特殊颜色表示重点或者特别的东西,也应该使用特殊指示符,如"!
","?
"着重号,以及图标等
d.颜色方案也需要测试,常常由于显示器、显卡的问题,色彩表现每台机器都不一样,应该经过严格测试,不同机器进行颜色测试
e.遵循对比原则:
在浅色背景上使用深色文字,深色背景上使用浅色文字,蓝色文字以白色背景容易识别,而在红色背景则不易分辨,原因是红色和蓝色没有足够反差,而蓝色和白色反差很大。
除非特殊场合,杜绝使用对比强烈,让人产生憎恶感的颜色。
f.整个界面色彩尽量少的使用类别不同的颜色
itop色表
具体标准参考美术学统计学术标准。
色表的建设,对于美工在图案设计、包装设计上起着标准参考作用,对于程序界面设计人员设计控件、窗体调色起到有章可循的作用。
2.3其他界面约定
(1) (Resource)资源
一个多姿多彩的人机交互界面,少不了精美的光标图层、图标以及指示图片、底图等。
a.也需要遵循统一的规则,包括上述颜色表的建立,图标的建立步骤也应该尽可能的形成标准,参考itop的outlookbar图标设计标准
b.有标准的图标风格设计,有统一的构图布局,有统一的色调、对比度、色阶,以及图片风格
c.底图应该融于背景图,使用浅色,低对比,尽量少的使用颜色。
d.图标、图像应该很清晰的表达出意思,遵循常用标准,或者用户机器容易联想的到物件,绝对不允许画出默认奇妙的图案。
e.各种光标的样式统一,尽量使用系统标准,杜绝出现重复的情况,例如某些软件中一个手的形状就有4钟不同的样子。
如:
《如何创建XP图标》
附件:
Itopoutlookhowto.doc描述itop项目中,outlookxp风格图标的制作方法
(2) (Font)字体
使用统一字体,字体标准的选择依据操作系统类型决定。
中文采用标准字体,“宋体”,英文采用标准MicrosoftSansSerif不考虑特殊字体(隶书、草书等,特殊情况可以使用图片取代),保证每个用户使用起来显示都很正常。
字体大小根据系统标准字体来,例如MSS字体8磅,宋体的小五号字(9磅)五号字(10.5磅)。
所有控件尽量使用大小统一的字体属性,除了特殊提示信息、加强显示等例外情况
ITop采用BCB,所有控件默认使用parentfont,不允许修改,这样有利于统一调整。
系统大小字体属性改变的处理。
Windows系统有个桌面设置,设置大字体属性,很多界面设计者常常为这个恼火,如果设计时遵循微软的标准,全部使用相对大小作为控件的大小设置,当切换大小字体的时候,相对不会有什么特殊问题。
但是由于常常方便使用点阵作为窗口设计单位,导致改变大字体后,出现版面混乱的问题。
这个情况下,应该做相应处理:
1:
写程序自动调节大小,点阵值乘以一个相应比例
2:
全部采用点阵作为单位,不理会系统字体的调节,这样可以减少调节大字体带来的麻烦。
BCB/DELPHI中多采用这种方法,但是必然结果是和系统不统一。
(3) (Text)文字表达
提示信息、帮助文档文字表达遵循以下准则:
a.口语化、客气、多用您、请,不要用或少用专业术语,杜绝错别字
b.断句逗号句号顿号分号的用法,\r\n提示信息比较多的话,应该分段,
c.警告、信息、错误使用对应的表示方法
d.使用统一的语言描述,例如一个关闭功能按钮,可以描述为退出、返回、关闭,则应该统一规定。
e.根据用户不同采用相应的词语语气语调,如专用软件,可以出现很多专业属于,用户为儿童:
这可以语气亲切和蔼,老年用户则应该成熟稳重。
制定标准遵循之。
软件界面设计规范(下)
(4) (STYLE)控件风格,不要使用错误控件,控件功能要专一
有设计好的同一风格的控件,如果没有能力设计出一套控件,则使用标准控件,绝对不能不伦不类,杂乱无章
a.不要错误使用控件,例如:
使用Button样式做TTable的功能,拿主菜单条显示版权信息,
统一类型的控件操作方式相同,例如一个控件双击可以执行某些动作,而同样控件,双击却没有任何反映
b. 一个控件只做单一功能,不复用
很多人为了写程序方便,喜欢把一个控件在不同情况下做不同功能用,这些对用户初次理解增加难度,只有用户熟悉后才能理解。
例如:
改变红色选项,左边的参数代表不同的设置,可能由于为了节省控件或者编程量,但是只有熟练用户才会使用,这种情况下解决方法:
1:
分组,使用双份控件
2:
使用TABLE页,给用户很明显的视觉变化
(5) (ALIGN)控件布局,窗口不拥挤,按功能组合控件,
a.屏幕不能拥挤
拥挤的屏幕让人难以理解,因而难以使用。
试验结果(Mayhew,1992年)屏幕总体覆盖度不应该超过40%,而分组钟覆盖度不应该超过62%。
让人看上去,不能太拥挤,也不能太松散。
整个项目,采用统一的控件间距,通过调整窗体大小达到一致,即使在窗体大小不变的情况下,宁可留空部分区域,也不要破坏控件间的行间距。
b.区域排列
每一行控件,纵向中对齐,控件间距基本保持一致
行与行之间间距相同,靠窗体Border距离应大于行间间距(间距加边缘留空)。
当屏幕有多个编辑区域,要以视觉效果和效率来组织这些区域。
c.数据对齐要适当
说明文字,中文版应使用中文全角冒号,纵向对齐时,并按冒号右对齐。
纵向控件宽度尽量保持相通,并左对齐。
例如金额等字符穿应根据小数点对齐,或者右对齐
d.有效组合
逻辑上相关联的控件应当加以组合,以表示其关联性,反之,任何不相关的项目应当分隔开,在项目集合间,用间隔对其进行分组,或者使用方框划分各自区域。
e.窗口缩放时,控件位置、布局:
为了使界面不出现跑版或者难看的局面,解决方法:
1:
固定窗口大小,不允许改变尺寸,
2:
改变尺寸的窗口,在Onsize的时候做控件位置、大小的相应改变。
(6) (TABORDER)TAB顺序
习惯用法,阅读顺序,从从左到右,从上到下
窗体中控件的Tab按键激活顺序,TabOrder,.BCB/DELPHI中使用窗体设计右键菜单选择taborder设置,VC中窗体RES编辑区域使用ctrl+D
(7) (ShortcutKey&Accelerator&PopMenu)快捷键、加速键和弹出菜单
1.快捷键:
a.全局快捷键菜单中加以描述CTRL+XXX并入帮助列表。
b.快捷键写入帮助,特殊说明,并在使用培训时强调使用
2.加速键:
a.使用非破坏性缺省按钮,回车、ESC键的正确使用
一个窗体,有默认加速键,如回车表示激活当前窗口设置为default的按钮动作,esc表示关闭窗口。
在调用default按钮动作和关闭动作时候,不应该做有破坏性的操作,避免用户错误操作产生危害程度,例如不能把删除数据等功能的按钮作为缺省按钮。
当用户要提交很多数据时,应该屏蔽esc,或者做退出提示,告诫用户是否保存提交。
b.可接收动作控件必须拥有加速键,统一加速键描述(&A)
为结合键盘使用,可操作控件都应该有加速键,加速键定义准则,为英文单词第一个字母,如果同一窗体重复则用第二个字母,以此类推,则加速方式为alt+这个加速键,用统一的方法标识在界面中,如XXX(A)或者wps的A.XXX英文可直接在字母下标识下划线Cancel,
对于无法像button一样显示快捷键的Edit等控件,则在Edit描述的Label中显示快捷键。
弹出菜单:
辅助菜单必须在可视化界面上拥有对应的按钮或者菜单选项。
由于辅助菜单由用户点击鼠标左右键或者别的动作才能调出来显示给用户。
无法清晰的显示给用户,所以对应选项应该可以通过别的途径得到,例如界面上有相应控件或弹出右键菜单的按钮等。
(8) (ACTION)用户交互
a.disable而不是notvisible
项目不可用时,灰掉而不是移走,用户才有形成精确的心理模型。
要使一个功能有时允许有时不允许用户使用,则这个控件的不能随便隐藏,应该使用disable属性进行表示,以免用户发现控件失踪后措手无策
b.窗口弹出位置要明显
点击一个控件,弹出窗口或者菜单,应该给人明显提示,最低要求是覆盖刚才点击的位置,让用户轻松跳转到新的界面。
c.执行动作要提示
给用户一个视觉感受的同时,写程序的时候应该注意用户的交互感受,UI作为人机对话的工具,用户做了任何动作,应该给用户一个视觉或者听觉、触觉提示。
而且这个提示应该行明显,但不应提示过长,可以有以下几种方法:
当用户点击按钮等动作进行一个工作时
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 界面设计 规范 上下