用户界面设计风格说明（上）

用户界面设计风格说明（上）2008-01-051引言

1.1设计说明

本文档是对系统界面设计风格进行描述，和用户交互的最终界面在《详细设计说明书》中设计和解释。

1.2概念和定义

用户界面：又称人机界面，实现用户与计算机之间得通信，以控制计算机或进行用户和计算机之间得数据传送得系统部件。

GUI：即图形用户界面，一种可视化得用户界面，它使用图形界面代替正文界面。

1.3用户假定

将使用本系统的用户定义为：对应用程序或计算机的一般用法有一定了解，用户希望界面符合WINDOWS9X特别是OFFICE97风格，对易用性、简洁性有比较高的要求，对界面快速交互没有很强的要求（即不希望通过命令方式快速交互）。

2用户界面设计规范

2.1用户界面设计原则

本系统坚持图形用户界面（GUI）设计原则，界面直观、对用户透明：用户接触软件后对界面上对应的功能一目了然、不需要多少培训就可以方便使用本应用系统。

界面设计员应该明白软件中用户是所有处理的核心，不应该有应用程序来决定处理过程，所以用户界面应当由用户来控制应用如何工作、如何响应，而不是由开发者按自己的意愿把操作流程强加给用户。

界面设计必须经过确认才能完成。

2.2界面一致性

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

1）显示信息一致性标准

（1）标签提示:字体为不加重、宋体、黑色、灰底或透明、无边框、右对齐、不带冒号、一般情况为五号（10号）；

（2）日期:正常字体、宋体、白底黑字、3-D lowered；

（3）对齐方法：

l 左对齐:一般文字、单个数字、日期等

l 右对齐:数字、时间、日期加时间。

（4）分辨率为800*600，增强色16色

（5）字体缺省为宋替、五号、黑色

（6）底色缺省采用灰色

这些信息的排列显示风格供参考, 在同一个应用中,这些信息的表现方式不一致,会使得用户分散注意力,影响这一软件的使用，因此开发者应当注意在同一软件中表现形式的一致性。

2）布局合理化原则

应注意在一个窗口内部所有控件的布局和信息组织的艺术性,使得用户界面美观。

在一个窗口中按tab键,移动聚焦的顺序不能杂乱无章,tab 的顺序是先从上至下，再从左至右。一屏中首先应输入的和重要信息的控件在tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。布局力求简洁、有序、易于操作。