图书管理系统之人机交互论文.docx
《图书管理系统之人机交互论文.docx》由会员分享，可在线阅读，更多相关《图书管理系统之人机交互论文.docx（10页珍藏版）》请在冰豆网上搜索。
图书管理系统之人机交互论文
一．主界面（如图一所示）
结构：
块-块结构
尺寸：
根据电脑屏幕自定
颜色：
大背景采用浅绿色，主要功能用黑色字体实现，并用橘黄色竖杠分开，具有醒目，好分辨的功能。
登录按钮采用醒目的黄色实现，还有五颜六色的虚拟导航超链接，伴有神似真人在线的超链接客服人员，左下角还有用深蓝色为背景的超链接学科导航，给人深邃的感觉
样式:
板块
外观:
有板块与板块组成的图书馆主界面窗口
优点：
很醒目，根据人们不同的需求设计不同的板块，满足大部分人的需要，图书馆主界面还有二维码供读者关注，还有在线客服随时解答学生提出的问题，还有查询口直接找到所需书籍，方便快捷。
所用工具：
PS
（图一）
二．用户登录系统界面（如图二所示）
结构：
镶嵌结构
尺寸：
根据电脑屏幕自定
颜色：
在大背景为蓝色的布局下插入白色背景黑色字的登录框，主色调为蓝色，纯净的蓝色表现出一种冷静、广阔、美丽、文静、理智、安祥与洁净。
蓝色是永恒的象征。
中间在白背景中用浅蓝色的晶体钻立刻吸引住人们的目光。
右面的登录界面言简意赅，“登录”与“重置”键也采用与背景色相呼应的蓝色，给人洁净的感觉。
样式:
内嵌
外观:
有用户登录框和图书馆名字组成的图书馆用户登录系统界面
优点：
登录框简洁明了，给人一种一目了然的理智
所用工具：
PS
（图二）
三．图书检索界面（如图三所示）
结构：
表格复选
尺寸：
根据电脑屏幕自定
颜色：
表格外框用深蓝色围成，中间采用淡蓝色，下拉选择按钮用深蓝色与外框相呼应，文字用黑色突出，显得庄重、老成、有修养，给人一种心平气和的感觉。
样式:
表格选择式
外观:
大框中套用多个下拉选择条，给人一目了然的感觉，在简单查询中包括检索的内容、文献的类型、查询的类型、查询方式、排序方式、选择哪个馆多个供读者选择的方式进行他所需要的图书检索。
优点：
一目了然，直接入手，对自己所需的东西进行全方面的检索
所用工具：
PS
（图三）
四．文件检索（如图四所示）
结构：
表格复选
尺寸：
根据电脑屏幕自定
颜色：
红色字样醒目的区分中文数据库与西文数据库的不同分类
样式:
文件选择式
外观:
有中文数据库和西文数据库组成的图书馆文献检索界面，只有简单的字组成，没有图片，如果插上图片，就给人一种“乱”的感觉，相反，什么都不放，就可以使读者一眼看到自己所需的文件。
右上角的“确定”与“取消”按钮在那也不占地方，方便读者。
优点：
一目了然找自己所需
缺点：
没有美感
所用工具：
PS
（图四）
五．图书馆系统安全登录界面（如图五所示）
结构：
镶嵌结构
尺寸：
根据电脑屏幕自定
颜色：
由绿色的一望无际的大草原和蓝蓝望不到边的天空构成了图书馆系统安全登录界面，令人陶醉。
白色的登陆框让人心驰神往，心情大好，感觉暖暖的，很舒心。
样式:
内嵌
外观:
由图书管理员登录的图书馆系统安全登录界面。
登录者肯定想立刻找到登录的地方，所以在登录界面中不易放太多的东西，要不然有一种杂乱无章的感觉。
背景用蓝色给人心情舒畅的感觉，这样登录者的密码也不容易输错，框子下方的三个按钮也都整齐排列，给人心情不乱的感觉。
优点：
醒目
所用工具：
PS
（图5）
六．借阅卡管理界面（如图六所示）
结构：
图文结构
尺寸：
根据电脑屏幕自定
颜色：
由沉着的蓝色为主色调，刷卡区用深蓝色来醒目，清楚又方便，不用手忙眼花了
样式:
内嵌
外观:
由“输入卡号”和图片提示组成的图书馆借阅卡管理界面。
可输入卡号进行登录并查询自己所需要的书籍，还有刷卡直接登录的方便快捷，即省时又省力。
优点：
有两种供读者自己选择的方式很人性化，这样就可以方便那些老对三落四的人，只要他们记得卡号，就可以查找自已所需要的书籍，不用补办什么的，浪费人的时间。
所用工具：
PS
（图六）
七．图书销售界面（如图七所示）
结构：
镶嵌结构
尺寸：
根据电脑屏幕自定
颜色：
由鼠标点中的呈现深蓝色光标，表格上方有四个蓝色超链接按钮，右上角的单号用醒目的红色字体吸引眼球。
样式:
内嵌
外观:
由表格和超链接按钮组成的图书馆图书销售界面。
有表单的地方就不适合插入图片，否则会显得杂乱无章。
把重要的东西例如客户名称、出货仓库、金额、经办人等从表单中提取出来，会显得非常醒目，这样不至于六神无主，像无头的苍蝇乱撞。
优点：
醒目，突出重点
所用工具：
PS
（图七）
八．虚拟导航界面（如图八所示）
结构：
3D图
尺寸：
根据电脑屏幕自定
颜色：
大背景采用深蓝色，楼层内部框架用褐色，普通阅览室用绿色，地砖楼层用大地色。
与现实图书馆接近。
样式:
内嵌
外观:
由3D组成的图书馆虚拟导航界面
优点：
普通的导航都是采用平面地图，视觉效果很差，让人摸不着头脑。
而这幅采用立体的楼层结构图，使读者马上就能看出楼层的位置与方向，简洁明了，不会迷路。
在3D图书馆中央放的一本翻开的书，意思是图书馆正对门的位置，也是图书馆的意思。
所用工具：
PS
（图八）
九．帮助界面（如图九所示）
结构：
文字
尺寸：
根据电脑屏幕自定
颜色：
白色的大背景，黑色的字体，和普通界面没什么太大差别。
醒目的“入馆指南”警示着这个图书馆的规定。
样式:
文字内嵌
外观:
由文字及图片组成的图书馆帮助界面。
这个界面主要是针对第一次来图书馆的读者，给她们呈现这个界面他们就会安心，不至于丈二的和尚摸不到头脑了，右上角放了几本书，预示着图书馆嘛---书多。
书上有个苹果，就是希望你也能像牛顿一样，有想法，能发现。
优点：
方便读者快速了解图书馆
缺点：
单一，无趣
所用工具：
PS
（图九）
十．对话框界面（如图十所示）
结构：
框架
尺寸：
根据电脑屏幕自定
颜色：
管理员采用橘黄色，读者采用红色，中间用绿色分割着你最近的活动信息，绿色给人希望的感觉。
样式:
内嵌框架
外观：
由管理员和读者组成的图书馆对话框系统界面。
模仿的QQ界面中的对话框，让人一看就知道是对话框，不用担心点没点错。
优点：
清楚分开对话框
所用工具：
PS
（图十）
升级会员 