用户界面设计说明书模板.docx
《用户界面设计说明书模板.docx》由会员分享,可在线阅读,更多相关《用户界面设计说明书模板.docx(4页珍藏版)》请在冰豆网上搜索。
![用户界面设计说明书模板.docx](https://file1.bdocx.com/fileroot1/2022-11/23/12ca9184-2e7b-4d34-ad93-e80788bcb796/12ca9184-2e7b-4d34-ad93-e80788bcb7961.gif)
用户界面设计说明书模板
用户界面设计说明书模板
机构图标
{项目名称}
用户界面设计报告
文件状态:
[V]草稿
[]正式发布
[]正在
修改
文件
标识:
Company-Project-SD-UI
当前版本:
x.x
作
者:
■
XX
完成
日期:
2015-06-10
机构公开信息
!
版本历史
版本/状态
作
者
参与
者
起止日
期
备注
0.文档介绍6
0.1文档目的6
0.2文档范围6
0.3读者对象6
0.4参考文献6
0.5术语与缩写解释7
1.应当遵循的界面设计规范8
2.
界面的关系图和工作流程图8
0.文档介绍
文档目的
(1)确定用户界面的整体风格,初步设计软件的框架结构,为项目的详细设计、实现、测试和维护提供依据
(2)帮助用户和设计人员了解程序界面设计的原理,
0.1文档范围
用户界面主界面、各个从界面以及各种图标背景等资源的初步设计。
用户软件使用流程的概要设计。
0.3读者对象
用户、界面设计人员、程序设计人员
0.4参考文献
例如:
[AAA]作者,《立项建议书》,机构名称,日期
[SPP-PROC-SD]SEPG,系统设计规范,机构名称,日期
0.5术语与缩写解释
缩写、术语
解释
SPP
精简并行过程,SimplifiedParallelProcess
SD
系统设计,SystemDesign
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.其他