用户界面设计说明书-模版

《用户界面设计说明书-模版》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、［项目名称］用户界面设计说明书版本x・y修订历史修订Fl期版本修订说明作者牛•效口期2002-4-17vx.y.z做了哪些修改谁修改的批准日期目录1.简介1.1肖禺1.2目标1.3参考资料错误！未定义书签。1.4术语表错误！未定义书签。232.用户界面需求3.界面总体风格3.1页而风格43.2按钮风格43.3文字风格43.4表单风格43.5图象风格44.用户界面清单错课！未定义书签。5.用户界面图集・・・5」了系统一…5.1.1界面一错课！未定义书签。错误！未定义书签。错误！未定义书签。用户界面设计说明书注直模板屮蓝色字体为撰写木文档的说明或提示,请于文档完

2、成时删除。用户界而设计说明书(UserInterfaceDesignSpecificaiion,UIDS),对软件的用户界血风格、布局、操作流程等进行全面说明。1.简介1.1背景简要说明待开发的软件系统的名称、版木和将要实现的功能。1.2目标说明本用八界血设计所要达到的目标以及详细程度。1.3参考资料2.应当遵循的界面设计规范2.1用户界面设计原则本系统坚持图形用户界面（GUI）设计原则，界血直观、对用户透明。用户接触软件后对界面上对应的功能一目了然、不需要多少培训就可以方便使用本应用系统。界面设计员应该明白软件中用八是所有处理的核心，不应该有应用程序來决定

3、处理过程，所以用八界面应当山用八來控制应用如何工作、如何响应，而不是山开发者按自己的意愿把操作流程强加给用户。界面设计必须经过确认才能完成。2.2界面一致性在界面设计中应该保持界面的-•致性。一致性既包括使用标准的控件，也指使用和同的信息表现方法，如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。2.2.1显示信息一致性标准（1）标签提示:字体为不加重、宋体、黑色、灰底或透明、无边框、右对齐、不带冒号、一般情况为五号（10号）；（2）FI期:正常字体、宋体、白底黑字、3-Dlowered；（3）对齐方法：左对齐:一般文字、单个数字、日期等右対齐:数

4、字、时间、日期加时间。（4）分辨率为800*600,增强色16色（5）字体缺省为宋体、五号、黑色（6）底色缺省采用灰色这些信息的排列显示风格供参考，在同一个应用中,这些信息的表现方式不一致，会使得用八分散注意力，影响这一软件的使用，因此开发者应当注意在同一•软件中表现形式的一致性。2.2.2布局合理化原则应注意在一个窗口内部所有控件的布局和信息组织的艺术性，使得用户界面美观。在一个窗口中按tab键，移动聚焦的顺序不能杂乱无章Mb的顺序是先从上至下，再从左至右。首先应输入的和重要信息的控件在tab顺序中应当靠前，位置也应放在窗口上较醒n的位置。该系统的界面设计

5、布局力求简洁、有序、易于操作。2.2.3鼠标少键盘对应原则应遵循的是可不用鼠标的原则:应用中的功能只用键盘也应当可以完成，即设计的应用屮还应加入—•些必要的按钮和菜单项。但是，许多鼠标的操作，如双击、拖动对•象等，并不能简单地用键盘來模拟即可实现。例如在一个列表框中用鼠标双击其中一项可以表示选中该项内容。为了用键盘也能实现这一功能，必须在窗口中定义一个表示选中的按钮，以作为实现双击功能的替代（或其它方式）。乂如在一个窗口屮有两个数据窗口，可以川鼠标从一个数据窗口小将一项拖岀然后放到另一个小。如果只川键盘，就应肖在菜单屮设磴拷贝或移动的菜单项3・用户界面需求简

6、要说明系统対用八界血的需求以及设计时的考虑。本节対应软件需求中对用八界血的要求。2.全站总体风格本节描述本产品所有界血必须统-•采用的风格。対应于总体设计阶段的用八界血设计。以下以Web界血的典型风格说明怎样进行总体风格设计。3.首页风格5.1页面风格页面总体风格包括主色调、背景图（一个产品应该运用统一的背景图）、适用的图象分辨率、分帧等5.2按钮风格按钮的颜色、大小、间距等。同样也可分成儿类分别描述，如工具栏中的按钮、查询页中的按钮等。5.3文字风格文字的大小、颜色、字体、间距等。可分为中文字、英文字；也可分为正文文字、按钮中文字、超链接文字等分别描述。5

7、.4表单风格如：◊位于页面正中◊是否适用“冒号”，如“项目名称”还是“项目名称：”◊背景颜色，或不同颜色分别代表什么含义◊边框是立体的还是平面的还是其它什么样的◊……5.5图象风格如：◊◊◊图象大小限制（一般应有一上限）图象格式（规定儿种标准格式如.gif，Jpg等，-般最好不要用.bmp等）图象命名（可以考虑先分类后命名，如bg・OI,bg-02,banner-01,banner-02,button-open,button-close等）5.6补充说明6.列表页风格6.1页面风格页面总体风格包括主色调、背景图（一个产品应该运用统一的背景图）、适用的图象分辨

8、率、分帧等6.2按钮风格按钮的颜色、大小、间距等。同