图书管理系统之人机交互论文(共11页)

1、内蒙古科技大学图形用户界面与人机交互结课论文 - 15 -一主界面(jimin)（如图一所示）结构(jigu)：块-块结构(jigu)尺寸：根据电脑屏幕自定颜色：大背景采用浅绿色，主要功能用黑色字体实现，并用橘黄色竖杠分开，具有醒目，好分辨的功能。登录按钮采用醒目的黄色实现，还有五颜六色的虚拟导航超链接，伴有神似真人在线的超链接客服人员，左下角还有用深蓝色为背景的超链接学科导航，给人深邃的感觉样式: 板块外观: 有板块与板块组成的图书馆主界面窗口优点：很醒目，根据人们不同的需求设计不同的板块，满足大部分人的需要，图书馆主界面还有二维码供读者关注，还有在线客服随时解答学生提出的问题，还有查询口直

2、接找到所需书籍，方便快捷。所用工具：PS （图一）二用户登录(dn l)系统界面（如图二所示）结构(jigu)：镶嵌(xingqin)结构尺寸：根据电脑屏幕自定颜色： 在大背景为蓝色的布局下插入白色背景黑色字的登录框，主色调为蓝色，纯净的蓝色表现出一种冷静、广阔、美丽、文静、 理智、安祥与洁净。蓝色是 HYPERLINK /s?q=%E6%B0%B8%E6%81%92%E7%9A%84%E8%B1%A1%E5%BE%81&ie=utf-8&src=wenda_link t _blank 永恒的象征。中间在白背景中用浅蓝色的晶体钻立刻吸引住人们的目光。右面的登录界面言简意赅，“登录”与“重置”键

3、也采用与背景色相呼应的蓝色，给人洁净的感觉。样式: 内嵌外观: 有用户登录框和图书馆名字组成的图书馆用户登录系统界面优点：登录框简洁明了，给人一种一目了然的理智所用工具：PS （图二）三图书(tsh)检索界面（如图三所示）结构(jigu)：表格(biog)复选尺寸：根据电脑屏幕自定颜色： 表格外框用深蓝色围成，中间采用淡蓝色，下拉选择按钮用深蓝色与外框相呼应，文字用黑色突出，显得庄重、老成、有修养，给人一种心平气和的感觉。样式: 表格选择式外观: 大框中套用多个下拉选择条，给人一目了然的感觉，在简单查询中包括检索的内容、文献的类型、查询的类型、查询方式、排序方式、选择哪个馆多个供读者选择的方式

4、进行他所需要的图书检索。优点：一目了然，直接入手，对自己所需的东西进行全方面的检索所用工具：PS （图三）四文件(wnjin)检索（如图四所示）结构(jigu)：表格(biog)复选尺寸：根据电脑屏幕自定颜色： 红色字样醒目的区分中文数据库与西文数据库的不同分类样式:文件选择式外观: 有中文数据库和西文数据库组成的图书馆文献检索界面，只有简单的字组成，没有图片，如果插上图片，就给人一种“乱”的感觉，相反，什么都不放，就可以使读者一眼看到自己所需的文件。右上角的“确定”与“取消”按钮在那也不占地方，方便读者。优点：一目了然找自己所需缺点：没有美感所用工具：PS （图四）五图书馆系统安全登录(dn

5、 l)界面（如图五所示）结构(jigu)：镶嵌(xingqin)结构尺寸：根据电脑屏幕自定颜色： 由绿色的一望无际的大草原和蓝蓝望不到边的天空构成了图书馆系统安全登录界面，令人陶醉。白色的登陆框让人心驰神往，心情大好，感觉暖暖的，很舒心。样式: 内嵌外观: 由图书管理员登录的图书馆系统安全登录界面。登录者肯定想立刻找到登录的地方，所以在登录界面中不易放太多的东西，要不然有一种杂乱无章的感觉。背景用蓝色给人心情舒畅的感觉，这样登录者的密码也不容易输错，框子下方的三个按钮也都整齐排列，给人心情不乱的感觉。优点(yudin)：醒目(xngm)所用(su yn)工具：PS （图5）六借阅卡管理界面（如

6、图六所示）结构：图文结构尺寸：根据电脑屏幕自定颜色： 由沉着的蓝色为主色调，刷卡区用深蓝色来醒目，清楚又方便，不用手忙眼花了样式: 内嵌外观: 由“输入卡号”和图片提示组成的图书馆借阅卡管理界面。可输入卡号进行登录并查询自己所需要的书籍，还有刷卡直接登录的方便快捷，即省时又省力。优点(yudin)：有两种供读者自己选择的方式很人性化，这样(zhyng)就可以方便那些老对三落四的人，只要他们记得卡号，就可以查找自已所需要的书籍，不用补办什么的，浪费人的时间。所用(su yn)工具：PS （图六）七图书销售界面（如图七所示）结构：镶嵌结构尺寸：根据电脑屏幕自定颜色：由鼠标点中的呈现深蓝色光标，表格

7、上方有四个蓝色超链接按钮，右上角的单号用醒目的红色字体吸引眼球。样式: 内嵌外观: 由表格和超链接按钮组成的图书馆图书销售界面。有表单的地方就不适合插入图片，否则会显得杂乱无章。把重要的东西例如客户名称、出货仓库、金额、经办人等从表单中提取出来，会显得非常醒目，这样不至于六神无主，像无头的苍蝇乱撞。优点(yudin)：醒目(xngm)，突出重点所用(su yn)工具：PS （图七）八虚拟导航界面（如图八所示）结构：3D图尺寸：根据电脑屏幕自定颜色：大背景采用深蓝色，楼层内部框架用褐色，普通阅览室用绿色，地砖楼层用大地色。与现实图书馆接近。样式: 内嵌外观: 由3D组成的图书馆虚拟导航界面优点(

8、yudin)：普通的导航都是采用平面地图，视觉效果很差，让人摸不着头脑。而这幅采用立体的楼层结构图，使读者马上就能看出楼层的位置与方向，简洁明了，不会迷路。在3D图书馆中央放的一本(y bn)翻开的书，意思是图书馆正对门的位置，也是图书馆的意思。所用(su yn)工具：PS （图八）九帮助界面（如图九所示）结构：文字尺寸：根据电脑屏幕自定颜色： 白色的大背景，黑色的字体，和普通界面没什么太大差别。醒目的“入馆指南”警示着这个图书馆的规定。样式: 文字内嵌外观(wigun):由文字(wnz)及图片组成(z chn)的图书馆帮助界面。这个界面主要是针对第一次来图书馆的读者，给她们呈现这个界面他们就会安心，不至于丈二的和尚摸不到头脑了，右上角放了几本书，预示着图书馆嘛书多。书上有个苹果，就是希望你也能像牛顿一样，有想法，能发现。优点：方便读者快速了解图书馆缺点：单一，无趣所用工具：PS （图九）十对话框界面（如图十所示）结构：框架尺寸：根据电脑屏幕自定颜色： 管理员采用橘黄色，读者采用红色，中间用绿色分割着你最近的活动信息，绿色给人希望的感觉。样式(yngsh): 内嵌框架(kun ji)外观(wigun)：由管理员和读者组成的图书馆对话框系统界面。模仿的QQ界面中的对话框，让人一看就知道是对话框，不用担心点没点错。优点：清楚分开对话框所用工具：PS （图十