一遵循一致的准则确立标准并遵循文档格式.docx
- 文档编号:21224202
- 上传时间:2023-01-28
- 格式:DOCX
- 页数:12
- 大小:28.16KB
一遵循一致的准则确立标准并遵循文档格式.docx
《一遵循一致的准则确立标准并遵循文档格式.docx》由会员分享,可在线阅读,更多相关《一遵循一致的准则确立标准并遵循文档格式.docx(12页珍藏版)》请在冰豆网上搜索。
统一色调,针对软件类型以及用户工作环境选择恰当色调:
如:
平安软件,根据工业标准,可以选取黄色,绿色表达环保,蓝色表现时尚、紫色表现浪漫等等,淡色可以使人舒适,暗色做背景使人不觉得累等
如果没有自己的系列界面,采用标准界面那么可以少考虑此方面,做到与操作系统统一,读取系统标准色表
色盲、色弱用户,即使使用了特殊颜色表示重点或者特别的东西,也应该使用特殊指示符,?
quot;
!
,?
着重号,以及图标等
4:
颜色方案也需要测试,常常由于显示器、显卡的问题,色彩表现每台机器都不一样,应该经过严格测试,不同机器进展颜色测试
5:
遵循比照原那么:
在浅色背景上使用深色文字,深色背景上使用浅色文字,蓝色文字以白色背景容易识别,而在红色背景那么不易分辨,原因是红色和蓝色没有足够反差,而蓝色和白色反差很大。
除非特殊场合,杜绝使用比照强烈,让人产生憎反感的颜色。
6:
整个界面色彩尽量少的使用类别不同的颜色
itop色表
具体标准参考美术学统计学术标准。
色表的建立,对于美工在图案设计、包装设计上起着标准参考作用,对于程序界面设计人员设计控件、窗体调色起到有章可循的作用。
三:
(Resource)资源
一个多姿多彩的人机交互界面,少不了精巧的鼠标光标、图标以及指示图片、底图等。
也需要遵循统一的规那么,包括上述颜色表的建立,图标的建立步骤也应该尽可能的形成标准,参考itop的outlookbar图标设计标准
有标准的图标风格设计,有统一的构图布局,有统一的色调、比照度、色阶,以及图片风格
底图应该融于底图,使用浅色,低比照,尽量少的使用颜色。
图标、图像应该很清晰的表达出意思,遵循常用标准,或者用户机器容易联想的到物件,绝对不允许画出默认奇妙的图案。
鼠标光标样式统一,尽量使用系统标准,杜绝出现重复的情况,例如某些软件中一个手的形状就有4钟不同的样子。
?
如何创立XP图标?
:
//microsoft/china/msdn/library/dnwxp/html/winxpicons.asp
附件:
Itopoutlookhowto.doc描述itop工程中,outlookxp风格图标的制作方法
四:
(Font)字体
使用统一字体,字体标准的选择依据操作系统类型决定。
中文采用标准字体,“宋体〞,英文采用标准MicrosoftSansSerif不考虑特殊字体(隶书、草书等,特殊情况可以使用图片取代),保证每个用户使用起来显示都很正常。
字体大小根据系统标准字体来,例如MSS字体8磅,宋体的小五号字(9磅〕五号字〔10.5磅)。
所有控件尽量使用大小统一的字体属性,除了特殊提示信息、加强显示等例外情况
ITop采用BCB,所有控件默认使用parentfont,不允许修改,这样有利于统一调整。
系统大小字体属性改变的处理。
Windows系统有个桌面设置,设置大字体属性,很多界面设计者常常为这个恼火,如果设计时遵循微软的标准,全部使用相对大小作为控件的大小设置,当切换大小字体的时候,相对不会有什么特殊问题。
但是由于常常方便使用点阵作为窗口设计单位,导致改变大字体后,出现版面混乱的问题。
这个情况下,应该做相应处理:
写程序自动调节大小,点阵值乘以一个相应比例
全部采用点阵作为单位,不理会系统字体的调节,这样可以减少调节大字体带来的麻烦。
BCB/DELPHI中多采用这种方法,但是必然结果是和系统不统一。
五:
(Text)文字表达
提示信息、帮助文档文字表达遵循以下准那么:
口语化、客气、多用您、请,不要用或少用专业术语,杜绝错别字
断句逗号句号顿号分号的用法,提示信息比拟多的话,应该分段,
警告、信息、错误使用对应的表示方法
使用统一的语言描述,例如一个关闭功能按钮,可以描述为退出、返回、关闭,那么应该统一规定。
5:
根据用户不同采用相应的词语语气语调,如专用软件,可以出现很多专业属于,用户为儿童:
这可以语气亲切和蔼,老年用户那么应该成熟稳重。
制定标准遵循之。
六:
(STYLE)控件风格,不要使用错误控件,控件功能要专一
有设计好的同一风格的控件,如果没有能力设计出一套控件,那么使用标准控件,绝对不能不伦不类,杂乱无章
不要错误使用控件,例如:
使用Button样式做TTable的功能,拿主菜单条显示版权信息,
统一类型的控件操作方式一样,例如一个控件双击可以执行某些动作,而同样控件,双击却没有任何反映
一个控件只做单一功能,不复用
很多人为了写程序方便,喜欢把一个控件在不同情况下做不同功能用,这些对用户初次理解增加难度,只有用户熟悉后才能理解。
例如
改变红色选项,左边的参数代表不同的设置,可能由于为了节省控件或者编程量,但是只有熟练用户才回使用,这种情况下解决方法:
1:
分组,使用双份控件.
使用TABLE页,给用户很明显的视觉变化
七:
(ALIGN)控件布局,窗口不拥挤,按功能组合控件
屏幕不能拥挤
拥挤的屏幕让人难以理解,因而难以使用。
试验结果(Mayhew,1992年)屏幕总体覆盖度不应该超过40%,而分组钟覆盖度不应该超过62%。
让人看上去,不能太拥挤,也不能太松散。
整个工程,采用统一的控件间距,通过调整窗体大小到达一致,即使在窗体大小不变的情况下,宁可留空局部区域,也不要破坏控件间的行间距。
区域排列
一行控件,纵向中对齐,控件间距根本保持一致
行与行之间间距一样,靠窗体Border距离应大于行间间距(间距加边缘留空)。
当屏幕有多个编辑区域,要以视觉效果和效率来组织这些区域。
数据对齐要适当
说明文字,中文版应使用中文全角冒号,纵向对齐时,并按冒号右对其,如图。
纵向控件宽度尽量保持相通。
并左对齐。
例如金额等字符穿应根据小数点对齐,或者右对齐
有效组合
逻辑上相关联的控件应当加以组合,以表示其关联性,反之,任何不想光的工程应当风格开,在工程集合间,用间隔对其进展分组,或者使用方框划分各自区域。
例如:
以下界面,选择搜索方式来判断号码范围是表示主叫号码范围还是被叫号码范围,和入帐方式无关,
那么应该修改为:
搜索方式和入帐方式调换位置。
以免用户产生误解。
窗口缩放时,控件位置、布局:
为了使界面不出现跑版或者难看的局面,解决方法:
固定窗口大小,不允许改变尺寸,
改变尺寸的窗口,在Onsize的时候做控件位置、大小的相应改变。
BCB/DELPHI的VCL中,大局部控件有布局属性:
某些控件拥有alignment属性,可以用来做布局调节:
TcustomPanel,Tmemo等,考左靠右靠上靠下以及撑满(Client)属性,用来根据版面自动调节。
大局部控件有属性Anchors,里面上下左右akLeft,akTop等如果为true,那么表示相对各个边缘的距离是否改变。
这个可以进一步设计好排版工作。
八:
(TABORDER)TAB顺序
习惯用法,阅读顺序,从从左到右,从上到下
窗体中控件的Tab按键激活顺序,TabOrder,.BCB/DELPHI中使用窗体设计右键菜单项选择择taborder设置,VC中窗体RES编辑区域使用ctrl+D
九:
(ShortcutKey&
Accelerator&
PopMenu)快捷键、加速键和弹出菜单
快捷键:
全局快捷键菜单中加以描述CTRL+XXX并入帮助列表。
快捷键写入帮助,特殊说明,并在使用培训时强调使用
加速键:
使用非破坏性缺省按钮,回车、ESC键的正确使用一个窗体,有默认加速键,如回车表示激活当前窗口设置为default的按钮动作,esc表示关闭窗口。
在调用default按钮动作和关闭动作时候,不应该做有破坏性的操作,防止用户错误操作产生危害程度,例如不能把删除数据等功能的按钮作为缺省按钮。
当用户要提交很多数据时,应该屏蔽esc,或者做退出提示,告诫用户是否保存提交。
可接收动作控件必须拥有加速键,统一加速键描述(&
A)
为结合键盘使用,可操作控件都应该有加速键,加速键定义准那么,为英文单词第一个字母,如果同一窗体重复那么用第二个字母,以此类推,那么加速方式为alt+这个加速键,用统一的方法标识在界面中,如XXX(A)或者wps的A.XXX英文可直接在字母下标识下划线Cancel,
对于无法像button一样显示快捷键的Edit等控件,那么在Edit描述的Label中显示快捷键。
弹出菜单
辅助菜单必须在可视化界面上拥有对应的按钮或者菜单项选择项。
由于辅助菜单由用户点击鼠标左右键或者别的动作才能调出来显示给用户。
无法清晰的显示给用户,所以对应选项应该可以通过别的途径得到,例如界面上有相应控件或弹出右键菜单的按钮等。
十:
(ACTION)用户交互
disable而不是notvisible
要使一个功能有时允许有时不允许用户使用,那么这个控件的不能随便隐藏,应该使用disable属性进展表示,以免用户发现控件失踪后措手无策
窗口弹出位置要明显
点击一个控件,弹出窗口或者菜单,应该给人明显提示,最低要求是覆盖刚刚点击的位置,让用户轻松跳转到新的界面。
执行动作要提示
给用户一个视觉感受的同时,写程序的时候应该注意用户的交互感受,UI作为人机对话的工具,用户做了任何动作,应该给用户一个视觉或者听觉、触觉提示。
而且这个提示应该行明显,但不应提示过长,可以有以下几种方法:
当用户点击按钮等动作进展一个工作时:
弹出交互对话框让用户点击确认。
改变UI中控件参数提示:
(处理不用用户确认的提示,有一定延时,或者用户按键后自动去除。
)
改变标题栏字符串,显示“信息:
提交成功〞,或者专门设置一个状态栏、TLable等用来进展提示。
听觉提示:
在确定有声卡,用户可以听到声音的时候,发出特殊声音提示。
一般作为重要提示的辅助。
声音不应过长,紧急错误提示应该短促,频率较高,成功提示应该舒缓,轻松。
等等……
十一:
(HELP)联机帮助:
什么时候要帮助,什么时候不要帮助
系统默认、行业标准的控件操作不需要逐一描述,只需要对特殊控件加以描述2:
特殊操作、特殊功能界面,在界面上加控件直接连接到对应的HELP文件中
特殊设置详细,应该在界面上用简洁明了的语句说明,或者是好用Tiptool,并由第二步帮助
帮助文档:
构造化,按功能模块划分
必须阐述功能通过什么方法可以在软件中实现
帮助文件是帮助用户更好的使用软件,措辞要恰当、简捷、通俗易懂,每一句话都应该有目的,帮用户解决问题
帮助文件不是广告、商业软件不允许打广告。
描述公司信息目的是为了方便用户在没有方法的情况下找到售后支持,网址连接、信箱地址、号码绝对不允许无效。
十二:
发行时说明规那么
对统一的东西进展逐一阐述,并加以典型描述,放入HELP和用户手册中,同时加有词汇表
附录:
美工何时参与进来:
美工作为界面美化的主要人员,不但拥有艺术设计、包装设计的才能,还应该穿插整个工程,给界面程序设计人员提出系统参考意见。
软件设计前期,美工参与需求了解,分析同类软件界面有缺点,提出主色调、典型界面风格、以及构思整个美术包装等。
界面原型设计过程中,与开发人员共同修改、商榷最终表现样式,以及确立UI标准。
程序开发过程中,提供标准风格的资源文件〔icon,cur,bmp等〕,并总结出统一风格的资源的设计过程,形成标准文档*.
产品化方面,协助制作帮助文件、网站风格以及参与制作,制作附带宣传图片、动画、产品包装、海报等。
1、易用性:
按钮名称应该易懂,用词准确,屏弃没楞两可的字眼,要与同一界面上的其他按钮易于区分,能望文知意最好。
理想的情况是用户不用查阅帮助就能知道该界面的功能并进展相关的正确操作。
易用性细那么:
1)、完成一样或相近功能的按钮用Frame框起来,常用按钮要支持快捷方式。
2)、完成同一功能或任务的元素放在集中位置,减少鼠标移动的距离。
3)、按功能将界面划分局域块,用Frame框括起来,并要有功能说明或标题。
4)、界面要支持键盘自动浏览按钮功能,即按Tab键的自动切换功能。
5)、界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。
6)、同一界面上的控件数最好不要超过10个,多于10个时可以考虑使用分页界面显示。
7)、分页界面要支持在页面间的快捷切换,常用组合快捷键Ctrl+Tab
8)、默认按钮要支持Enter及选操作,即按Enter后自动执行默认按钮对应操作。
9)、可写控件检测到非法输入后应给出说明并能自动获得焦点。
10)、Tab键的顺序与控件排列顺序要一直,目前流行总体从上到下,同时行间从左到右的方式。
11)、复选框和选项框按选择几率的高底而先后排列。
12)、复选框和选项框要有默认选项,并支持Tab选择。
13)、选项数一样时多用选项框而不用下拉列表框。
14)、界面空间较小时使用下拉框而不用选项框。
15)、选项数叫少时使用选项框,相反使用下拉列表框。
16)、专业性强的软件要使用相关的专业术语,通用性界面那么提倡使用通用性词眼。
2、标准性:
通常界面设计都按Windows界面的标准来设计,即包含“菜单条、工具栏、工具厢、状态栏、滚动条、右键快捷菜单〞的标准格式,可以说、界面遵循标准化的程度越高,那么易用性相应的就越好。
小型软件一般不提供工具厢。
标准性细那么:
1)、常用菜单要有命令快捷方式。
2)、完成一样或相近功能的菜单用横线隔开放在同一位置。
3)、菜单前的图标能直观的代表要完成的操作。
4)、菜单深度一般要求最多控制在三层以内。
5)、工具栏要求可以根据用户的要求自己选择定制。
6)、一样或相近功能的工具栏放在一起。
7)、工具栏中的每一个按钮要有及时提示信息。
8)、一条工具栏的长度最长不能超出屏幕宽度。
9)、工具栏的图标能直观的代表要完成的操作。
10)、系统常用的工具栏设置默认放置位置。
11)、工具栏太多时可以考虑使用工具厢。
12)、工具厢要具有可增减性,由用户自己根据需求定制。
13)、工具厢的默认总宽度不要超过屏幕宽度的1/5。
14)、状态条要能显示用户切实需要的信息,常用的有、
目前的操作、系统状态、用户位置、用户信息、提示信息、错误信息等,如果某一操作需要的时间较长,还应该显示进度条和进程提示。
15)、滚动条的长度要根据显示信息的长度或宽度能及时变换,以利于用户了解显示信息的位置和百分比。
16)、状态条的高度以放置五好字为宜,滚动条的宽度比状态条的略窄。
17)、菜单和工具条要有清楚的界限;
菜单要求凸出显示,这样在移走工具条时仍有立体感。
18)、菜单和状态条中通常使用5号字体。
工具条一般比菜单要宽,但不要宽的太多,否那么看起来很不协调。
19)、右键快捷菜单采用与菜单一样的准那么。
3、帮助设施:
系统应该提供详尽而可靠的帮助文档,在用户使用产生迷惑时可以自己寻求解决方法。
帮助设施细那么。
1)、帮助文档中的性能介绍与说明要与系统性能配套一致。
(我们的系统帮助文档都是系统的祖先时期的说明,让人困惑)。
2)、打包新系统时,对作了修改的地方在帮助文档中要做相应的修改。
3)、操作时要提供及时调用系统帮助的功能。
常用F1。
4)、在界面上调用帮助时应该能够及时定位到与该操作相对的帮助位置。
也就是说帮助要有即时针对性。
5)、最好提供目前流行的联机帮助格式或HTML帮助格式。
6)、用户可以用关键词在帮助索引中搜索所要的帮助,当然也应该提供帮助主题词。
7)、如果没有提供书面的帮助文档的话,最好有打印帮助的功能。
8)、在帮助中应该提供我们的技术支持方式,一旦用户难以自己解决可以方便的寻求新的帮助方式。
4、合理性:
屏幕对角线相交的位置是用户直视的地方,正上方四分之一处为易吸引用户注意力的位置,在放置窗体时要注意利用这两个位置。
合理性细那么。
1)、父窗体或主窗体的中心位置应该在对角线焦点附近。
2)、子窗体位置应该在主窗体的左上角或正中。
3)、多个子窗体弹出时应该依次向右下方偏移,以显示窗体出标题为宜。
4)、重要的命令按钮与使用较频繁的按钮要放在界面上注目的位置。
5)、错误使用容易引起界面退出或关闭的按钮不应该放在易点位置。
横排开头或最后与竖排最后为易点位置。
6)、与正在进展的操作无关的按钮应该加以屏蔽(Windows中用灰色显示,没法使用该按钮)。
7)、对可能造成数据无法恢复的操作必须提供确认信息,给用户放弃选择的时机。
8)、非法的输入或操作应有足够的提示说明。
9)、对运行过程中出现问题而引起错误的地方要有提示,让用户明白错误出处,防止形成无限期的等待。
10)、提示、警告、或错误说明应该清楚、明了、恰当。
5、美观与协调性:
界面应该大小适合美学观点,感觉协调舒适,能在有效的范围内吸引用户的注意力。
美观与协调性细那么。
1)、长宽接近黄金点比例,切忌长宽比例失调、或宽度超过长度。
2)、布局要合理,不宜过于密集,也不能过于空旷,合理的利用空间。
3)、按钮大小根本相近,忌用太长的名称,免得占用过多的界面位置。
4)、按钮的大小要与界面的大小和空间要协调。
5)、防止空旷的界面上放置很大的按钮。
6)、放置完控件后界面不应有很大的空缺位置。
7)、字体的大小要与界面的大小比例协调,通常使用的字体中宋体9-12较为美观,很少使用超过12号的字体。
8)、前景与背风光搭配合理协调,反差不宜太大,最好少用深色,如大红、大绿等。
常用色考虑使用Windows界面色调。
9)、如果使用其他颜色,主色要柔和,具有亲和力与磁力,坚决杜绝刺目的颜色。
10)、大型系统常用的主色有"
#E1E1E1"
、"
#EFEFEF"
#C0C0C0"
等。
11)、界面风格要保持一致,字的大小、颜色、字体要一样,除非是需要艺术处理或有特殊要求的地方。
12)、如果窗体支持最小化和最大化或放大时,窗体上的控件也要随着窗体而缩放;
切忌只放大窗体而忽略控件的缩放。
13)、对于含有按钮的界面一般不应该支持缩放,即右上角只有关闭功能。
14)、通常父窗体支持缩放时,子窗体没有必要缩放。
15)、如果能给用户提供自定义界面风格那么更好,由用户自己选择颜色、字体等。
6、菜单位置:
菜单是界面上最重要的元素,菜单位置按照按功能来组织。
菜单设测试细那么:
1)、菜单通常采用“常用--主要--次要--工具--帮助〞的位置排列,符合流行的Windows风格。
2)、常用的有“文件〞、“编辑〞,“查看〞等,几乎每个系统都有这些选项,当然要根据不同的系统有所取舍。
3)、下拉菜单要根据菜单项选择项的含义进展分组,并切按照一定的规那么进展排列,用横线隔开。
4)、一组菜单的使用有先后要求或有向导作用时,应该按先后次序排列。
5)、没有顺序要求的菜单项按使用频率和重要性排列,常用的放在开头,不常用的靠后放置;
重要的放在开头,次要的放在后边。
6)、如果菜单项选择项较多,应该采用加长菜单的长度而减少深度的原那么排列。
7)、菜单深度一般要求最多控制在三层以内。
8)、对常用的菜单要有快捷命令方式,组合原那么见8。
9)、对与进展的操作无关的菜单要用屏蔽的方式加以处理,如果采用动态加载方式——即只有需要的菜单才显示——最好。
10)、菜单前的图标不宜太大,与字高保持一直最好。
11)、主菜单的宽度要接近,字数不应多于四个,每个菜单的字数能一样最好。
12)、主菜单数目不应太多,最好为单排布置。
7、独特性:
如果一味的遵循业界的界面标准,那么会丧失自己的个性.在框架符合以上标准的情况下,设计具有自己独特风格的界面尤为重要。
尤其在商业软件流通中有着很好的迁移默化的广告效用。
1)、安装界面上应有单位介绍或产品介绍,并有自己的图标。
2)、主界面,最好是大多数界面上要有公司图标。
3)、登录界面上要有本产品的标志,同时包含公司图标。
4)、帮助菜单的“关于〞中应有版权和产品信息。
5)、公司的系列产品要保持一直的界面风格,如背风光、字体、菜单排列方式、图标、安装过程、按钮用语等应该大体一致。
8、快捷方式的组合
在菜单及按钮中使用快捷键可以让喜欢使用键盘的用户操作得更快一些在西文Windows及其应用软件中快捷键的使用大多是一致的。
菜单中、
1)、面向事务的组合有:
Ctrl-D删除;
Ctrl-F寻找;
Ctrl–H替换;
Ctrl-I插入;
Ctrl-N新记录;
Ctrl-S保存Ctrl-O翻开。
2)、列表:
Ctrl-R,Ctrl-G定位;
Ctrl-Tab下一分页窗口或反序浏览同一页面控件;
。
3)、编辑、
Ctrl-A全选;
Ctrl-C拷
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 遵循 一致 准则 确立 标准