界面设计需求文档.docx

界面设计需求文档

界面设计的行业标准总结一

2011.09.23

GUI的整体标准包括以下四个方面：

规范性

合理性

一致性

界面定制性

一、 GUI设计的规范

遵循一致的准则，确立标准并遵循，是软件界面设计中必不可必的环节。确立界面标准的好处：

便于用户操作：户使用起来能够建立起精确的心里模型，使用熟练了一个界面后，切换到另外一个界面能够很轻松的推测出各种功能

使用户感觉到统一、规范，在使用软件的过程中愉快轻松的完成操作，提高对软件的认知

降低培训、支持成本，不必花费较多的人力对客户进行逐个指导

二、 GUI布局的合理性

界面的合理性是指界面是否与软件功能相融洽，界面的颜色和布局是否协调等。例如：

界面布局

屏幕不能拥挤

Mayhew在1992年的试验结果表明屏幕总体覆盖度不应该超过40%，而分组覆盖度不应该超过62%。

liiJ整个项目，采用统一的控件间距，通过调整窗体大小达到一致，即使在窗体大小不变的情况下，宁可留空部分区域，也不要破坏控件间的行间距。

liiJ

控件按区域排列

一行控件纵向中对齐，控件间距基本保持一致，行与行之间间距相同，靠窗体的控件距窗体边缘的距离应大于行间距。

当屏幕有多个编辑区域，要以视觉效果和效率来组织这些区域

有效组合

逻辑上相关联的控件应当加以组合以表示其关联性，反之，任何不相关的项目应当分隔开。在项目集合间用间隔对其进行分组，或者使用方框划分各自区域

窗口缩放时，控件位置、布局

固定窗口大小，不允许改变尺寸

改变尺寸的窗口，在窗口尺寸发生变化

时控件的位置、大小做出相应的改变

*改变尺寸的窗口，在窗口改变尺寸时增

加相应在的纵向、横向滚动条，以方便用户使用窗体上的控件

界面颜色搭配

使用恰当的颜色，可以使软件的界面看起来更加规范：

a.统一色调

针对软件类型以及用户工作环境选择恰当色调，如：安全软件，根据工业标准，可以选取

黄色。绿色体现环保，蓝色表现时尚清新、紫色III

黄色。绿色体现环保，蓝色表现时尚清新、紫色

III

表现浪漫等等，淡色可以使人舒适，暗色做背景使人不觉得累等。

b?与操作系统统一，读取系统标准色表c?遵循对比原则

在浅色背景上使用深色文字，深色背景上使

用浅色文字，如蓝色文字以白色背景容易识别,III

用浅色文字，如蓝色文字以白色背景容易识别,

III

而在红色背景则不易分辨。除非特殊场合，杜绝

使用对比强烈，让人产生憎恶感的颜色

整个界面色彩尽量少的使用类别不同的

颜色

颜色方案也许会因为显示器、显卡、操作

系统等原因显示出不同的色彩

针对色盲、色弱用户，可以使用特殊指示符

颜色方案也许会因为显示器、显卡、操作系统等原因显示出不同的色彩

针对色盲、色弱用户，可以使用特殊指示符

三、GUI风格的一致性

界面的一致性既包括使用标准的控件，也指相同的信息表现方法，如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。

在不同分辨率下的美观程度

软件界面要有一个默认的分辨率，而在其他分辨率下也可以运行，分别在800X600，1024X768,1280X768,1280X1024,1200X1600分辨率下的大字体、小字体下的界面表现。

界面布局要一致

如所有窗口按钮的位置和对齐方式要保持一致。

界面的外观要一致

如控件的大小、颜色、背景和显示信息等属性要一致，一些需要特殊处理或有特殊要求的地

方除外。

界面所用颜色要一致

颜色的前后一致会使整个应用软件有同样的观感，反之会让用户觉得所操作的软件杂乱无章，没有规则或言。

操作方法要一致

如双击其中的项，触发某事件，那么双击任何其他列表框中的项，都应该有同样的事件发生。

控件风格、控件功能要专一

不错误的使用控件

例如使用Button样式做Table的功能，拿主菜单条显示版权信息等

一个控件只做单一功能，不复用

如果在特殊情况下出现复用的时候，可采用以下两种方法解决：

分组，使用双份控件

使用Table页，给用户很明显的视觉变化

标签和讯息的措词要一致

如在提示、菜单和帮助中产生相同的术语。

标签中文字信息的对齐方式要一致

如某类描述信息的标题行定为居中，那么其他类似的功能也应该与此一致。

快捷键在各个配置项上语义保持一致

如Tab键的习惯用法是阅读顺序从从左到右，从上到下。在定义软件快捷键时也可以将现有一些快捷键的属性作为参考，如表1-3-1（见附件）列出了常用的快捷键及其功能。

四、GUI界面操作可定制性界面的可定制性大致可分为以下几个特性：

界面元素可定制

允许用户定义工具栏、状态栏是否显示，工具栏显示在界面上的位置；允许用户定义菜单的位置等。

工具栏可定制

不同用户对常用工具的使用是不同的，因此允许用户建立新的工