彭 楠

（東莞理工學(xué)院城市學(xué)院 圖書館，廣東東莞 523106）

高校圖書館網(wǎng)頁設(shè)計(jì)中的視覺傳達(dá)藝術(shù)
——以中美高校圖書館為例

彭 楠

（東莞理工學(xué)院城市學(xué)院 圖書館，廣東東莞 523106）

我國高校圖書館普遍不重視網(wǎng)頁設(shè)計(jì)中的視覺傳達(dá)藝術(shù),在這方面存在諸多問題,本文就如何從視覺傳達(dá)方面改善高校圖書館網(wǎng)頁設(shè)計(jì)水平,分別在顏色、編排、文字、圖形處理四個(gè)方面進(jìn)行探討,提出具體解決方法,并以經(jīng)典網(wǎng)頁設(shè)計(jì)為例進(jìn)行分析。

高校圖書館；網(wǎng)頁設(shè)計(jì)；視覺傳達(dá)

高校圖書館的網(wǎng)頁是讀者了解圖書館各項(xiàng)服務(wù)的前沿陣地，也是讀者最常利用到的地方。網(wǎng)頁設(shè)計(jì)是否能達(dá)到功能完備、信息全面、設(shè)計(jì)合理、視覺美觀，是圖書館網(wǎng)頁需要注意和探討的問題?，F(xiàn)代信息社會，網(wǎng)頁鋪天蓋地地充斥著我們的眼球，一個(gè)好的網(wǎng)頁設(shè)計(jì)會讓讀者在第一時(shí)間產(chǎn)生好感，也方便讀者更好地利用網(wǎng)頁的功能。

高校圖書館網(wǎng)站建設(shè)不應(yīng)該僅僅是信息的羅列與堆砌，在建設(shè)好功能板塊的同時(shí)，還應(yīng)重視從讀者的角度出發(fā)做好網(wǎng)頁的視覺傳達(dá)。本文就我國高校圖書館的網(wǎng)頁設(shè)計(jì)在視覺傳達(dá)方面存在的諸多問題進(jìn)行探討，并提出具體解決方法。視覺傳達(dá)設(shè)計(jì)是主要以文字、圖形、色彩為基本要素的藝術(shù)創(chuàng)作。筆者對國內(nèi)外共75所高校圖書館網(wǎng)頁進(jìn)行了瀏覽調(diào)查，下文就顏色應(yīng)用、編排設(shè)計(jì)、文字表現(xiàn)、圖形處理四個(gè)方面闡述高校圖書館網(wǎng)頁設(shè)計(jì)中的不足和解決方案，并以經(jīng)典網(wǎng)頁設(shè)計(jì)為例進(jìn)行分析。

一、高校圖書館網(wǎng)頁設(shè)計(jì)中存在的問題

（一）顏色應(yīng)用存在的問題

顏色是讀者一進(jìn)入圖書館網(wǎng)頁的第一感受，網(wǎng)頁的主色調(diào)是否讓人覺得舒服，顏色搭配是否和諧美觀直接影響到讀者對圖書館網(wǎng)頁的利用。網(wǎng)站的色彩是瀏覽者整體的視覺觀感，巧妙的色彩搭配不僅會使網(wǎng)站看起來更美觀，還能讓瀏覽者對內(nèi)容不易混淆，增加瀏覽的簡潔與方便和易讀性，達(dá)到事半功倍的效果［1］。下面筆者對國內(nèi)外共75所高校圖書館網(wǎng)頁的瀏覽調(diào)查情況分析高校圖書館網(wǎng)頁設(shè)計(jì)中存在的顏色問題。

1.網(wǎng)頁主色調(diào)用色單一。高校圖書館網(wǎng)頁的主色調(diào)普遍存在用色較單一的情況，筆者隨機(jī)抽取了中國大陸不同地域的27所高校圖書館網(wǎng)頁進(jìn)行瀏覽，如表1所示，在所瀏覽的網(wǎng)站中有18個(gè)都是以藍(lán)色為主調(diào)，占比為66.7%，紅色為主色調(diào)的有4所高校，其他色調(diào)的有5所高校。管中窺豹可見一斑，我國高校圖書館網(wǎng)頁設(shè)計(jì)存在著一些思維定勢，雖然被調(diào)查的這些大學(xué)遍布大江南北，但是其圖書館網(wǎng)頁設(shè)計(jì)卻絲毫沒有體現(xiàn)出地域文化、學(xué)科建設(shè)的特色，所有的網(wǎng)站都顯得很雷同，缺乏個(gè)性的彰顯。

表1 27所國內(nèi)高校圖書館網(wǎng)頁主色調(diào)的顏色分類占比表

2.網(wǎng)頁色調(diào)混亂。根據(jù)調(diào)查，部分高校圖書館網(wǎng)頁頁面過于素凈，采用白色為底色，缺乏色彩區(qū)分，幾乎就是一張白紙，無重點(diǎn)、無著眼點(diǎn)；而部分網(wǎng)頁沒有統(tǒng)一的主色調(diào)，顏色之間既不是同色系也不是互補(bǔ)色，讓人眼花繚亂；部分高校圖書館網(wǎng)頁主題色過于鮮艷刺激，十分搶眼球，導(dǎo)致其他的網(wǎng)頁內(nèi)容被忽略。

色彩帶有一定心理暗示，紅色象征活躍、熱情；橙色象征充實(shí)、積極；黃色象征希望、光明；綠色象征和平、理智；藍(lán)色象征永恒、真理；紫色象征高貴、優(yōu)雅；黑色象征神秘、嚴(yán)肅［2］。總體色彩效果的好壞，取決于設(shè)計(jì)者對網(wǎng)站主題的把握，準(zhǔn)確選擇網(wǎng)頁主色調(diào)，形成恰當(dāng)?shù)纳市Ч?，有助于烘托網(wǎng)站的主題，加強(qiáng)網(wǎng)頁情調(diào)的渲染和意境的創(chuàng)造，從而增強(qiáng)網(wǎng)站的魅力，引起讀者感情上的共鳴，促進(jìn)讀者接受網(wǎng)頁的內(nèi)容。

（二）編排設(shè)計(jì)存在的問題

1.主次不分,功能性強(qiáng)弱雜糅。頁面編排設(shè)計(jì)，是否考慮到用戶的固有網(wǎng)頁瀏覽、觀察、思考方式，會直接影響到用戶的瀏覽時(shí)間和最終使用感受。［3］很多高校圖書館網(wǎng)頁功能區(qū)分布平均，沒有將讀者最常用的功能突出，一些不常用的功能區(qū)也占據(jù)了大量的版幅，使讀者使用起來費(fèi)時(shí)費(fèi)力。功能性較強(qiáng)的區(qū)域應(yīng)當(dāng)占據(jù)最顯眼最大的位置，但很多高校圖書館網(wǎng)頁卻只是把各功能區(qū)簡單地羅列出來，沒有考慮其邏輯性，導(dǎo)致頁面看上去沒有重點(diǎn)，非?；靵y。

2.頁面冗雜,疏密不分。部分高校圖書館主頁疏密分布不當(dāng)，有些區(qū)域過于擁擠，有些區(qū)域又太寬松，沒有從全局去把控頁面的排版。還有部分高校圖書館想要展現(xiàn)的內(nèi)容太多，所有的內(nèi)容都集中展示在主頁上，導(dǎo)致頁面擁擠冗雜，讀者反而很難在第一時(shí)間找到所需求的功能區(qū)。

（三）文字表現(xiàn)存在的問題

1.文字尺寸、數(shù)量不合理。網(wǎng)頁中最常出現(xiàn)文字過小問題，這會導(dǎo)致讀者有可能看不清文字內(nèi)容，增加了查找信息的難度。有的網(wǎng)頁內(nèi)容過多，導(dǎo)致相關(guān)文字擁擠不堪，讀者難以在瀏覽時(shí)找到重點(diǎn)。

2.文字顏色不協(xié)調(diào)。此問題在國內(nèi)高校圖書館網(wǎng)頁中容易出現(xiàn)兩種極端：要么文字顏色太單一，要么太繁雜。某高校圖書館網(wǎng)站的文字幾乎都是清一色的黑色，看上去非常沉悶，毫無重點(diǎn)；而另外一所高校圖書館網(wǎng)站的文字則五顏六色，七彩繽紛，看得人眼花繚亂，映入眼簾的并不是文字的內(nèi)容，卻是文字的顏色。

3.網(wǎng)頁字體雜亂無章。字體的應(yīng)用容易出現(xiàn)過于雜亂的問題，有些網(wǎng)頁出現(xiàn)了五六種不同的字體，使頁面看上去很繁雜。有些高校圖書館為了強(qiáng)調(diào)其某個(gè)功能或事跡，會做一個(gè)漂浮窗口在頁面上來回游蕩，這種漂浮窗嚴(yán)重干擾了讀者對網(wǎng)頁的正常使用。還有一些高校在新信息標(biāo)題后面加上閃爍的“HOT”、“NEW”字樣，雖然可以使讀者一眼看到這一行，可是卻使得頁面看上去不倫不類，顯得不莊重。

（四）圖形處理存在的問題

我國高校圖書館網(wǎng)頁普遍不重視圖形處理，使用圖標(biāo)、小標(biāo)題背景圖的網(wǎng)頁不多，這使得很多網(wǎng)頁觀賞性不強(qiáng)，看起來太嚴(yán)肅呆板。用背景圖來烘托小標(biāo)題的做法在高校圖書館網(wǎng)頁中不算普遍，也存在一定的問題，下面用中、美兩所高校的例子來說明。

圖1 美國俄亥俄州立大學(xué)圖書館小標(biāo)題背景圖

圖2 中國某大學(xué)圖書館小標(biāo)題背景圖

從圖1、圖2的對比中可以看出，中方的配圖跟文字關(guān)系不大，沒有邏輯性關(guān)聯(lián)，“科技動態(tài)”下面配了一輛大巴車，讓人摸不著頭腦。顏色沒有經(jīng)過詳細(xì)的考慮，整個(gè)畫面看上去灰蒙蒙的，既不醒目也沒有觀賞性。美方的例子中配圖和文字是相關(guān)的，如“藝術(shù)”一欄就用了著名的《蒙娜麗莎的微笑》的局部畫面做底，“音樂和舞蹈”一欄則用了舞者的形象。顏色搭配上也采用了同一明度和純度，雖然有6種顏色，可是卻和諧統(tǒng)一，并不突兀。

二、高校圖書館網(wǎng)頁設(shè)計(jì)應(yīng)用方法

（一）高校圖書館網(wǎng)頁色彩搭配技巧

設(shè)計(jì)網(wǎng)頁的色彩搭配，如同畫家繪制一幅圖畫一樣，要根據(jù)和諧、均衡和重點(diǎn)突出的原則，即總體協(xié)調(diào)，局部對比。也就是說，主頁的整體色彩效果應(yīng)該是和諧的，只有局部的、小范圍的地方可以有一些強(qiáng)烈色彩的對比，將不同色相和明暗度的色彩進(jìn)行組合、搭配，構(gòu)成美觀的頁面［4］。頁面上占主要份額的色塊最好不要超過3種，否則容易顯得重點(diǎn)不突出，雜亂無章。主色塊之間要相互和諧，相近色或互補(bǔ)色都是不錯(cuò)的選擇，相近色會讓頁面看上去和諧美觀，互補(bǔ)色可以突出重點(diǎn)區(qū)域，看起來主次分明。網(wǎng)頁的最上方一般是圖書館的館標(biāo)、名稱與主菜單，這一欄應(yīng)著重注意保持色彩的一致性。在設(shè)計(jì)頁頭時(shí)，LOGO、圖書館名稱、建筑與背景的關(guān)系要和諧統(tǒng)一，而且要與整個(gè)頁面的顏色相吻合，小區(qū)域也要符合大框架的色調(diào)，才能使整個(gè)頁面看上去有條不紊。

網(wǎng)頁的功能區(qū)是占版面最多的一個(gè)區(qū)域，在這一區(qū)域一般可以采用2種方法去設(shè)計(jì)。一種是底色為純色，各功能分區(qū)名稱用同一種與底色有對比的顏色去標(biāo)明，這么做的好處是整個(gè)頁面和諧統(tǒng)一，每個(gè)功能區(qū)名稱都清晰易見。如廈門大學(xué)知識資源（http：//library.xmu.edu.cn/portal/）就是采用的這種設(shè)計(jì)，整個(gè)頁面看上去和諧統(tǒng)一，賞心悅目。第二種方法是在底色的基礎(chǔ)上，每個(gè)功能區(qū)都用不同的顏色去標(biāo)示出來，這樣做可以強(qiáng)調(diào)某些重要功能，使讀者在使用時(shí)可以優(yōu)先看到本館所推廣的功能。如加州大學(xué)伯克利分校圖書館（http：//www.lib.berkeley.edu/）就是采用的這種方式，其中用土黃做底色的“FIND INFORMATION”一欄就會首先被讀者看到，而這也是讀者用得最多的一個(gè)功能區(qū)，醒目的功能欄可以迅速被讀者看到并使用。

（二）高校圖書館網(wǎng)頁編排技巧

讀者最常用的功能要放置在最顯眼、最便于讀者利用的位置。如“搜索”、“登陸我的圖書館”這一類常用功能區(qū)，應(yīng)放在頁面的上部，居左或居中位置。這也符合心理學(xué)上認(rèn)為的人們注意版面時(shí)，版面的上部比下部注目價(jià)值高，左側(cè)比右側(cè)注目價(jià)值高的原則。

服務(wù)類的功能位置大小要優(yōu)于非服務(wù)類的。有的高校把“通知公告”放在顯眼的位置，而且占據(jù)大量空間。其實(shí)這一類信息是有時(shí)效性的，應(yīng)當(dāng)把最新的5條信息放在首頁，其余的內(nèi)容可放在二級網(wǎng)頁內(nèi)供有需要的讀者自行查閱。而功能性較強(qiáng)的“館藏資源”、“電子資源”、“讀者服務(wù)”等板塊應(yīng)該放在整個(gè)頁面的中間靠左位置，方便讀者利用。高校圖書館也可以針對本網(wǎng)站內(nèi)容做個(gè)讀者調(diào)查，找出讀者最常用，最喜歡用的一些功能區(qū)，把這些功能區(qū)做得更豐富些，占的空間可以大些，而縮小其他功能區(qū)的面積。這在方便讀者使用的同時(shí)，也使得網(wǎng)頁看上去主次分明，詳略得當(dāng)，避免首頁雜亂擁擠現(xiàn)象。

（三）高校圖書館網(wǎng)頁文字設(shè)計(jì)技巧

高校圖書館應(yīng)當(dāng)在做好網(wǎng)頁編排的同時(shí)，選擇最適合讀者閱覽的文字大小進(jìn)行編輯。其中重點(diǎn)功能區(qū)域的文字可以適當(dāng)加大，保證讀者能夠在第一時(shí)間看見這部分內(nèi)容。針對文字太多的問題，建議主要功能區(qū)的條目不超過10條，只列出最常用最重要的信息。次要功能區(qū)的條目不超過5條，只列出最新最需要宣傳的內(nèi)容即可。

常見的網(wǎng)頁字體有宋體、黑體、楷體、隸書、琥珀體、彩云體等，其中宋體、黑體是比較端莊方正的印刷體；楷體、隸書是比較有古典美學(xué)的字體；琥珀體、彩云體多數(shù)用在大標(biāo)題上，起到強(qiáng)調(diào)、突出的作用。網(wǎng)頁字體最好控制在五種以內(nèi)，以宋體、黑體為主，其他字體為輔，使得大標(biāo)題與內(nèi)容有反差，頁面簡潔清晰。同一版面的文字顏色以三種之內(nèi)為宜，要做一些降低純度、明度、飽和度的處理，使之看起來不要過于刺眼，顏色以深色為主以顯莊重。漂浮字、閃爍字要盡量避免，干凈整潔的頁面才是網(wǎng)頁設(shè)計(jì)的最高境界。

（四）高校圖書館網(wǎng)頁圖形處理技巧

圖形處理現(xiàn)階段在國內(nèi)外高校圖書館網(wǎng)頁中應(yīng)用都不多，建議各圖書館可以勇于嘗試，大膽創(chuàng)新，使網(wǎng)頁設(shè)計(jì)錦上添花。好的圖形處理應(yīng)簡潔鮮明、富有感染力，應(yīng)力求形體簡潔、形象明朗、引人注目，并且易于識別、理解和記憶。其次，應(yīng)做到優(yōu)美精致，符合美學(xué)原理。造型美是標(biāo)志的藝術(shù)特色，設(shè)計(jì)時(shí)應(yīng)把握一個(gè)“美”字，使圖形處理的形式符合人類對美的共同感知，能構(gòu)成獨(dú)立于各種具體事物的結(jié)構(gòu)的美感。如果是用作小標(biāo)題的配圖，要做到圖文配套，顏色和諧統(tǒng)一，起到烘托、強(qiáng)化小標(biāo)題的作用。

三、經(jīng)典案例分析

在我國高校圖書館網(wǎng)頁中，廈門大學(xué)圖書館的主頁“廈門大學(xué)知識資源港”是做得較為出色的，下面就其主頁分析其過人之處。

圖3 廈門大學(xué)知識資源港

首先，該網(wǎng)頁以藍(lán)色為主色調(diào)，館標(biāo)、背景圖、圖標(biāo)都以藍(lán)色系為主，視覺上給人一種沉靜優(yōu)雅、清爽和諧的感覺。

其次，其版式設(shè)計(jì)詳略得當(dāng)、主次分明。頁眉陳列了本館的主要功能概況；讀者最常用的搜索功能占據(jù)了頁面的左上角；下方是其他各項(xiàng)常用功能羅列；頁面右邊有“電子書”、“數(shù)據(jù)庫”等圖標(biāo)可供點(diǎn)擊；中間的“公告信息”、“講座信息”都只列出了最新的5條，不占用大量篇幅。右下方是一個(gè)滾動播出的新功能和新信息的宣傳欄，以宣傳本館的最新動向。

再次，其文字設(shè)計(jì)合理。根據(jù)不同的功能區(qū)強(qiáng)弱分布，文字也相應(yīng)地有大小之分；文字主要是藍(lán)色和黑色兩種，沉靜的顏色更顯穩(wěn)重端莊；整個(gè)頁面也沒有懸浮窗和閃爍字等影響閱讀的因素，頁面整潔干凈，文字清新明晰。

最后，該網(wǎng)頁采用了兩套圖標(biāo)來輔助文字說明。一套是左下方的藍(lán)色圖標(biāo)，第二套是右上角的四個(gè)黑色圖標(biāo)?？梢悦黠@看出，這兩套圖標(biāo)都是經(jīng)過精心設(shè)計(jì)的，圖標(biāo)本身與文字內(nèi)容結(jié)合緊密，顏色統(tǒng)一；圖標(biāo)的元素是成套系的，單個(gè)看是不同的圖標(biāo)，組合看卻是和諧的整體，在美術(shù)學(xué)上具有很強(qiáng)的裝飾性，讓人產(chǎn)生強(qiáng)烈的視覺沖擊力。

四、結(jié)語

網(wǎng)頁設(shè)計(jì)跟服裝設(shè)計(jì)有異曲同工之妙，再有內(nèi)涵的網(wǎng)頁，也需要一張有美感的外衣來凸顯其特色與才華。國內(nèi)高校圖書館普遍更重視網(wǎng)頁內(nèi)容的建設(shè)，增加其服務(wù)性，卻忽略了對頁面的設(shè)計(jì)，造成一些讀者在使用時(shí)產(chǎn)生不必要的障礙和疑惑。網(wǎng)頁設(shè)計(jì)時(shí)應(yīng)加強(qiáng)對視覺傳達(dá)藝術(shù)的分析，讓網(wǎng)頁在具有功能性的基礎(chǔ)上擁有良好的瀏覽效果［5］，使讀者在利用高校圖書館網(wǎng)頁時(shí)更加輕松愉悅。

［1］ 劉思光.圖書館網(wǎng)站色彩應(yīng)用問題的研究［J］.當(dāng)代圖書館，2010（9）：39-41.

［2］ 色彩心理學(xué)［EB/OL］.（2013-04-25）.http：//baike.baidu.com/view/64636.htm.

［3］ 趙侃.用戶體驗(yàn)設(shè)計(jì)：網(wǎng)頁界面設(shè)計(jì)的重中之重［J］.藝術(shù)與設(shè)計(jì)（理論），2010（9）：55-57.

［4］ 孫峰.圖書館網(wǎng)站的編排與色彩［J］.圖書館工作與研究，2006（6）：22-23.

［5］ 許金友.藝術(shù)與技術(shù)的完美結(jié)合：淺議網(wǎng)頁設(shè)計(jì)的特色［J］.藝術(shù)與設(shè)計(jì)（理論），2009（4）：67-69.

Visual Communication Art in University Library Web Design：With Chinese and American University Libraries as Cases

PENG Nan
（Library，City College of Dongguan University of Technology，Dongguan 523106，China）

University libraries generally don’t attach importance to visual communication arts in web design，and there are many problems in this aspect.This article discusses how to improve the design level from visual communication in color，layout，text，graphics，and puts forward the concrete solution，taking web designs between Chinese and American university libraries for examples.

university libraries；web design；visual communication

G250.72

A

1009-0312（2014）02-0111-05

2013-11-18

彭楠（1986—），女，四川人，主要從事參考咨詢和信息服務(wù)研究。