韓 晶

（福州大學圖書館 福建福州 350108）

高校圖書館網(wǎng)站頁面的前端設計探討

韓 晶

（福州大學圖書館 福建福州 350108）

高校圖書館網(wǎng)站的設計應從讀者的角度出發(fā)，以服務于廣大高校師生教學科研為目的。本文指出了對于高校圖書館網(wǎng)站進行前端設計的必要性，并且介紹了高校圖書館網(wǎng)站設計特點.進而提出了針對圖書館網(wǎng)站設計特點所采用的設計方法，并進行了簡單的舉例說明。

高校圖書館；網(wǎng)站設計；設計特點；設計方法

在當今網(wǎng)絡廣泛應用的大環(huán)境下，圖書館網(wǎng)站已經(jīng)成為用戶們了解圖書館最便捷的途徑。高校圖書館也不例外，其為師生們提供了相較于傳統(tǒng)訪問圖書館更為方便、快捷以及詳盡的服務。高校圖書館網(wǎng)站對外有著宣傳和提供檢索信息的功能，因此，制作精良的高校圖書館網(wǎng)站是一個擁有良好服務的高校圖書館所不可或缺的部分。

一、高校圖書館網(wǎng)站前端設計的必要性

針對高校圖書館用戶這一特殊群體，圖書館網(wǎng)站要為廣大師生提供更為便捷而詳盡的信息檢索服務，其網(wǎng)頁設計過程中需要與其他網(wǎng)站加以區(qū)別。例如設置獨立的檢索功能欄目，以及簡潔明晰的版式布局，都能使用戶訪問圖書館網(wǎng)站得到更加便捷的服務。因此，在設計高校圖書館網(wǎng)站過程中，應以主題鮮明、形式與內(nèi)容保持一致、把握整體風格為設計原則。

二、高校圖書館網(wǎng)站設計特點

實際應用于高校圖書館網(wǎng)站設計，具體可以分為以下幾個方面：

1.整體風格統(tǒng)一

高校圖書館網(wǎng)站設計要把握整體風格。在網(wǎng)站設計初期就應該對網(wǎng)站風格有個整體規(guī)劃，其中包括整個網(wǎng)頁的色彩基調(diào)和布局構(gòu)成等要一致，主頁和次級頁面的顏色使用要始終具有同一性。

2.色彩搭配簡潔明晰

對于比較好的網(wǎng)站來說，頁面并不一定要求非常的絢麗多彩，但是一定要有層次感，簡潔、大方，而且要與網(wǎng)站的主題契合。高校圖書館網(wǎng)站主要針對的用戶即高校師生，網(wǎng)站色彩可以采用較為明快的色調(diào)，配色時不要使用過多種的顏色，在網(wǎng)頁配色中，盡量控制在三種色系以內(nèi)，以避免網(wǎng)頁花、亂、沒有主色的顯現(xiàn)。背景和前文的對比盡量要大，盡量不要用花紋繁復的圖案作背景，便于突出主要文字內(nèi)容。

3.欄目布局突出重點

高校圖書館網(wǎng)站功能性版塊必須分區(qū)明晰，使得用戶能一目了然找到自己所需要的服務，避免用戶在瀏覽網(wǎng)站時產(chǎn)生理解困難。傳統(tǒng)網(wǎng)頁頁面從上至下依次一般分為三個部分：頁面頂部包括banner條部分、導航、logo等；頁面中部就是欄目及網(wǎng)頁主要內(nèi)容等；以及頁面底部的就是副導航版權(quán)信息等。而高校圖書館網(wǎng)站頁面還需要添加一個主要部分即功能強大的檢索欄目。這也是用戶在圖書館網(wǎng)站上使用率最高的一個版塊。

三、針對圖書館網(wǎng)站設計特點所采用的設計方法

1.頁面設計規(guī)格：

圖書館網(wǎng)站頁面布局(首頁)針對適合主流瀏覽器與用戶顯示器大小所設定的網(wǎng)頁大小為800px×600px；目前瀏覽器市場比重(2013年7月)為：IE核心：47.21%，奇虎360：25.1%。在IE瀏覽器下，頁面寬度減21px，例：1280px-21px=1259px。所以如果是在1280px分辨率下，網(wǎng)頁頁面寬度設置成為1258px較為安全，正文寬度則設置為980px。在涉及到有背景圖案的專題頁面時，寬度可設置成1440px，正文寬度設置成980px。同時，主頁頁面高度設計控制在一屏半以內(nèi)顯示最為合適。

2.頁面布局排版：

合理的布局在傳達信息的同時，也會讓人產(chǎn)生感官上的美感和精神上的享受[1]。網(wǎng)頁版式設計的基本類型大致為骨骼型、滿版型、中軸型、曲線型、焦點型、對稱型和自由型。其中骨骼型排版是一種規(guī)范的理性分割方法，高校圖書館網(wǎng)站也多以此類型進行排版。高校圖書館網(wǎng)站版塊排版在視覺上要符合縱向分割，橫向模塊間距統(tǒng)一，縱向可根據(jù)頁面需求適當區(qū)分。網(wǎng)頁布局的大致區(qū)分在于頁面中部也就是欄目和網(wǎng)頁主要內(nèi)容的版塊劃分，一般分為兩欄或三欄。

3.文字設計規(guī)格：

圖書館網(wǎng)頁用戶界面的主要信息傳達靠文字，任何元素都無法替代的重要構(gòu)成[2]。網(wǎng)頁正文(中文)一律采用宋體12號(12px)字體，黑體字體主要用做標題。建議使用12號+14號字號的混合搭配，避免大面積使用加粗字體。

4.LOGO、按鈕、FLASH等圖形和動畫元素

設計網(wǎng)站所需要的LOGO、FLASH、圖片、圖標等圖形動畫元素部分不僅能豐富網(wǎng)頁的內(nèi)容，更能為網(wǎng)頁增添亮色。

(1)LOGO是Web識別的重要符號，LOGO使網(wǎng)絡瀏覽者易于識別和便于選擇[3]。網(wǎng)站LOGO的設計來源于平面LOGO的設計方式，好的網(wǎng)站LOGO能夠增強網(wǎng)站的識別度、記憶度、好感度。同時LOGO標識的配色也是網(wǎng)站確定主題色的一個比較重要的參考標準。

(2)FLASH的使用在網(wǎng)頁制作中也是不可或缺的，F(xiàn)LASH多使用矢量圖形和流媒體播放技術(shù)。矢量圖形可以任意縮放尺寸而不影響圖形的質(zhì)量，流媒體播放技術(shù)使得動畫可以邊播放邊下載，從而減短了網(wǎng)頁瀏覽者的等待動畫加載時間。

(3)在使用圖標時也需要用統(tǒng)一的視角、材質(zhì)、尺寸，設計圖標所使用的顏色盡量不要超過三種，圖標設計必須直觀達意，讓用戶一目了然。

(4)設計師在制作圖書館網(wǎng)頁上的圖片輸出時，要貼合圖形區(qū)域，存儲時使用web格式輸出圖片；色彩較單一的圖片保存為GIF格式；色彩漸變豐富的圖片則使用jpeg格式保存，盡量減少圖片占用文件的大小。這樣能提高頁面讀取速度，減少用戶在讀取網(wǎng)頁時的加載等待時間。

四、結(jié)語

正如19世紀德國包豪斯學校在設計理論上提出的“設計的目的是人而不是產(chǎn)品”。圖書館網(wǎng)站的最終設計目的也是為了更好地為讀者服務。因此，設計師在設計圖書館網(wǎng)站前端時，必須先了解讀者的需求，以讀者的角度來設計制作網(wǎng)站。在圖書館網(wǎng)站頁面的欄目設計上人性化，使得用戶訪問高校圖書館網(wǎng)站服務得以更加便捷的體現(xiàn)。

[1]甄艷杰.淺談高校網(wǎng)站設計.[J].福建電腦,2012(3):75-81.

[2]胡欽文,秦雯婷.淺談高校圖書館網(wǎng)頁用戶界面設計.[J].中國科技信息,2008(7):138-140.

[3]曹金明,程超,王駿.網(wǎng)頁設計與配色.[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-），女，江蘇鹽城人，助理館員，從事圖書館參考咨詢和網(wǎng)站建設方向的研究。