《软件界面设计流程规范.docx》由会员分享,可在线阅读,更多相关《软件界面设计流程规范.docx(14页珍藏版)》请在第一文库网上搜索。
1、软件界面设计软件界面设计整体准则包含以下四个方面:1规范性2 .合理性3 .一致性4 .界面定制性一、软件界面设计的规范遵循一致的准则,确立准则并遵循,是软件界面设计中必不可必的环节。确立界面准则的优点:1便于用户操作:户运用起来能够建立起精确的心里模型,运用熟练了一个界面后,切换到另外一个界面能够很轻轻松松的推测出各种功能。2 .运用户感觉到统一、规范,在运用软件的流程中愉快轻轻松松的完成操作,提高对软件的认知。3 .降低培训、支撑成本,不必花费较多的人力对客户执行逐个指导。二、软件界面布局的合理性界面的合理性是指界面能不能与软件功能相融洽,界面的颜色和布局能不能协调等。比方:1 .界面布局
2、a.屏幕不能拥挤整个项目,采用统一的控件间距,议决调整窗体大小达到一致,即使在窗体大小不变的情况下,宁可留空部分区域,也不要破坏控件间的行间距。b.控件按区域排列一行控件纵向中对齐,控件间距基本保持一致,行与行之间间距相似,靠窗体的控件距窗体边缘的距离应大于行间距。当屏幕有多个编辑区域,要以视觉成效和效率来组织这些区域。c.有效组合逻辑上相关联的控件应当加以组合以示意其关联性,反之,任何不相关的项目应当分隔开。在项目集合间用间隔对其执行分组,或者运用方框划分各自区域。d.窗口缩放时,控件位置、布局固定窗口大小,不准许改动尺寸。改动尺寸的窗口,在窗口尺寸发生改动时控件的位置、大小做出相应的改动。
3、改动尺寸的窗口,在窗口改动尺寸时添加相应在的纵向、横向滚动条,以方便用户运用窗体上的控件。2 .界面颜色搭配运用恰当的颜色,能够使软件的界面看起来更加规范:a统一色调针对软件类型以及用户工作环境挑选恰当色调,如:安全软件,根据工业准则,能够选取黄色。绿色体现环保,蓝色表现时尚清新、紫色表现浪漫等等,淡色能够使人舒适,暗色做背景使人不觉得累等。b.与操作系统统一c.遵循比较原则在浅色背景上运用深色文字,深色背景上运用浅色文字,如蓝色文字以白色背景基本识别,而在红色背景则不易分辨。除非特殊场合,杜绝运用比较强烈,让人产生憎恶感的颜色d.整个界面色彩尽量少的运用类别不一样的颜色e.颜色方案也许会因为
4、显示器、显卡、操作系统等原由显示出不一样的色彩f.针对色盲、色弱用户,能够运用特殊指示符e.颜色方案也许会因为显示器、显卡、操作系统等原由显示出不一样的色彩f.针对色盲、色弱用户,能够运用特殊指示符三、软件界面风格的一致性界面的一致性既包含运用准则的控件,也指相似的信息表现要领,如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。1在不一样分辨率下的美观程度软件界面要有一个默认的分辨率,而在其他分辨率下也可以够运行,分别在800X600,1024768,1280768,12801024,12001600分辨率下的大字体、小字体下的界面表现。2 .界面布局要一致如所有窗口按钮的位置和对齐
5、方式要保持一致。3 .界面的外观要一致如控件的大小、颜色、背景和显示信息等属性要一致,一些须要特殊处理或有特殊要求的地点除外。4 .界面所用颜色要一致颜色的前后一致会使整个运用软件有同样的观感,反之会让用户觉得所操作的软件杂乱无章,没有准则或言。5 .操作要领要一致如双击其中的项,触发某事件,那么双击任何其他列表框中的项,都应该有同样的事件发生。6 .控件风格、控件功能要专一a.不错误的运用控件比方运用Button样式做Tab1e的功能,拿主菜单条显示版权信息等b.一个控件只做单一功能,不复用假如在特殊情况下出现复用的时刻,可采用以下两种要领处理:分组,运用双份控件运用Tab1e页,给用户很清
6、楚的视觉改动7 .标签和讯息的措词要一致如在提示、菜单和帮助中产生相似的术语。8 .标签中文字信息的对齐方式要一致如某类描述信息的标题行定为居中,那么其他类似的功能也应该与此一致。9 .快捷键在各个配置项上语义保持一致如Tab键的习性用法是阅读顺序从从左到右,从上到下。四、软件界面操作可定制性界面的可定制性大致可分为以下多个特征:1界面元素可定制准许用户定义工具栏、状态栏能不能显示,工具栏显示在界面上的位置;准许用户定义菜单的位置等。10 工具栏可定制不一样用户对常用工具的运用是不一样的,因此准许用户建立新的工具栏,挑选要显示的工具栏,定制工具栏上的按钮等功能在软件系统中时常被用到。11 统计
7、检索可定制对于某些特殊行业的软件能够提供统计检索的可定制性,在充分明白用户需求的基本上制定大量的安全供用户挑选。12 软件界面所包含各类元素准则的定制软件界面的元素大致可分为以下多个方面:1 .窗口2 .菜单3 .图标4控件5 .鼠标6 .文字7 .联机帮助1、软件界面窗口的准则窗口是显示装备中的一个区域,用于观看对象、对象相关信息以及运用与对象的动作执行交互。从外观上来说,通常窗口是由标题、边框、菜单、工作区、滚动条等组成。窗口的标题栏能够执行打开、关上、建立、缩放、移动、删除、重叠等操作好的软件界面窗口应该具备以下准则:1 .窗口控件的大小、对齐方向、颜色、背景等属性的配置和程序设计规约相
8、一致2 .显示相关的下拉菜单、工具条、滚动条、对话框、按钮、图标和其他控制,既能正确显示又能调用3 .若窗口不能显示,所有内容能够改动大小、移动和滚动4 .活动窗口能够反显加亮5 .窗口能够正确的关上6 .多个窗口叠加时窗口的名称正确显不7 .窗口的数据能够运用鼠标、功能键、方向前头和键盘操作8 .当窗口被覆盖并重新调用后,窗口能够正确再生9 .假如运用多任务,所有的窗口能够被及时更新10 .窗口支撑最小化和最大化或放大11 .窗口上的控件随着窗体的缩放而缩放12 .父窗体支撑缩放时,子窗体也应该支撑缩放13 .一个窗口中按Tab键,移动聚焦按顺序移动。先从左至右,再从上到下14 .子窗口位置
9、在父窗口的左上角或正中15 .当多个子窗口弹出时依次向右下方偏移,并且显示出窗口标题16 .主要的命令按钮与运用频繁的按钮放在了界面醒目标位置17 .与正在执行的操作无关的按钮应该加以屏蔽18 .按钮大小要与界面的大小和空间协调19 .窗口中所包含的标签左对齐排列20 .多窗口的切换响应时间不宜过长2、软件界面菜单的准则菜单能不能易用首要体现在它能否提供线索帮助用户识别,而不用强迫用户去记忆,一个好的菜单配置能够分为以下多个方面:1 .菜单配置契合软件的需求2 .菜单项的措词精确,能够表达出所要执行配置的功能3 .菜单项的顺序合理,具有逻辑关联的项目集中放置4 .图形布局一致3、软件界面图标的
10、准则图标是示意实体信息简洁、抽象的符号,它还能够作为可视按钮项,当被选中激活时,能够完成指定的功能。那么图标的设计当中应该着重思虑哪些疑问呢,以下提供几点可供参考:1 .图标的配置契合常规的表达习性2 .不一样的目标采用不一样的图标3 .图标具有清晰的轮廓,轮廓清晰的图标可保证图像在不一样背景色上都具有较好的成效4 .图标的外形与实际功能相似,应尽量防止抽象。这样的图标能够运用户很轻轻松松、基本地识别图标的作用5 .在图标上加以标注,用来表明图标所完成的功能6 .图标放置在菜单栏的下方4、软件界面中控件的准则软件系统功能的实现与控件是密不可分的,各控件位置的摆放直接影响到软件的运用,及其美观程
11、度。下面举例表明软件系统中最常用到的控件对其元素间距、摆放位置执行表明:1 .控件元素的间距a.单个元素间距输入框之间垂直间距为5p1abe1文本标签和输入元素之间水平间距为8-22px复选框、单选按钮之间垂直间距为8px多种元素混合垂直排列时,复选框和单选按钮边上的间距无论在什么情况下都为8pb.元素分组间距窗口边框和内容区域的四周边距为IIPX;父组和子组之间的四周间距为IOpx;分组框边框和内部内容区域的四周边距为Spx;复选框组、单选框组的组水平间距为15p2 .按钮的位置1 .按钮与最底部的对象左对齐,假如空间准许则仅靠在最底部对象的右边窗口区域,页签面板,分组框2 .分组框按钮位于
12、分组框左下角,并和分组框内其它元素左对齐3 .位于表格下方,并和表格左对齐5、鼠标在界面中的准则用户会把鼠标移进、移出窗口,或当光标在窗口,或当光标在窗口中,用户按下、释放鼠标键,鼠标能不能精确、灵活,对一个软件系统来说也很主要。以下几点准则可作为在软件系统中鼠标设计的参考:1在整个交互的流程中,能够识别鼠标操作2 .多次点击鼠标后,仍能够正确识别3 .鼠标有多个按钮的情况下,能够正确识别每个按钮所要完成的功能4 .光标、处理指示器和识别指针随操作恰当的改动5 .点击选中时,鼠标指针停留在选中内容上,而不会滑动6 .支撑鼠标滑轮上下翻动操作7 .对于相似种类的元素采用相似的操作激活8 .采用动
13、态图标形象的示意出当前的操作,如用水漏示意系统忙,用手型示意能够点9 .鼠标无准则点击时不会产生不良后果10 .单击鼠标右键弹出快捷菜单,撤销右键后该菜单潜藏11 .鼠标光标样式统一,尽量运用系统准则,杜绝出现重复的情况6、软件界面文字的准则文字在视觉上向用户传达各种信息,界面文字包含界面文字的字体和界面文字的用语两个方面:1字体a.运用统一字体,如规定软件系统的中文字体为“宋体,英文及数据采用TimesNewRomanw0b.所有控件、描述信息尽量运用大小统一的字体属性,除了特殊提示信息、增强显示等例外情况。2.文字表达提示信息、帮助文档文字表达遵循以下准则:a.口语化描述,用词客气多用您、
14、请,不要用或少用专业术语,杜绝错别字。b.标点符号(断句、逗号、句号、顿号、分号)的用法要统一,提示信息比较多的话要执行分段。C.警告、信息、错误运用对应的示意要领。d.运用统一的语言描述,比方一个关上功能按钮,能够描述为退出、返回、关上,则应该统一规定。e.根据用户不一样采用相应的词语语气语调。7、软件界面联机帮助的准则帮助文档适用于以下三种情况:1 .系统默认、行业准则的控件操作不须要逐一描述,只须要对特殊控件加以描述。2 .特殊操作、特殊功能界面,在界面上加控件直接连接到对应的帮助文件中。3 .特殊配置的细致信息,除了应该在界面上用简洁明了的语句表明外,还能够在界面上加控件直接连接到对应的帮助文件中。帮助文档的准则要求:a.结构化,按功能模块划分b.必须阐述功能议决什么要领能够在软件中实现c.措词恰当、简捷、通俗易懂,明了的帮助用户处理疑问d.不在帮助文档中做广告宣传