咨询热线:18609840880

资讯中心

秉承严谨的态度,为您提供专业的服务

界面的一致性是网站交互设计基本规范!

发表时间:05-27  浏览次数:1

一:遵循一致的准则,确立标准并遵循
无论是控件使用,提示信息措辞,还是颜色、窗口布局风格,遵循统一的标准,做到真正的一致。
1:使用户使用起来能够建立起—有效的心里模型,使用熟练了一个界面后,切换到另外一个界面能够很轻松的推测出各种功能,语句理解也不需要费神理解
2:降0培训、支持成本,支持人员不会行费力逐个指导。
3:给用户统一感觉,不觉得混乱,心情愉快,支持度增加
二:(Color)颜色使用恰当,遵循对比原则:
1:统一色调,针对软件类型以及用户工作环境选择恰当色调:     
2:如果没有自己的系列界面,采用标准界面则可以少考虑此方面,做到与操作系统统一,读取系统标准色表
3:色盲、色弱用户,即使使用了特殊颜色表示重点或者特别的东西,也应该使用特殊指示符,?Quot;!,?着重号,以及图标等
4:颜色方案也需要测试,常常由于显示器、显卡的问题,色彩表现每台机器都不一样,应该经过严格测试,不同机器进行颜色测试
5:遵循对比原则:在浅色背景上使用深色文字,深色背景上使用浅色文字,蓝色文字以白色背景容易识别,而在红色背景则不易分辨,原因是红色和蓝色没有足够反差,而蓝色和白色反差很大。除非特殊场合,杜绝使用对比强烈,让人产生憎恶感的颜色。
6:整个界面色彩尽量少的使用类别不同的颜色    
三:(Resource)资源
一个多姿多彩的人机交互界面,少不了精美的鼠标光标、图标以及指示图片、底图等。
1:也需要遵循统一的规则,包括上述颜色表的建立,图标的建立步骤也应该尽可能的形成标准,参考Itop的Outlookbar图标设计标准
2:有标准的图标风格设计,有统一的构图布局,有统一的色调、对比度、色阶,以及图片风格
3:底图应该融于底图,使用浅色, 0对比,尽量少的使用颜色。
4:图标、图像应该很清晰的表达出意思,遵循常用标准,或者用户机器容易联想的到物件,绝对不允许画出默认奇妙的图案。
5:鼠标光标样式统一,尽量使用系统标准,杜绝出现重复的情况,例如某些软件中一个手的形状就有4钟不同的样子。
四:(Font)字体
使用统一字体,字体标准的选择依据操作系统类型决定。
1.系统大小字体属性改变的处理。
 Windows系统有个桌面设置,设置大字体属性,很多界面设计者常常为这个恼火,如果设计时遵循微软的标准,全部使用相对大小作为控件的大小设置,当切换大小字体的时候,相对不会有什么特殊问题。但是由于常常方便使用点阵作为窗口设计单位,导致改变大字体后,出现版面混乱的问题。
1:写程序自动调节大小,点阵值乘以一个相应比例
2:全部采用点阵作为单位,不理会系统字体的调节,这样可以减少调节大字体带来的麻烦。BCB/DELPHI中多采用这种方法,但是必然结果是和系统不统一。
五:(Text)文字表达
提示信息、帮助文档文字表达遵循以下准则:
1:口语化、客气、多用您、请,不要用或少用专业术语,杜绝错别字
2:断句逗号句号顿号分号的用法,提示信息比较多的话,应该分段,
3:警告、信息、错误 使用对应的表示方法
4:使用统一的语言描述,例如一个关闭功能按钮,可以描述为退出、返回、关闭,则应该统一规定。
5: 根据用户不同采用相应的词语语气语调,如专用软件,可以出现很多专业属于,用户为儿童:这可以语气亲切和蔼,老年用户则应该成熟稳重。制定标准遵循之。
六:(ALIGN)控件布局,窗口不拥挤,按功能组合控件
1:屏幕不能拥挤
  拥挤的屏幕让人难以理解,因而难以使用。试验结果(Mayhew,1992年)屏幕总体覆盖度不应该超过40%,而分组钟覆盖度不应该超过62%。让人看上去,不能太拥挤,也不能太松散。整个项目,采用统一的控件间距,通过调整窗体大小达到一致,即使在窗体大小不变的情况下,宁可留空部分区域,也不要破坏控件间的行间距。
2:区域排列
  一行控件,纵向中对齐, 控件间距基本保持一致。行与行之间间距相同,靠窗体Border距离应大于行间间距(间距加边缘留空)。当屏幕有多个编辑区域,要以视觉效果和效率来组织这些区域。
3:数据对齐要适当
  说明文字,中文版应使用中文全角冒号,纵向对齐时,并按冒号右对其,如图。纵向控件宽度尽量保持相通。并左对齐。例如金额等字符穿应根据小数点对齐,或者右对齐
4:有效组合逻辑上相关联的控件应当加以组合,以表示其关联性,反之,任何不相关的项目应当分开,在项目集合间,用间隔对其进行分组,或者使用方框划分各自区域。例如:以下界面,选择搜索方式来判断号码范围是表示主叫号码范围还是被叫号码范围,和入帐方式无关,则应该修改为:搜索方式和入帐方式调换位置。以免用户产生误解。 

 

版权所有:大连新图闻科技有限公司. 保留一切法律许可权利 代理律师:戴律师