高校圖書館網站頁面的前端設計探討

韓 晶

（福州大學圖書館 福建福州 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-），女，江蘇鹽城人，助理館員，從事圖書館參考咨詢和網站建設方向的研究。