软件工程用户面设计报告.docVIP

用户界面设计报告 { 网上冲浪助理 }用户界面设计报告 文件状态： [√] 草稿 [ ] 正式发布 [ ] 正在修改 文件标识： Company-Project-SD-ARCHITECTURE 当前版本： 1.5 作者： 戴泽福、李霄 完成日期： 2004-3- 版 本 历 史 版本/状态 作者 参与者 起止日期 备注 　1.0 戴泽福、李霄 　 　2004-3- 　 　1.5 戴泽福、李霄 　 　2004-3-5 　 　 　 　 　 　 　 目 录 文档介绍 网上冲浪助理用户界面的概要设计文档。 文档目的 确定用户界面的整体风格，初步设计软件的框架结构，为项目的详细设计、实现、测试和维护提供依据。 0.2 文档范围 用户界面主界面、各个从界面以及各种图标背景等资源的初步设计。 用户软件使用流程的概要设计。 0.3 读者对象 用户、项目设计人员、项目开发人员、项目测试人员，项目评测人员 0.4 参考文献 《用户界面的设计、实现和评价》徐锡山等，国防科技大学，2003.7 0.5 术语与缩写解释 缩写、术语 解 释 　 　 　 　 　 　 　 1. 应当遵循的界面设计规范 界面设计的原则：定位于上网的初级用户，遵循人机界面设计规范，追求软件界面的人性化，重点强调界面的个性化。让用户可以轻松地使用软件的各项功能。 2. 界面的关系图和工作流程图 提示： （1）给所有界面视图分配唯一的标识符。 （2）绘制各个界面之间的关系图和工作流程图。 3. 主界面 提示： （1）绘制主界面的视图； （2）说明主界面中所有对象的功能和操作方式； 4. 子界面A 提示： （1）绘制子界面A的视图； （2）说明子界面A中所有对象的功能和操作方式； 5. 子界面B …… 6. 美学设计 （1）界面的布局 1.主框架布置在左方和上方，工作区放置在右边，符合人的阅读习惯； 2.省略菜单栏，使整个界面更为简洁，便于用户记忆和熟悉系统各项功能； 3.上方放置常用工具栏，以显目的大图标表示其作用，便于用户理解； 4.左方放置的大标牌分别链接到软件的各个子界面，用户可以一目了然； 5.将用户最常用的邮件提醒功能设置在左下角，方便用户及时管理自己的邮箱； 6.将用户时时关心的日常信息，如：天气、日历提醒等在界面上显示； （2）界面的色彩 1.高对比度的颜色搭配，突出界面上各功能按钮； 2.主框架与工作区的边界采用不同的色彩及亮度，加以区分； 3.以棕黄和绿色作为主调，符合人的视觉习惯，不易产生疲劳感； 7. 界面资源设计 7.1 图标资源 7.2 图像资源 7.3 界面组件 8. 其他