软件工程过程资料模板界面设计说明书样本.doc

{ 项目名称 }

顾客界面设计报告

文献状态：
[√] 草稿
[ ] 正式发布
[ ] 正在修改
文献标记：

当前版本：

作 者：

完毕日期：

版 本 历 史

版本/状态
作者
参加者
起止日期
备注

目 录
0. 文档简介 4
0.1 文档目 4
0.2 文档范畴 4
0.3 读者对象 4
0.4 参照文献 4
0.5 术语与缩写解释 4
1. 应当遵循界面设计规范 5
2. 界面关系图和工作流程图 5
3. 主界面 5
4. 子界面A 5
5. 子界面B 5
6. 美学设计 6
7. 界面资源设计 6
8. 其她 6
0. 文档简介
文档目
（1）拟定顾客界面整体风格，初步设计软件框架构造，为项目详细设计、实现、测试和维护提供根据
（2）协助顾客和设计人员理解程序界面设计原理，
0.1 文档范畴
顾客界面主界面、各个从界面以及各种图标背景等资源初步设计。 顾客软件使用流程概要设计。
0.3读者对象
顾客、界面设计人员、程序设计人员

0.4 参照文献
例如：
[AAA] 作者，《立项建议书》，机构名称，日期
[SPP-PROC-SD] SEPG，系统设计规范，机构名称，日期
0.5 术语与缩写解释
缩写、术语
解 释
SPP
精简并行过程，Simplified Parallel Process
SD
系统设计，System Design

…

1. 应当遵循界面设计规范
界面应遵循简洁、和谐、全面展示信息原则
2. 界面关系图和工作流程图
（1） 给所有界面视图分派唯一标记符。

（2）绘制各个界面之间关系图和工作流程图。

3. 主界面
（1） 绘制主界面视图；

（2）阐明主界面中所有对象功能和操作方式；

4. 子界面A
（1）绘制子界面A视图；

（2）阐明子界面A中所有对象功能和操作方式；
通过点击主界面菜单按钮进入子界面A，包括登陆注销功能、启动关闭录像功能和发送哭笑脸功能。

5. 美学设计

（1）主界面采用上下两层布局，上层展示采集到画面，使顾客更直观获得驾驶信息；底层采用四宫格基本上，增长中心点，将顾客最关注信息放在最容易获得地方，极大以便顾客获取所需信息。
（2）界面采用扁平化设计风格，并采用白蓝两种色彩为基本格调。用简洁和谐界面向顾客呈现更多有用信息。

6. 界面资源设计
7.1 图标资源
7.2 图像资源
7.3 界面组件

略

7. 其她