数据库课程设计-用户界面

{ 项目名称}用户界面设计报告信息管理系包括信息管理与信息系统专业本科和情报学硕士点。

信息管理系有强的师资力量，目前系专业教师共12人，其中具有高级职称者6人，中级职称者6人，硕士生导师3人,博士及在读博士7人，硕士5人。

本系教师主持或参与纵横向科研项目6项，获省部级奖励5项，出版著作6部，发表学术研究论文100余篇。

另外还有多名其它系的教授和副教授担任硕士生导师和本科专业课教学。

版本历史目录0. 文档介绍 ........................................................................................... 错误！未定义书签。

0.1文档目的 ..................................................................................... 错误！未定义书签。

0.2文档范围 ..................................................................................... 错误！未定义书签。

0.3读者对象 ..................................................................................... 错误！未定义书签。

0.4参考文献 ..................................................................................... 错误！未定义书签。

0.5术语与缩写解释.......................................................................... 错误！未定义书签。

1. 应当遵循的界面设计规范 ................................................................ 错误！未定义书签。

2. 界面的关系图和工作流程图 ............................................................ 错误！未定义书签。

3. 主界面 (4)4. 子界面A (10)5. 子界面B (10)6. 美学设计 ........................................................................................... 错误！未定义书签。

7. 界面资源设计.................................................................................... 错误！未定义书签。

8. 其他 ................................................................................................... 错误！未定义书签。

0. 文档介绍0.1 文档目的通过编写此文档,使广大用户了解我们网站界面的信息,有利于用户更好地对网站的访问,使用户的查询效率提高。

0.2 文档范围（1）介绍用户界面的设计（2）用户界面里面所包含的所有的内容（3）用户界面所依靠的数据库0.3 读者对象1）系统开发及设计人员2）指导老师3）项目组相关人员4）信息管理专业学生及外专业学生5）广大信息相关的专业的学生，老师以及在职研究人员0.4 参考文献[1] 陈天河等编著,《Java数据库高级编程宝典》，电子工业出版社，2005年[2] 文东，数据库系统开发基础与项目实训——基于SQL server 2005，北京科海电子出版社，2009年4月[3] 王珊，萨师煊编著,《数据库系统概论》,高等教育出版社，2006年[4] 李昆编著,《SQL SERVER 2000课程设计案例精编》,中国水利水电出版社，2005年[5] 刘大伟，马传宝编著,《数据库项目案例导航》,清华大学出版社,2005年[6] 刘俊亮，王清华编著，《Java Web开发学习实录》，清华大学出版社，2011年7月1日0.5 术语与缩写解释1. 应当遵循的界面设计规范提示：结合用户需求和机构的《软件用户界面设计指南》，阐述本软件用户界面设计应当遵循的规范（原则、建议等）。

通常界面设计都按Windows 界面的规范来设计，即包含“菜单条、工具栏、工具箱厢、状态栏、滚动条、右键快捷菜单”的标准格式，可以说：界面遵循规范化的程度越高，则易用性相应的就越好。

小型软件一般不提供工具箱。

用户界面设计原则坚持图形用户界面（GUI）设计原则，界面直观、对用户透明：用户接触软件后对界面上对应的功能一目了然、不需要多少培训就可以方便使用本应用系统。

界面设计员应该明白软件中用户是所有处理的核心，不应该有应用程序来决定处理过程，所以用户界面应当由用户来控制应用如何工作、如何响应，而不是由开发者按自己的意愿把操作流程强加给用户一致性原则一致性原则指在术语、控件、字体、标签、颜色、图标、信息及信息表现方式等方面确保一致。

整个应用程序用统一的风格，从而达到良好的使用效果。

合理性原则程序应用中应该保持统一的风格和操作方式，符合用户的操作习惯，相关信息应集中在一起，并突出主要信息。

合理的布局是界面好坏的另一个重要标准。

快捷性原则保持界面能很快对用户操作作出反应。

特别对于有大量录入项的界面，能让用户不使用鼠标即可完成快速数据录入。

在用户界面中加入一些功能，这些功能可以让熟练用户在不同的区域快速的输入数据。

这些功能包括重复功能、快捷键、带有有意义的图标的按钮等等，所有这些可以使速度快的用户可以控制界面并加快数据的输入。

清晰性原则设计的结果应从清晰易懂为首要原则。

它的内容主要体现在：①拥有含义明确的标识符号。

②尽量采用已有的协议。

③减少消息模式的数目。

类的结构应当尽量简明，层次深度应适当（3）尽量使用简单的协议。

（4）尽量使用简单的服务。

2. 界面的关系图和工作流程图信息管理系界面关系图:工作流程图:3. 主界面（1）教师信息：用于信管系的老师或者学生对本系任课老师信息进行查询和检索。

（2）学生信息：用于信管系的老师或者学生对本系学生信息进行查询和检索。

（3）信管系开设课程：用于信管系的老师或者学生对本系每学期开设的课程信息进行查询和检索。

包括公共基础课、专业基础课、公共专业课、专业方向课、院定选修课、校定选修课、实践环节等七块。

（4）系机构设置：介绍信息管理系机构设置状况，包括实验室、培训中心、教研组、研究所等。

（5）信管系参加的各项大赛：介绍历届信息管理系学生参加的省级、国家级等各项大赛和获奖情况，并为在校生提供参考。

（6）信管系举办的活动：介绍每年信管系举办的课外活动。

（7）招生信息：用于查询信管系每年招收应届生的信息，包括：年份，招生人数，分数线等。

（8）登录：提供本系教师和学生在系统中注册信息，并进行登录的功能。

（9）公告栏：发布本系的一些最新动态和与本系有关的新闻。

4. 登录子界面5. 公告栏子界面新闻动态主要更新一些实时的学校和院系的最新消息。

通知公告主要负责发布一些活动大赛报名的通知。

图片新闻主要是展示举办的活动和参加比赛获奖的图片或者是学校和院系的一些图片新闻。

6. 美学设计（1）内容决定形式先把内容充实上，再分区块，再定色调，再处理细节。

（2）先整体，后局部，最后回归到整体。

全局考虑，把能填上的都填上，占位置。

然后定基调，分模块设计。

最后调整不满意的几个局部细节。

（3）功能决定设计方向信息管理系网站主要是针对信息学院的信息管理专业而开发的，该网站首先对信息管理系包括教师、学生、课程、系机构进行了介绍。

其次应满足信管专业学生及老师对与信管系相关信息的查询和检索功能，以及实现管理人员对信息管理系网站中资料和信息管理的功能。

网页色彩的搭配：蓝为主调。

白底，灰色标题栏，橙色按钮或ICON做点缀。

11网页配色基本概念（1）顶端红色字体彰显主题，吸引眼球。

（2）网页最常用流行色·兰色——蓝天白云，沉静整洁的颜色。

·绿色——绿白相间，雅致而有生气。

·橙色——活泼热烈，标准商业色调。

·暗红——宁重、严肃、高贵，需要配黑和灰来压制刺激的红色，（3）颜色的忌讳·忌脏——背景与文字内容对比不强烈，灰暗的背景令人沮丧！·忌纯——艳丽的纯色对人的刺激太强烈抗议，缺乏内涵。

·忌跳——再好看的颜色，也不能脱离整体。

脱离群众是自取其辱！·忌花——要有一种主色贯穿其中，主色并不时面积最大的颜色，而是最重要，最能揭示和反映主题的颜色，就象领导者一样，虽然在人数上居少数，但起决定作用。

·忌粉——颜色浅固然显的干净，但如果对比过弱，整得苍白无力了，就象病夫一样无可救药。

·蓝色忌纯，绿色忌黄，红色忌艳。

（4）几种固定搭配·蓝白橙：蓝为主调。

白底，蓝标题栏，橙色按钮或ICON做点缀。

·绿白兰：绿为主调。

白底，绿标题栏，兰色或橙色按钮或ICON做点缀。

·橙白红：橙为主调。

白底，橙标题栏，暗红或桔红色按钮或ICON做点缀。

·暗红黑：暗红主调。

黑或灰底，暗红标题栏，文字内容背景为浅灰色。

7. 界面资源设计7.1 图标资源7.2 图像资源7.3 界面组件。