06 用户界面设计说明书（样例）.docVIP

xxxxxx系统 用户界面设计说明书 文档信息： 文档名称 “XXXXXXX系统”用户界面设计说明书 描述 本文档对系统界面的布局、设计风格、交互部分进行描述，包括界面原型的展示。用户对界面设计的需求参考《需求分析说明书》；与艺术设计相关的其他动态部分（例如项目需要用到的flash制作的互动动画、影视以及音乐等非静态媒体）详细说明另参考《UI动态设计》。 负责人 江海 状态 0.9版 文档变更历史： 时间 版本号 修改人 章节 描述 2009-9-5 0.9 江海 所有章节 用户界面设计说明书（样稿）-初稿 文档路径： 审核结果： 审核人 审核时间 意见 签名档 备注  目 录 1． 引言 7 1.1 编写目的 7 1.2 背景 7 1.3 定义 7 1.4 参考资料 8 2． 任务概述 9 2.1 目标 9 2.2 项目描述 9 2.3用户特点 9 3． 用户界面设计规范 10 3.1 用户界面设计原则 10 3.2界面一致性 10 3.2.1显示信息一致性标准 10 3.2.2布局合理化原则 11 3.2.3鼠标与键盘对应原则 11 3.2.4快捷键 11 3.3向导（WIZARD）使用原则 13 3.4系统响应时间的界面表现 13 3.5用户帮助设施 14 3.6出错信息和警告 14 3.7命令交互 15 3.8一般交互原则 15 3.9信息显示原则 15 3.10数据输入原则 16 4用户界面设计更改和追加说明 17 4.1更改说明 17 4.2追加说明 17 5． 用户界面设计 17 5.1 全局用户界面设计 17 5.1.1结构布局 17 5.1.2整体风格 18 5.2 首页界面设计 19 5.1.1结构布局 19 5.1.2动漫作品部分设计 19 5.1.3原创歌曲排名部分设计 19 5.1.4合作区部分设计 20 5.1.5粉丝团活动部分设计 20 5.2 歌曲征集活动界面设计 20 5.2.1歌曲征集母版页设计 20 5.2.2歌曲征集首页设计 21 5.2.3歌曲征集歌曲播放页设计 21 5.2.4歌曲征集必威体育精装版歌曲列表页设计 21 5.2.5歌曲征集投票排行页设计 21 6. 附录与说明 21  1． 引言 本文档对系统界面的布局、设计风格、交互部分进行描述，包括界面原型的展示。用户对界面设计的需求参考《需求分析说明书》；与艺术设计相关的其他动态部分（例如项目需要用到的flash制作的互动动画、影视以及音乐等非静态媒体）详细说明另参考《UI动态设计》。 1.1 编写目的 本文档的编制是为了让用户和软件开发者双方对该开发软件的UI（User Interface）初始规定有一个共同的理解，定义所要开发的“XXXXXXX系统”的用户界面布局、风格等设计目标。是整个项目中软件产品开发设计与实现的重要根据，也是软件产品的测试和验收的依据。 该说明书的读者为该项目的客户以及项目开发人员。 1.2 背景 本系统名称：XXXXXXX系统； 本系统的需求提出者：指导老师； 本系统开发单位：数字媒体07级7班X组 本系统的用户： 客户要求浏览器为MS IE浏览器，版本为6.0及以上。 本系统为Windows平台下B/S模式网络版。 1.3 定义 定义关键词如下： UI：User Interface用户界面，又称人机界面，实现用户与计算机之间得通信，以控制计算机或进行用户和计算机之间的数据传送的系统部件。 GUI：即图形用户界面，一种可视化得用户界面，它使用图形界面代替正文界面。 HTTP：Hyper Text Transfer Protocol (超文本传输协议） HTML：Hyper Text Markup Language (超文本标记语言) Web Browser：万维网浏览器 DateBase：数据库 ODBC：开放数据库连接 IPO：Input Process Output(输入、处理、输出) B/S：服务器/浏览器模式 XML：扩展标记语言。 SQL：结构化查询语言。 Ajax：Asynchronous JavaScript + XML（异步的XML和JavaScript） 1.4 参考资料 [1] GB/T 11457：软件工程术语 [2] GB/T 8566 —1995：计算机软件开发规范 [3] GB 8567：计算机软件产品开发文件编制指南  2． 任务概述 2.1 目标 为使用本系统的用户定义界面结构、色彩、风格等设计要素。为程序开发人员规范数据展现的形式和规格。 2.2 项目描述 该系统为位于Internet上的一个