软件工程用户界面设计报告书.docx

目 录 0. 文档介绍 2 0.1 文档目的 2 0.2 文档范围 2 0.3 读者对象 2 0.4 参考文献 2 0.5 术语与缩写解释 2 1. 应当遵循的界面设计规范 2 2. 界面的关系图和工作流程图 4 3. 主界面 5 4. 子界面 A 6 5. 子界面 B 7 6. 美学设计 7 7. 界面资源设计 45 8. 其他 45 文档介绍 0.1 文档目的 界面设计是为了满足软件专业化标准化的需求而产生的对软件的使用界面进行美化优 化规范化的设计分支。 界面设计文档可以让用户对软件产品有了更直观的了解， 并且了解各 个模块的设计及用意。 0.2 文档范围 文档包括公用界面设计， 学生用户界面设计， 教师用户界面设计， 其中各个界面包括框 架设计，编程设计，按钮设计，面板设计，菜单设计，标签设计，图标设计，滚动条及状态 栏设计。 0.3 读者对象 登陆网站的游客、注册成会员的学生、教师以及管理员。 0.4 参考文献 提示：列出本文档的所有参考文献（可以是非正式出版物） ，格式如下： [1] 张海藩， 《软件工程导论（第 5 版） 》，清华大学出版社， 1900 年 01 月 [2] 杨培添， 《软件界面设计》 ，电子工业出版社， 2007 年 02 月 [3] 林锐， 《 Web软件用户界面设计指南》 ，电子工业出版社， [4] 吴士力，汪孝宜，胡俦， 《网络系统开发实例精粹（ 2006 年 8 月 2005 年 5 月 JSP 版） 》 ，电子工业出版社， [5] 黄艳群，黎旭，李荣丽， 《设计·人机界面》 ，北京理工大学出版社， 2007 年 5 月 0.5 术语与缩写解释 缩写、术语 SPP SD 解 释 精简并行过程， Simplified Parallel Process 系统设计， System Design 1. 应当遵循的界面设计规范 软件界面的设计， 既要从外观上进行创意以到达吸引眼球的目的， 还要结合图形和版面 设计的相关原理， 从而使得软件设计变成了一门独特的艺术。 软件用户界面的设计应遵循以 下几个基本原则： 用户导向原则： 明确到底谁是使用者， 要站在用户的观点和立场上来考虑设计软件。 要作到这一点， 必须要和用户来沟通，了解他们的需求、目标、期望和偏好等。网页的设计者要清楚， 用户之间差别很大， 他们的能力各有不同。 比如有的用户可能会在视觉方面有欠缺 （如 色盲） ，对很多的颜色分辨不清；有的用户的听觉也会有障碍，对于软件的语音提示反 映迟钝； 而且相当一部分用户的计算机使用经验很初级， 对于复杂一点的操作会感觉到 很费力。另外，用户使用的计算机机器配置也是千差万别，包括显卡、声卡、内存、网 速、 操作系统以及浏览器等都会有不同。 设计者如果忽视了这些差别， 设计出的网页在 不同的机器上显示就会造成混乱。 KISS 原则： KISS 原则就是 Keep It Simple And Stupid 的缩写，简洁和易于操作是网页设计 的最重要的原则。 毕竟， 软件建设出来是用于普通网民来查阅信息和使用网络服务。 没 有必要在网页上设置过多的操作，堆集上很多复杂和花哨的图片。该原则一般的要求， 网页的下载不要超过 10 秒钟（普通的拨号用户 56 Kbps 网速） ；尽量使用文本链接，而 减少大幅图片和动画的使用； 操作设计尽量简单， 并且有明确的操作提示； 软件所有的 内容和服务都在显眼处向用户予以说明等。 布局控制： 关于网页排版布局方面， 很多网页设计者重视不够， 网页排版设计的过于死板， 甚 至照抄他人。 如果网页的布局凌乱， 仅仅把大量的信息堆集在页面上， 会干扰浏览者的 阅读。一般在网页设计上所要遵循的原理有： 视觉平衡： 网页设计时，也要各种元素（如图形、文字、空白）都会有视觉作用。根据 视觉原理，图形与一块文