【必写】用户界面设计报告V1.1.docVIP

实训X班X组 文 档 编 号 产品版本 密级 文件状态： [ ] 草 稿 [ √ ] 正式发布 [ ] 正在修改 JXPBI1.2 内部 项目名称 基于SNS交友学习互动平台项目 共X页 SNS项目 系统界面设计报告 文档作者： SNS小组 项目组长： 黄世磊 批 准 人： XX 批准日期：XXXX年XX月XX日 版本状态 版本 作者 参与者 起止日期 注释 V1.0 吴朝阳 2012.09.10 修改排版、增加章节 V1.1 吴朝阳 2012.09.11 修改章节，增加编写约定、提示 V1.2 吴朝阳 2012.09.12- 增加毕设元素 审阅者 团队 版本 日期 签名 分发 姓名 位置 分发方式 分发日期 目 录 1 引言 1 1.1 编写目的 1 1.2 编写约定 1 1.2.1 目录规则 2 1.2.2 正文内容 2 1.2.3 模板标注 2 1.3 读者对象 2 1.4 术语解释 2 1.5 参考资料 3 2 应遵循的设计规范 3 3 界面关系图或工作流图 3 4 界面设计 3 4.1 主界面设计 3 4.2 子界面设计 4 5 美学设计 4 6 界面资源设计 4 6.1 图标资源 4 6.2 图像资源 4 6.3 界面组件 4 7 其他 4  引言 编写目的 确定用户界面的整体风格，初步设计软件的框架结构，为项目的详细设计、实现、维护提供依据。 编写约定 界面设计的原则：定位于小学生的交友平台，遵循人机界面设计规范，最求软件界面的人性化，重点强调界面的个性化。让用户可以轻松地使用软件的各项功能。 目录规则 一级标题字体为小三+黑体+加粗，编号从1开始 二级标题字体为四号+黑体+加粗，编号如1.1开始,1为上级编号 三级标题字体为小四+黑体+加粗，编号如1.1.1开始1.1为上两级编码组合； 四级标题字体为五号+黑体+加粗，编号如开始,1.1.1为上级编号 五级标题字体为五号+黑体+加粗，编号如1），重新开始编号； 六级标题字体为五号+黑体+加粗，编号如（1），重新开始编号； 七级标题字体为五号+黑体+加粗，编号如a.，重新开始编号； 标题的字体依次类推，最小字体不得小于五号，都为黑体+加粗； 正文内容 正文内容都为五号+宋体（首行缩进两个字符），段间距为1.5倍行距；项目符号可以自行定义。 图片下方应出现图例“图 *-*-*”，图片需要调整大小，以适合某章节中图片不跳页而使得上一页有大量空白。并且每章最后插入一个分页符，使得各章节之间互不干扰。 表的标注在表上方居中显示“表*-*-*”;表格内的字体统一为小五号+宋体。 表格内的字体统一为五号+宋体。 模板标注 采用斜体标注的是提示部分，供填写时参考，此部分内容需要删除。 采用兰色字体标注的是示例部分，供填写时参考，此部分内容需要删除。 读者对象 用户、项目设计人员、项目开发人员、项目测试人员、项目测评人员。 术语解释 提示：本小节应提供正确理解此软件构架文档所需的全部术语的定义、首字母缩写词和缩略语。?这些信息可以通过引用项目词汇表来提供 缩写、术语 解 释 UI 交互界面设计 … 参考资料 《用户界面的设计、实现和评价》徐锡山等，国防科技大学 系统需求 采用分层思想对前台三大子模块做形象化的设计。 界面需求 根据客户提出的需求知道：因为对象是小学生，应此采用一些比较清新的颜色为底色，整个界面易于操作等。 总体设计思路 设计原则 提示：描述界面总体设计遵循的原则是什么？为什么？ 布局设计 提示： （1）确定网站的整体风格：由于我们设计的是小学生的交友平台，所以采用新颖的视觉风格。 （2）网页色彩的搭配：蓝色为主调、白色，蓝标题。 界面视觉设计 提示： （1）本网站采用头部、底部中间有左中右布局风格，按钮橙色、图标可爱、图像类卡通、界面组件和谐。 （2）小孩子都希望看到的是灵动的画面，就好比喜欢看卡通片，比较吸引他们这个群体。 交互设计 设计思路 本网站还是考虑针对小学生的平台易操作性，吸引眼球来达到一个清新的界面设计思想。 实现思路 用Flash进行美工设计，网页配色，制作CI、LOGO.Banner等网页制作。 应遵循的设计规范 （1）采用模板规范设计，采用相同部分的模板，再在这个基础上拓展网页的设计。 （2）这个好错就是统一设计界面、易于小学生的理解和操作。 布局规范 全局考虑，把能填上的都填上，占位置。然后定基调，分模块设计。最后调整不满意的