用户界面设计说明书模板

项目名称 用户界面设计报告文件标识：Company-Project-SD-UI当前版本：x.x作 者：xx文件状态： 草稿 正式发布 正在修改完成日期：2015-06-10机构图标机构公开信息版 本 历 史版本/状态作者参与者起止日期备注项目名称， 用户界面设计报告 机构名称，2015Page 3 of 7 目目目 录录录 0. 文档介绍文档介绍.40.1 文档目的.40.2 文档范围.40.3 读者对象.40.4 参考文献.40.5 术语与缩写解释.41. 应当遵循的界面设计应当遵循的界面设计规规范范.52. 界面的关系图和工作流程图界面的关系图和工作流程图.53. 主界面主界面.54. 子界面子界面 A .55. 子界面子界面 B.56. 美学设计美学设计.67. 界面资源设计界面资源设计.68. 其他其他.60. 文档介绍文档介绍文档目的（1）确定用户界面的整体风格，初步设计软件的框架结构，为项目的详细设计、实现、测试和维护提供依据（2）帮助用户和设计人员了解程序界面设计的原理, 0.1文档范围文档范围用户界面主界面、各个从界面以及各种图标背景等资源的初步设计。 用户软件使用流程的概要设计。0.3 读者对象读者对象用户、界面设计人员、程序设计人员0.4 参考文献参考文献例如：例如：AAA 作者， 立项建议书 ，机构名称，日期 SPP-PROC-SD SEPG，系统设计规范，机构名称，日期0.5 术语与缩写解释术语与缩写解释缩写、术语缩写、术语解解 释释SPP精简并行过程，Simplified Parallel ProcessSD系统设计，System Design项目名称， 用户界面设计报告 机构名称，2015Page 5 of 71. 应当遵循的界面设计规范应当遵循的界面设计规范界面应遵循简洁、友好、全面展示信息的原则2. 界面的关系图和工作流程图界面的关系图和工作流程图（1）给所有界面视图分配唯一的标识符。（2）绘制各个界面之间的关系图和工作流程图。3. 主界面主界面（1）绘制主界面的视图；（2）说明主界面中所有对象的功能和操作方式；4. 子界面子界面 A（1）绘制子界面A的视图；（2）说明子界面A中所有对象的功能和操作方式；通过点击主界面的菜单按钮进入子界面A，包含登陆注销功能、开启关闭录像功能和发送哭笑脸功能。5. 美学设计美学设计（1）主界面采用上下两层布局，上层展示采集到的画面，使用户更直观的获得驾驶信息；底层采用四宫格的基础上，增加中心点，将用户最关注的信息放在最容易获得的地方，极大的方便用户获取所需信息。（2）界面采用扁平化的设计风格，并采用白蓝两种色彩为基本格调。用简洁友好的界面向用户展现更多的有用信息。6. 界面资源设计界面资源设计7.1 图标资源7.2 图像资源7.3 界面组件略项目名称， 用户界面设计报告 机构名称，2015Page 7 of 77. 其他其他