高校图书馆网站页面的前端设计探讨

韩 晶

（福州大学图书馆 福建福州 350108）

高校图书馆网站页面的前端设计探讨

韩 晶

（福州大学图书馆 福建福州 350108）

高校图书馆网站的设计应从读者的角度出发，以服务于广大高校师生教学科研为目的。本文指出了对于高校图书馆网站进行前端设计的必要性，并且介绍了高校图书馆网站设计特点.进而提出了针对图书馆网站设计特点所采用的设计方法，并进行了简单的举例说明。

高校图书馆；网站设计；设计特点；设计方法

在当今网络广泛应用的大环境下，图书馆网站已经成为用户们了解图书馆最便捷的途径。高校图书馆也不例外，其为师生们提供了相较于传统访问图书馆更为方便、快捷以及详尽的服务。高校图书馆网站对外有着宣传和提供检索信息的功能，因此，制作精良的高校图书馆网站是一个拥有良好服务的高校图书馆所不可或缺的部分。

一、高校图书馆网站前端设计的必要性

针对高校图书馆用户这一特殊群体，图书馆网站要为广大师生提供更为便捷而详尽的信息检索服务，其网页设计过程中需要与其他网站加以区别。例如设置独立的检索功能栏目，以及简洁明晰的版式布局，都能使用户访问图书馆网站得到更加便捷的服务。因此，在设计高校图书馆网站过程中，应以主题鲜明、形式与内容保持一致、把握整体风格为设计原则。

二、高校图书馆网站设计特点

实际应用于高校图书馆网站设计，具体可以分为以下几个方面：

1.整体风格统一

高校图书馆网站设计要把握整体风格。在网站设计初期就应该对网站风格有个整体规划，其中包括整个网页的色彩基调和布局构成等要一致，主页和次级页面的颜色使用要始终具有同一性。

2.色彩搭配简洁明晰

对于比较好的网站来说，页面并不一定要求非常的绚丽多彩，但是一定要有层次感，简洁、大方，而且要与网站的主题契合。高校图书馆网站主要针对的用户即高校师生，网站色彩可以采用较为明快的色调，配色时不要使用过多种的颜色，在网页配色中，尽量控制在三种色系以内，以避免网页花、乱、没有主色的显现。背景和前文的对比尽量要大，尽量不要用花纹繁复的图案作背景，便于突出主要文字内容。

3.栏目布局突出重点

高校图书馆网站功能性版块必须分区明晰，使得用户能一目了然找到自己所需要的服务，避免用户在浏览网站时产生理解困难。传统网页页面从上至下依次一般分为三个部分：页面顶部包括banner条部分、导航、logo等；页面中部就是栏目及网页主要内容等；以及页面底部的就是副导航版权信息等。而高校图书馆网站页面还需要添加一个主要部分即功能强大的检索栏目。这也是用户在图书馆网站上使用率最高的一个版块。

三、针对图书馆网站设计特点所采用的设计方法

1.页面设计规格：

图书馆网站页面布局(首页)针对适合主流浏览器与用户显示器大小所设定的网页大小为800px×600px；目前浏览器市场比重(2013年7月)为：IE核心：47.21%，奇虎360：25.1%。在IE浏览器下，页面宽度减21px，例：1280px-21px=1259px。所以如果是在1280px分辨率下，网页页面宽度设置成为1258px较为安全，正文宽度则设置为980px。在涉及到有背景图案的专题页面时，宽度可设置成1440px，正文宽度设置成980px。同时，主页页面高度设计控制在一屏半以内显示最为合适。

2.页面布局排版：

合理的布局在传达信息的同时，也会让人产生感官上的美感和精神上的享受[1]。网页版式设计的基本类型大致为骨骼型、满版型、中轴型、曲线型、焦点型、对称型和自由型。其中骨骼型排版是一种规范的理性分割方法，高校图书馆网站也多以此类型进行排版。高校图书馆网站版块排版在视觉上要符合纵向分割，横向模块间距统一，纵向可根据页面需求适当区分。网页布局的大致区分在于页面中部也就是栏目和网页主要内容的版块划分，一般分为两栏或三栏。

3.文字设计规格：

图书馆网页用户界面的主要信息传达靠文字，任何元素都无法替代的重要构成[2]。网页正文(中文)一律采用宋体12号(12px)字体，黑体字体主要用做标题。建议使用12号+14号字号的混合搭配，避免大面积使用加粗字体。

4.LOGO、按钮、FLASH等图形和动画元素

设计网站所需要的LOGO、FLASH、图片、图标等图形动画元素部分不仅能丰富网页的内容，更能为网页增添亮色。

(1)LOGO是Web识别的重要符号，LOGO使网络浏览者易于识别和便于选择[3]。网站LOGO的设计来源于平面LOGO的设计方式，好的网站LOGO能够增强网站的识别度、记忆度、好感度。同时LOGO标识的配色也是网站确定主题色的一个比较重要的参考标准。

(2)FLASH的使用在网页制作中也是不可或缺的，FLASH多使用矢量图形和流媒体播放技术。矢量图形可以任意缩放尺寸而不影响图形的质量，流媒体播放技术使得动画可以边播放边下载，从而减短了网页浏览者的等待动画加载时间。

(3)在使用图标时也需要用统一的视角、材质、尺寸，设计图标所使用的颜色尽量不要超过三种，图标设计必须直观达意，让用户一目了然。

(4)设计师在制作图书馆网页上的图片输出时，要贴合图形区域，存储时使用web格式输出图片；色彩较单一的图片保存为GIF格式；色彩渐变丰富的图片则使用jpeg格式保存，尽量减少图片占用文件的大小。这样能提高页面读取速度，减少用户在读取网页时的加载等待时间。

四、结语

正如19世纪德国包豪斯学校在设计理论上提出的“设计的目的是人而不是产品”。图书馆网站的最终设计目的也是为了更好地为读者服务。因此，设计师在设计图书馆网站前端时，必须先了解读者的需求，以读者的角度来设计制作网站。在图书馆网站页面的栏目设计上人性化，使得用户访问高校图书馆网站服务得以更加便捷的体现。

[1]甄艳杰.浅谈高校网站设计.[J].福建电脑,2012(3):75-81.

[2]胡钦文,秦雯婷.浅谈高校图书馆网页用户界面设计.[J].中国科技信息,2008(7):138-140.

[3]曹金明,程超,王骏.网页设计与配色.[M].北京:红旗出版社,2005:69

Discussion on the university library website front-end design

Han Jing

(Fuzhou University Library, Fuzhou Fujian, 350108, China)

With the consideration of the readers, the University Library website is designed to serve the purposes for teaching and researching. This article points out the necessity of the University Library website front-end design and introduces the main features of the University Library website design. Furthermore, based on the characteristics of the library website design, the design method are provided and illustrated with simple examples.

university library；web design；design features；design method

G250

A

1000-9795（2014）01-0463-01

［责任编辑：陈怀民］

2013-12-03

韩 晶（1984-），女，江苏盐城人，助理馆员，从事图书馆参考咨询和网站建设方向的研究。