高校圖書館網(wǎng)頁設(shè)計(jì)的審美化

王勇+洪斌

摘要追求美是人類的天性。圖書館在網(wǎng)頁設(shè)計(jì)實(shí)踐中逐漸產(chǎn)生了審美意識(shí)。網(wǎng)頁設(shè)計(jì)的審美化能夠改變網(wǎng)頁的表現(xiàn)形式，從而改善讀者對(duì)圖書館網(wǎng)站的使用體驗(yàn)。文章以北京第二外國語學(xué)院圖書館等網(wǎng)站為例，發(fā)現(xiàn)和總結(jié)圖書館網(wǎng)頁設(shè)計(jì)的審美化特點(diǎn)和趨勢(shì)。

關(guān)鍵詞圖書館網(wǎng)站 網(wǎng)站建設(shè) 網(wǎng)頁設(shè)計(jì) 網(wǎng)頁藝術(shù)設(shè)計(jì) 網(wǎng)頁設(shè)計(jì)的審美化

圖書館網(wǎng)站是圖書館的網(wǎng)絡(luò)化存在，是圖書館客觀情況的抽象表達(dá)，也是圖書館主要的網(wǎng)絡(luò)門戶和人口。對(duì)用戶而言，網(wǎng)站主要由一個(gè)個(gè)網(wǎng)頁組成，網(wǎng)頁設(shè)計(jì)的合理性影響著網(wǎng)頁的效用，繼而影響讀者的感知和利用。在當(dāng)今，諸多因素促使圖書館網(wǎng)頁發(fā)生改變。例如整個(gè)社會(huì)的信息化呈現(xiàn)出異常多樣的形態(tài)，圖書館的內(nèi)外部信息環(huán)境及讀者信息行為與習(xí)慣發(fā)生了很大的變化，讀者對(duì)網(wǎng)頁的審美水平的提高和對(duì)使用體驗(yàn)的挑剔，以及網(wǎng)頁設(shè)計(jì)技術(shù)和設(shè)計(jì)藝術(shù)對(duì)圖書館網(wǎng)站系統(tǒng)建設(shè)的影響，等等。

1圖書館網(wǎng)頁設(shè)計(jì)的審美意識(shí)

審美的過程是主客體統(tǒng)一的過程。圖書館網(wǎng)站的網(wǎng)頁作為審美客體，既可以是內(nèi)在規(guī)律，也可以是外在特征，而其審美主體既可以是讀者，也可以是館員。隨著用戶的審美能力和審美水平的提高，其對(duì)網(wǎng)頁的形式美感和使用體驗(yàn)也有了更高的要求，已不再滿足于功能良好但缺乏美感的網(wǎng)頁。好的體驗(yàn)是對(duì)功能的超越，設(shè)計(jì)者和用戶共同構(gòu)成了網(wǎng)頁再設(shè)計(jì)的主觀驅(qū)動(dòng)因素。客觀方面，影響網(wǎng)頁表現(xiàn)力的諸多因素都在變化。如網(wǎng)速越來越快、屏幕越來越大、技術(shù)越來越進(jìn)步、網(wǎng)頁制作者的水平越來越高，網(wǎng)頁藝術(shù)設(shè)計(jì)甚至已發(fā)展成為一個(gè)成熟的藝術(shù)門類，這些都在客觀上為提高網(wǎng)站的藝術(shù)表現(xiàn)創(chuàng)造了良好的條件。

多數(shù)大學(xué)圖書館網(wǎng)站肇始于世紀(jì)之交，從最初的純靜態(tài)頁面，到后來的CMS整站程序，到當(dāng)前的定制開發(fā)，功能越發(fā)復(fù)雜，內(nèi)容越發(fā)豐富，形式越發(fā)美觀，館員逐漸積累起豐富的經(jīng)驗(yàn)，也越來越重視網(wǎng)站制作和網(wǎng)頁設(shè)計(jì)，開始探究人與網(wǎng)頁的關(guān)系，并逐漸深入到內(nèi)涵、思想和細(xì)節(jié)的考究，審美經(jīng)驗(yàn)與心理逐漸從幼稚走向成熟。北京大學(xué)圖書館網(wǎng)站的幾次改版（圖1-7），就能反映出審美意識(shí)從無到有到內(nèi)化于心的發(fā)展歷程。

圖1為北京大學(xué)圖書館最早期的主頁，采用左右框架結(jié)構(gòu)，以文本和超文本鏈接為主，彩色分割線是當(dāng)時(shí)為數(shù)不多的設(shè)計(jì)元素之一。圖2是北京大學(xué)圖書館最早期的中文界面主頁，有了版塊概念，開始有了圖標(biāo)、按鈕、計(jì)數(shù)器等要素。圖3有了醒目的Logo和背景圖，萌生出微弱的設(shè)計(jì)感。圖4出現(xiàn)了主菜單，“百年館慶”動(dòng)態(tài)顯示，新聞向上滾動(dòng)顯示，子菜單滑動(dòng)顯示，“加法”跡象明顯，顯示出設(shè)計(jì)者早期剛剛起步的審美心態(tài)。圖5字體縮小，顯得俊秀?；⌒尉€條和不規(guī)則圖形的運(yùn)用，透露出設(shè)計(jì)者試圖掙脫刻板布局的禁錮。梳理服務(wù)、羅列鏈接是世紀(jì)初大多數(shù)圖書館主頁的做法，缺乏版塊和場(chǎng)的概念意識(shí)。設(shè)計(jì)者審美意識(shí)大大增強(qiáng)，處于探索、學(xué)習(xí)與快速成長的時(shí)期。圖6中學(xué)科服務(wù)方興未艾，占據(jù)了比較重要的頁面位置和較大的幅面。檢索框過于狹小，猶抱琵琶半遮面。有了配色意識(shí)，陰影元素試圖給人以視覺層次。有了版塊意識(shí)。整體布局泄露出設(shè)計(jì)者難以取舍的矛盾心理，邏輯性不強(qiáng)，審美化處于摸索中。圖7中網(wǎng)站向門戶概念轉(zhuǎn)變，檢索框占據(jù)了相當(dāng)大的幅面，布局、配色從容不迫，扁平化之風(fēng)明顯，做了大量減法，邏輯性強(qiáng)，兼容性強(qiáng)。主體幅面還有增大的空間，審美化走向成熟。

上海交通大學(xué)圖書館新版網(wǎng)頁采用優(yōu)雅的Metro風(fēng)格，緣于其敏銳地看到移動(dòng)互聯(lián)網(wǎng)時(shí)代的到來，但因其采用過于追求移動(dòng)設(shè)備觸控體驗(yàn)的大色塊及翻轉(zhuǎn)動(dòng)畫（圖8），大色塊和翻轉(zhuǎn)動(dòng)畫更適合移動(dòng)設(shè)備觸控操作，有著鮮明的移動(dòng)互聯(lián)網(wǎng)時(shí)代烙印，在PC上的顯示則密不透風(fēng)，略有窒息感，反而影響了網(wǎng)頁在PC上的表現(xiàn)。

雖然審美是一種主觀活動(dòng)，并帶有強(qiáng)烈的感性色彩，但是作為本體意義的網(wǎng)頁，其客觀存在的美不能被忽視。而目前多數(shù)圖書館只重視內(nèi)容而忽視外表，并未真正意識(shí)到網(wǎng)頁設(shè)計(jì)的審美意義，或者因?yàn)槿藛T、技術(shù)等因素的掣肘，無法對(duì)網(wǎng)頁的表現(xiàn)形式傾注足夠的熱情和精力，導(dǎo)致一些圖書館網(wǎng)站給人一種粗陋、冷漠的印象。這一點(diǎn)，通過觀察北京數(shù)十家“211工程”高校圖書館的網(wǎng)站就可以看出。北京第二外國語學(xué)院圖書館開發(fā)第三版網(wǎng)站歷時(shí)一年半的時(shí)間，也足以說明時(shí)間和精力的投入是良好網(wǎng)頁效果的重要保障。

在中國知網(wǎng)以“網(wǎng)頁設(shè)計(jì)”為主題的120余篇圖書館學(xué)科的論文中，專門論述網(wǎng)頁審美的文章不多，但是從對(duì)網(wǎng)頁設(shè)計(jì)制作的分析和主張里，能看出圖書館對(duì)于網(wǎng)頁設(shè)計(jì)逐漸增強(qiáng)的審美意識(shí)。如鄭勇在《從言語到話語——賦予高校圖書館網(wǎng)站以對(duì)話性格》中從話語的視角談到了當(dāng)前圖書館網(wǎng)站普遍存在的問題，并深刻認(rèn)識(shí)到圖書館網(wǎng)站的人文色彩對(duì)讀者產(chǎn)生的影響，具有很大的啟發(fā)意義。彭楠在《高校圖書館網(wǎng)頁設(shè)計(jì)中的視覺傳達(dá)藝術(shù)——以中美高校圖書館為例》中，著重分析了網(wǎng)頁設(shè)計(jì)的布局、色彩、文字、圖形等要素，并把美對(duì)于圖書館網(wǎng)頁的意義提到了一個(gè)新的高度。徐方在《淺談高校圖書館網(wǎng)頁的美術(shù)設(shè)計(jì)》中，總結(jié)了高校圖書館網(wǎng)頁設(shè)計(jì)存在的問題，并提出了提高網(wǎng)頁美術(shù)設(shè)計(jì)水平的方法。總之，圖書館網(wǎng)頁的審美化還有更多值得探索和深入研究的空間。

2網(wǎng)頁表現(xiàn)形式對(duì)于審美的意義

在審美活動(dòng)中，審美主體對(duì)客體的感受首先是直觀的、感性的，這主要源于客體的表現(xiàn)形式。“19世紀(jì)末20世紀(jì)初，隨著表現(xiàn)主義等現(xiàn)代藝術(shù)的相繼出現(xiàn)，形式問題被提高到一個(gè)前所未有的重要位置?！鄙踔痢氨惶岬搅怂囆g(shù)創(chuàng)作本質(zhì)的高度來看待”?？梢娦问街谠O(shè)計(jì)藝術(shù)和事物本質(zhì)的意義，可以說，整個(gè)世界都在藝術(shù)化。在設(shè)計(jì)領(lǐng)域的通俗意義下，藝術(shù)意味著形式上的美。從認(rèn)知的角度看，“所有對(duì)設(shè)計(jì)物的消費(fèi)都是建立在外部感覺的基礎(chǔ)上，進(jìn)而形成內(nèi)部的感覺，引起生理與精神的愉悅?！边@是增強(qiáng)網(wǎng)頁藝術(shù)性的心理學(xué)理論依據(jù)之一。喬布斯對(duì)世界的一個(gè)重要改變就是，他通過對(duì)產(chǎn)品的藝術(shù)性的近乎變態(tài)的苛求，深刻地改變了產(chǎn)品的存在形式，讓人們意識(shí)到藝術(shù)形式或視覺形式之于用戶體驗(yàn)的重要性，同時(shí)也改變了人們的審美心理。這與李克強(qiáng)總理提倡的“工匠精神”是一致的，都體現(xiàn)了人們追求更加美好事物的時(shí)代精神。下文各節(jié)的討論亦不脫離表現(xiàn)形式的范疇。endprint

網(wǎng)頁的重構(gòu)不單是對(duì)環(huán)境的適應(yīng)，也是網(wǎng)頁本身趨于完美的內(nèi)在發(fā)展要求，網(wǎng)頁需要?jiǎng)?chuàng)新和重構(gòu)。網(wǎng)頁設(shè)計(jì)要契合時(shí)代精神，不單要考慮到網(wǎng)頁設(shè)計(jì)的理性、技術(shù)、科學(xué)、邏輯、系統(tǒng)、秩序、嚴(yán)謹(jǐn)，也要考慮到網(wǎng)頁設(shè)計(jì)的感性、藝術(shù)、人文、韻律、個(gè)性、情感等有助于增加網(wǎng)頁表現(xiàn)力的后現(xiàn)代主義風(fēng)格特點(diǎn)，重視網(wǎng)頁的視覺秩序和視覺傳達(dá)，以更符合藝術(shù)規(guī)律，創(chuàng)造出屬于自己的風(fēng)格和形象，彰顯自己的品位和氣質(zhì)。甚至將網(wǎng)站擬人化，賦予其性格，并通過人的直覺性給人以美感和享受，使讀者在精神層面感受到圖書館的文化內(nèi)涵和文化意境。更重要的是，用藝術(shù)提升網(wǎng)頁表現(xiàn)力，有助于傳達(dá)信息、表現(xiàn)內(nèi)容、展示功能，達(dá)到內(nèi)涵與外延、內(nèi)容與形式、功能與表現(xiàn)的和諧統(tǒng)一。及時(shí)改變我們的網(wǎng)頁，以美的名義，會(huì)提升網(wǎng)站的友好性；注重人的感受、體驗(yàn)、品味，避免用戶產(chǎn)生審美疲勞，在一定程度上可減少讀者暫時(shí)找不到所需信息時(shí)的不滿情緒。

3用減法思維提升網(wǎng)頁的設(shè)計(jì)感

早在100多年前，日本文化中的“素簡”審美意識(shí)就已產(chǎn)生，這與西方流行的“極簡主義”（Minimal-ism）異曲同工，影響著世界范圍內(nèi)的“去繁就簡”運(yùn)動(dòng)。及至蘋果手機(jī)等系列產(chǎn)品的出現(xiàn)，意味著人們對(duì)繁瑣的對(duì)抗達(dá)到了頂峰。這就是減法思維，其邏輯終點(diǎn)是至簡、專注、適度、控制、無為，重視“空”與“無”?！皽p法思想存在于社會(huì)生活的方方面面，如果善于利用這種思想，我們能夠提綱挈領(lǐng)、去蕪取精、刪繁就簡、由淺入深，從而抓住本質(zhì)，免于無病呻吟和盲從迷惘?！睖p法的本質(zhì)是回歸純粹，是否定之上的肯定。但減法是思想和意識(shí)，是一種審美傾向，減法不是為了降低網(wǎng)頁的豐富性。從北京大學(xué)圖書館和康奈爾大學(xué)圖書館主頁的幾次改版可以看出，網(wǎng)頁設(shè)計(jì)經(jīng)歷了先加法后減法的發(fā)展過程。

3.1少就是多，減少用戶的選擇

“禪宗講，一花一世界，一葉一如來。一句也是多，一說就是錯(cuò)?！比∩崾撬囆g(shù)，選擇是追求藝術(shù)的手段。在設(shè)計(jì)領(lǐng)域，無論是古代宋汝窯，還是現(xiàn)代海報(bào)，極簡主義風(fēng)格歷來都是一股清新之風(fēng)。所以，更重要的不是在主頁上放什么，而是不放什么。放多了容易，放少了不容易。越簡單，越難，但越容易被讀者記住。我們需要對(duì)現(xiàn)有網(wǎng)站及其包含的所有東西陌生化，方能做出大膽地取舍?？梢哉f，重新設(shè)計(jì)網(wǎng)站的本質(zhì)，就是大膽地舍棄。秉承減法思維，讓單一、簡單、純粹的有規(guī)則和有秩序的元素占據(jù)絕大部分幅面，視線自然會(huì)集中到突出的部分。這種強(qiáng)烈的對(duì)比，讓頁面擁有更強(qiáng)的表現(xiàn)力。嘗試去掉可有可無的內(nèi)容、選項(xiàng)、功能，將用于表現(xiàn)的要素扁平化，減少分散注意力的干擾因素，避免羅列、堆砌和囤積形成的信息干擾和視覺干擾，剩余的部分自然會(huì)漸漸凸顯，頁面信息的辨識(shí)度會(huì)漸漸提高。少就是多。以北京第二外國語學(xué)院圖書館網(wǎng)站為例（圖9），Google Analytics對(duì)頁面點(diǎn)擊行為的統(tǒng)計(jì)顯示，圖書館網(wǎng)站上很多欄目、文字、圖標(biāo)、按鈕都是沒必要的。根據(jù)統(tǒng)計(jì)分析，綜合考慮后，新版網(wǎng)站去掉了首頁將近一半的鏈接。減少用戶的選擇，就是“節(jié)省讀者的時(shí)間”，因?yàn)檫x擇很多時(shí)候是一種負(fù)擔(dān)。

3.2不試圖取悅所有的讀者

主流讀者永遠(yuǎn)占據(jù)80%的多數(shù)，不要因?yàn)樵噲D取悅或滿足少數(shù)新生、專家讀者，或者炫耀網(wǎng)站的技術(shù)和設(shè)計(jì)，而降低主流用戶的滿意度。減法是反個(gè)性、反定制、反Web2.0的，谷歌早在2013年關(guān)閉了用戶可自定義的iGoogle和可訂閱的Google Reader就是例證。過多的自定義和讀者參與，會(huì)讓讀者困惑，顯得設(shè)計(jì)者沒有主見，甚至起到相反的效果。因而，設(shè)計(jì)者應(yīng)該在與領(lǐng)導(dǎo)和讀者的協(xié)商中不輕易妥協(xié)和遷就，不輕信讀者問卷調(diào)查的結(jié)果，不試圖取悅所有類型的讀者。中國科學(xué)院國家科學(xué)圖書館主頁就非常簡潔明了，分類清晰，導(dǎo)向明確（圖10）。另一方面，降低網(wǎng)頁的復(fù)雜度，精簡網(wǎng)頁的內(nèi)容，砍掉華而不實(shí)的、無法提供足夠水平服務(wù)或連續(xù)服務(wù)的欄目，注重網(wǎng)站的實(shí)用性，提高信息的質(zhì)量和濃度，有助于減輕工作人員的負(fù)擔(dān)，提高其專注度和工作效率，繼而提升網(wǎng)站更新頻率和服務(wù)層次，體現(xiàn)出網(wǎng)頁的主張、個(gè)性和活力，保持強(qiáng)有力的持續(xù)性和存在感。

3.3權(quán)衡功能與形式的關(guān)系

美國建筑師路易斯·沙利文的“形式追隨功能”的觀點(diǎn)后來成了設(shè)計(jì)中的一個(gè)時(shí)尚說法。這一觀點(diǎn)也體現(xiàn)在形形色色的網(wǎng)站上。在實(shí)用性極強(qiáng)的網(wǎng)站上，功能占據(jù)了主導(dǎo)地位，形式被弱化，甚至退居一旁。比如，幾乎沒有人會(huì)關(guān)注火車購票網(wǎng)站的形式布局，只要網(wǎng)站能夠清晰地呈現(xiàn)所查詢的結(jié)果，并順利地引導(dǎo)購買到需要的車票，其他一切因素都會(huì)被有意無意地忽略。但是，一旦其在購票過程中遇到了一絲麻煩，用戶很可能火冒三丈，這就是功能的意義。圖2為北京大學(xué)圖書館早期網(wǎng)站，在缺乏審美意識(shí)的時(shí)代，在社會(huì)信息化起步的階段，僅僅是信息傳達(dá)也能滿足用戶的基本需求。故形式與功能在很多情況下是標(biāo)本關(guān)系，切忌本末倒置，謹(jǐn)防形式削弱網(wǎng)頁主體的訴求效果。減法的前提是加法和周密，任何時(shí)候都不能忽視信息構(gòu)建的規(guī)律。

4頁面布局的內(nèi)在邏輯促進(jìn)了審美化

“心理模型是指人們通過經(jīng)驗(yàn)、訓(xùn)練和教導(dǎo)，對(duì)自己、他人、環(huán)境以及接觸到的事物形成的模型。一種物品的心理模型大多產(chǎn)生于人們對(duì)該物品可感知到的功能和可視結(jié)構(gòu)進(jìn)行解釋的過程中。當(dāng)系統(tǒng)表象（System Image）雜亂或不恰當(dāng)時(shí)，用戶就會(huì)覺得該物品操作起來很難，如果系統(tǒng)表象不完全或自相矛盾，就會(huì)給用戶帶來麻煩?！蓖?，讀者總是帶著某種目的去訪問和使用圖書館網(wǎng)站，即使其行為看起來有些試試看的隨意性，那也會(huì)引導(dǎo)和影響他的心理模型，這種心理模型蘊(yùn)藏在遇到問題一信息需求一信息檢索一信息獲取一信息運(yùn)用一解決問題的模式中，受其認(rèn)知和預(yù)期的影響，并會(huì)隨著瀏覽的進(jìn)一步深入而動(dòng)態(tài)變化。當(dāng)網(wǎng)站的組織邏輯呈現(xiàn)出的系統(tǒng)表象與讀者的心理模型偏差太大時(shí)，讀者由此產(chǎn)生的困惑也會(huì)相應(yīng)地變大。網(wǎng)頁的邏輯性設(shè)計(jì)的內(nèi)因是網(wǎng)站的內(nèi)在規(guī)律性，外因是圖書館對(duì)業(yè)務(wù)工作的理解與把握以及設(shè)計(jì)者的認(rèn)識(shí)和技術(shù)水平。增強(qiáng)網(wǎng)頁設(shè)計(jì)的邏輯性，能夠糾正網(wǎng)頁的感性和藝術(shù)性設(shè)計(jì)可能帶來的偏差。一個(gè)好的網(wǎng)站，必然是一個(gè)邏輯性強(qiáng)的網(wǎng)站，能夠讓讀者達(dá)到一種“最佳體驗(yàn)”：即“當(dāng)人進(jìn)入一種全神貫注的狀態(tài)時(shí)，他會(huì)感到一切都水到渠成、信手拈來，不費(fèi)吹灰之力。”網(wǎng)頁的邏輯影響著網(wǎng)頁的審美，網(wǎng)頁的審美化又倒逼網(wǎng)頁不斷強(qiáng)化自身的邏輯性。endprint

4.1符合視覺規(guī)律

大多數(shù)網(wǎng)頁內(nèi)容的重要性的分布符合這樣一個(gè)規(guī)律：從左上角到右下角，呈現(xiàn)F型或扇形。也就是說，從左上角到右下角，內(nèi)容越來越不重要。這一視線運(yùn)動(dòng)特點(diǎn)在有關(guān)網(wǎng)頁設(shè)計(jì)的諸多文獻(xiàn)中都有提及或討論，此規(guī)律也符合用戶自上而下、自左而右的視覺流程。經(jīng)觀察，大多數(shù)的圖書館主頁都符合這一規(guī)律，如標(biāo)題和Logo總是在左上角；統(tǒng)一檢索框總是置于頁面中央或偏左上方；友情鏈接等非核心或次重要的功能總是在頁面的最底部。尤其互聯(lián)網(wǎng)早期的網(wǎng)站這一特征非常明顯。根據(jù)網(wǎng)頁要素的重要性進(jìn)行符合視覺規(guī)律地布局，讀者就可以自然依據(jù)直覺做出判斷?？的螤柎髮W(xué)圖書館早期的主頁這一特征尤其顯著（圖11-圖12），但2003年出現(xiàn)搜索引擎后，這一特征在逐漸淡化（圖13）。網(wǎng)頁也從早期的文字和鏈接為主，逐步開始有了布局審美，出現(xiàn)了主菜單和檢索框，鏈接增多，“加法”跡象明顯?！癆sk a Librarian”同時(shí)出現(xiàn)在主菜單和頁面左欄，強(qiáng)調(diào)了圖書館的咨詢服務(wù)，但最終只保留在主菜單里。伴隨全球信息化大發(fā)展，電腦硬件迭代速度加快，電腦屏幕越來越大。設(shè)計(jì)者意識(shí)到網(wǎng)頁幅面過小的尷尬，圖14中設(shè)置了全屏的背景圖。圖15中無論是布局還是配色都精細(xì)考究，顯現(xiàn)出審美化日臻成熟?？v橫幅面大幅增加，減法跡象明顯，鏈接明顯減少，主菜單經(jīng)反復(fù)調(diào)整后基本定型，邏輯性和兼容性強(qiáng)。大幅面的檢索框極大地改變了頁面的布局，具有強(qiáng)烈的設(shè)計(jì)色彩。相較于早期的康奈爾大學(xué)圖書館主頁，現(xiàn)在的主頁（圖16）給人的感覺是穩(wěn)重、大方、簡潔，舒適。這種感覺源于審美客體諸多要素的逐漸演變：內(nèi)容的取舍、版式的調(diào)整和布局的優(yōu)化，字體、間距和配色的不斷磨合，這些要素的演變脈絡(luò)顯現(xiàn)出設(shè)計(jì)者的審美日臻成熟。

4.2設(shè)計(jì)的自然演進(jìn)

如果你的抽屜里還有第一代的iPhone手機(jī)或者小米手機(jī)，不妨拿出來和現(xiàn)在的手機(jī)比較一下，你會(huì)發(fā)現(xiàn)，新一代的手機(jī)總是更加好用。除去技術(shù)進(jìn)步的因素，在手機(jī)長期的使用過程中，經(jīng)過每個(gè)人無數(shù)次地操作，絕大部分人最終會(huì)趨向于一個(gè)固定的使用習(xí)慣，這種習(xí)慣促使更新一代的手機(jī)按鍵回歸到它最合適的地方（一個(gè)顯而易見的例子是，早一代的某些手機(jī)電源鍵設(shè)置在手機(jī)頂部，大大增加了單手操作導(dǎo)致手機(jī)脫手的風(fēng)險(xiǎn)），而非必須的按鍵就會(huì)被淘汰，這也讓所有品牌的手機(jī)工業(yè)設(shè)計(jì)也趨于一致。這就像是自然選擇和演進(jìn)。這種自然的演進(jìn)反映在網(wǎng)頁設(shè)計(jì)上，就是網(wǎng)頁構(gòu)成要素和形式要素的自然而然的優(yōu)化調(diào)整。絕大多數(shù)主頁的標(biāo)題下方都有主菜單，登錄框往往在左上角或者右上角等。這也符合讀者的期望路徑。我們經(jīng)常會(huì)在公園里看到人們?cè)诓萜荷献叱鰜淼男〉?，那并非人們的錯(cuò)，而是大家本能似地走出來的期望路徑或者叫愿望線。人們之所以沒有走設(shè)計(jì)好的石子路，就是因?yàn)樵O(shè)計(jì)者和使用者的期望錯(cuò)了位。這種錯(cuò)位，或者是喧賓奪主，會(huì)浪費(fèi)讀者的時(shí)間，也會(huì)增加圖書館和讀者交互的成本。以主菜單的演變?yōu)槔?，從圖13—16中可以看出，康奈爾大學(xué)圖書館主頁在2003年開始出現(xiàn)主菜單，幾經(jīng)演變，最終保留了“Home、About Us、Li-braries and Hours、Ask a Librarian，Help、My Ac-count”等最常用的幾個(gè)鏈接。

4.3讓網(wǎng)頁更具層次

鏈接的目標(biāo)通常是網(wǎng)頁。鏈接是放在主頁，還是放在二級(jí)、三級(jí)等頁面，要遵守需求決定的原則。即首先是假設(shè)鏈接是次重要的、次需要的，除非有足夠的理由，才謹(jǐn)慎地將其從低一級(jí)的頁面提到高一級(jí)的頁面，直至放置到主頁面。整個(gè)網(wǎng)站就會(huì)逐漸呈現(xiàn)具有審慎意味的邏輯層次。另外，把頁面鏈接用具體而不是籠統(tǒng)、具象而不是抽象、明確而不是兩可、單一而不是復(fù)雜的用語清晰地表義，同時(shí)做好歸類便于讀者需要時(shí)能按照正常的邏輯去發(fā)現(xiàn)?；?qū)㈥P(guān)系緊密的鏈接聚集在一起，或通過頁邊相關(guān)鏈接或文中的超級(jí)鏈接將主題延伸，從而優(yōu)化導(dǎo)航體系，有助于讀者集中注意力，感知到內(nèi)在的指引和信息的流動(dòng)，讓信息需求引導(dǎo)讀者跟隨設(shè)計(jì)者的思路去探索和發(fā)現(xiàn)。

圖17為典型的信息堆砌與羅列，缺乏層次與邏輯，影響了信息的表達(dá)和讀者的體驗(yàn)。新版網(wǎng)站中，重新組織了頁面層次，如將與本館相關(guān)的所有介紹降級(jí)為二級(jí)頁面，以突出資源與服務(wù)。

4.4以解決問題為導(dǎo)向

細(xì)細(xì)考慮每個(gè)鏈接的相互關(guān)系，將其以解決問題為導(dǎo)向優(yōu)化組合成一個(gè)功能區(qū)，要優(yōu)于粗糙地羅列。比較典型的就是檢索框，將有因果關(guān)系、互補(bǔ)關(guān)系、邏輯關(guān)系、相關(guān)關(guān)系、隸屬關(guān)系的鏈接圍繞一個(gè)問題或主題進(jìn)行布局或呈現(xiàn)，是涉及到為讀者提供深層服務(wù)的一種體現(xiàn)。比如，館藏查詢，通常是館藏書刊目錄的查詢，把與此互補(bǔ)與延伸的館際互借服務(wù)聚集于此，符合邏輯。通過占據(jù)一定的空間，按重要性程度多向度排列，避免羅列。北京科技大學(xué)等國內(nèi)很多圖書館的主頁，都是傳統(tǒng)的、典型的以羅列為特點(diǎn)的布局形式，這種設(shè)計(jì)不易區(qū)分要素的主次。

5形態(tài)要素和構(gòu)成要素的審美變化

網(wǎng)頁設(shè)計(jì)的構(gòu)成要素是指將形態(tài)要素進(jìn)行組合的形式法則及藝術(shù)規(guī)律。構(gòu)成要素包括版式設(shè)計(jì)、導(dǎo)航設(shè)計(jì)和色彩設(shè)計(jì)。其中版式設(shè)計(jì)“決定了網(wǎng)頁的藝術(shù)風(fēng)格和個(gè)性特征，并以視覺配置為手段影響著網(wǎng)頁頁面之間導(dǎo)航的方向性以吸引瀏覽者注意力來增強(qiáng)網(wǎng)頁內(nèi)容的表達(dá)?！毙螒B(tài)要素通過版式設(shè)計(jì)，會(huì)形成特定的相互關(guān)系，這種關(guān)系傳遞出的信息要大于要素本身所具信息之和。版式設(shè)計(jì)在很大程度上決定了用戶對(duì)網(wǎng)頁的效用和整體的視覺印象。形態(tài)要素和構(gòu)成要素在設(shè)計(jì)上的改變涉及無窮的細(xì)節(jié)，如沈奎林等在《淺談高校圖書館網(wǎng)站基于用戶體驗(yàn)的Web界面細(xì)節(jié)設(shè)計(jì)》等著重探討了網(wǎng)頁設(shè)計(jì)的諸多細(xì)節(jié)。上文中康奈爾大學(xué)圖書館主頁的演變，也可以直觀地看出圖書館對(duì)網(wǎng)頁設(shè)計(jì)審美的變化，這里簡要探討當(dāng)前若干易被讀者察覺的一些設(shè)計(jì)特點(diǎn)，也是很多設(shè)計(jì)精良的網(wǎng)頁具有的共同特點(diǎn)。

5.1加大網(wǎng)頁的幅面

當(dāng)前，各類顯示終端的屏幕分辨率越來越大，常見的也是主流的桌面電腦顯示器為19英寸屏幕，方屏樣式分辨率為1280像素*1024像素，寬屏樣式分辨率為1440像素*900像素。更大尺寸的顯示器的分辨率則更高，即使是筆記本電腦，13英寸的筆記本分辨率也不低于1440像素*900像素。更大的分辨率意味著更大的網(wǎng)頁幅面，網(wǎng)頁設(shè)計(jì)者擁有更多的空間去展現(xiàn)內(nèi)容。于是越來越多的網(wǎng)站開始將頁面主體寬度和長度加寬加長，以適應(yīng)越來越大的分辨率。較寬頁面，具有一定的代表性。寬頁面多超過1100像素，但小于1280像素，以避免在主流的1280像素*1024像素顯示器上出現(xiàn)橫向滾動(dòng)條。國外大學(xué)圖書館網(wǎng)站除了頁面寬，頁面長度也大，其中不列顛哥倫比亞大學(xué)圖書館頁面長度達(dá)到3219像素。明尼蘇達(dá)大學(xué)圖書館的主頁（圖19）除了有大量的空白，還有大量的內(nèi)容：開館時(shí)間的安排，對(duì)功能的解釋，對(duì)圖書的推薦介紹甚至是圖書館活動(dòng)內(nèi)容的介紹。相較早期網(wǎng)站的局促和逼仄，更寬更長的頁面幅面更有張力，頁面布局更從容不迫，頁面元素更多元化，視覺上更加舒適，同時(shí)能夠容納更多的內(nèi)容。endprint

5.2突出檢索框

谷歌搜索引擎誕生后，很快就取代了風(fēng)行一時(shí)的雅虎分類體系。檢索框的出現(xiàn)，也改變了網(wǎng)頁信息構(gòu)建的特點(diǎn)和規(guī)律。圖15-16可以看出，圖書館主頁檢索框的出現(xiàn)，極大地改變了圖書館主頁的整體面貌，也深刻影響了主頁設(shè)計(jì)的審美取向。尤其是對(duì)于存儲(chǔ)海量信息的圖書館來說，檢索框部分是頁面中最重要的功能版塊，是整個(gè)頁面的邏輯中心，讀者的大部分信息需求應(yīng)該由檢索框來響應(yīng)和滿足。尤其發(fā)現(xiàn)系統(tǒng)整合了各類資源，對(duì)元數(shù)據(jù)進(jìn)行分類、聚合與分面，賦予檢索框更多的意義和更重的分量。檢索框在整個(gè)頁面上需要濃墨重彩地著重打扮：加大幅面，設(shè)置背景圖等。另外，以解決讀者信息需求和問題為導(dǎo)向，增加檢索項(xiàng)目和檢索項(xiàng)目的相關(guān)鏈接，對(duì)讀者進(jìn)行精細(xì)的思路引導(dǎo)。

圖18給人的整體視覺印象是既穩(wěn)定又不失活力，既理性又閃爍著感性，布局清晰有秩序。檢索框部分面積達(dá)到890*460像素，定期更換的背景圖形成的背景場(chǎng)起到了占據(jù)空間的作用，結(jié)合留白和聚散，形成了整個(gè)頁面的視覺中心，誘導(dǎo)讀者通過檢索快速獲取信息。具有半透明效果的png前景圖，使背景圖不完全顯示，引起讀者的好奇心，使之有進(jìn)一步了解的渴望，產(chǎn)生點(diǎn)擊動(dòng)作，進(jìn)入到圖片數(shù)據(jù)庫中。定期更換背景圖，也會(huì)減緩讀者的審美疲勞，同時(shí)也擴(kuò)展了圖書館資源展示的維度。

5.3要素的扁平化

近幾年，設(shè)計(jì)領(lǐng)域興起了扁平化之風(fēng)。操作系統(tǒng)、網(wǎng)站頁面、手機(jī)UI、APP圖標(biāo)、PPT演示等應(yīng)用都有表現(xiàn)。扁平化是極簡主義思維在操作層面上的表現(xiàn)，這里，主要是指要素在視覺形式上的扁平化設(shè)計(jì)。相對(duì)傳統(tǒng)設(shè)計(jì)的濃墨重彩，扁平化摒棄了華麗的裝飾，追求單一、純粹的表現(xiàn)，具有“天然去雕飾”的樸素典雅，讓人視覺安靜、心里平靜。具體而言，就是用點(diǎn)代替線，用線代替面，用面代替立體，要素設(shè)計(jì)講究少、小、細(xì)、淺、平、淡，整體視覺上顯得輕盈、淡雅、飄逸、靈動(dòng)，頗具風(fēng)格，見圖7、圖20。5.4要素的精細(xì)化

2016年6月，小米手機(jī)即將發(fā)布MIU18版本，該版本采用了小米蘭亭字體。小米公司與方正合作，經(jīng)過18個(gè)月的精心打磨，從中宮調(diào)整，到重心設(shè)計(jì)，根據(jù)移動(dòng)互聯(lián)網(wǎng)的展示和閱讀特性對(duì)新字體做了細(xì)致的設(shè)計(jì)。如果比較單個(gè)漢字，幾乎看不出小米蘭亭與微軟雅黑有何不同，但是當(dāng)漢字呈整齊的線性排列，讀者的閱讀體驗(yàn)就會(huì)發(fā)生變化，尤其是對(duì)于心細(xì)敏感的讀者來說，舒適的文字能夠讓他們感到妙不可言的愉悅。文字是網(wǎng)頁上最重要的形態(tài)要素，是信息的主要承載者，越來越多的網(wǎng)站開始采用雅黑字體作為網(wǎng)頁的主要顯示字體。字體的變化，顯示出圖書館對(duì)要素的精細(xì)化的要求，注重讀者在視覺上的細(xì)致入微的體驗(yàn)。

5.5直接呈現(xiàn)內(nèi)容

國內(nèi)的網(wǎng)站，極少有在主頁上放置成行甚至成段的文字、圖片、頭像等。然而，國外不少大學(xué)大圖書館網(wǎng)站，在主頁上直接顯示新聞、博客的圖文內(nèi)容，或者相關(guān)功能的文字介紹，以及有關(guān)閱讀推廣的內(nèi)容，甚至放置館員或讀者的頭像，這種做法一改圖書館網(wǎng)站的刻板印象，給人撲面而來的親和力。這些內(nèi)容主要有：

●館員的頭像及其博文的內(nèi)容；

●圖書館各種活動(dòng)場(chǎng)景的照片；

●推薦的圖書、圖片的圖文介紹；

●閱讀推廣的圖文內(nèi)容；

●讀者閱讀或者交談的照片；

●關(guān)于搜索框或者鏈接的注釋；

●圖書館新聞或事記的摘要；

●開放時(shí)間的具體內(nèi)容。

如此顯現(xiàn)一種具有雜志風(fēng)格的平衡和均衡之美，如圖19，也給網(wǎng)頁增添了些許媒介的特質(zhì)，一下就拉近了圖書館與讀者的距離。也正是上文闡述的減法思維，才讓網(wǎng)頁的豐富性得以彰顯。

5.6不吝運(yùn)用色彩

“現(xiàn)代生理學(xué)和心理學(xué)表明，色彩不僅能引起人們大小、輕重、冷暖、膨脹、收縮、前進(jìn)、遠(yuǎn)近等物理心理感覺，而且能夠喚起人們不同的情感聯(lián)想，因?yàn)椴煌纳氏嗯浜夏軌虍a(chǎn)生熱烈興奮、還清喜悅、華麗富貴、樸素大方等不同的情調(diào)?！蓖ㄟ^對(duì)一些國際知名大學(xué)圖書館的網(wǎng)站的觀察，發(fā)現(xiàn)其敢于也善于運(yùn)用色彩，尤其是在頁面頂部、底部的大幅面的色塊，使網(wǎng)頁具有很強(qiáng)的感染力，國內(nèi)大學(xué)圖書館網(wǎng)站則鮮有這種運(yùn)用。這些顏色大多為純色，頂部多為紅色等積極、活潑的暖色，底部多位黑、灰、藍(lán)等冷靜、沉穩(wěn)的冷色。簡要來說，色彩、色塊具有以下幾種作用：①使頁面顯得穩(wěn)定、沉穩(wěn)、厚重。②分割頁面、區(qū)分功能區(qū)域，改善頁面的結(jié)構(gòu)。③使頁面更具活力和美感，營造網(wǎng)頁的主色調(diào)。④運(yùn)用色彩的情感作用，影響用戶的心理、生理和感知。善于運(yùn)用色彩，是對(duì)設(shè)計(jì)人員思想成熟度的反映與考驗(yàn)。

6富有兼容性成就移動(dòng)顯示的審美化

移動(dòng)互聯(lián)網(wǎng)的迅速發(fā)展，深刻地改變了社會(huì)信息化進(jìn)一步發(fā)展的存在形態(tài)，影響廣泛而深遠(yuǎn)，折射出信息社會(huì)的迅速發(fā)展變化。技術(shù)的進(jìn)步總是超乎人們的意料，也更加影響網(wǎng)頁的表現(xiàn)形式，圖書館網(wǎng)站需要適應(yīng)各種形式的信息展示途徑。以北京第二外國語學(xué)院圖書館為例，圖書館集成管理系統(tǒng)、知識(shí)發(fā)現(xiàn)系統(tǒng)、校外訪問系統(tǒng)、學(xué)位論文系統(tǒng)等相關(guān)系統(tǒng)的不斷升級(jí)促使圖書館網(wǎng)站不得不做出相應(yīng)調(diào)整和完善，涉及到內(nèi)核、安全、功能、內(nèi)容、風(fēng)格、樣式等多個(gè)方面。圖書館網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計(jì)，應(yīng)該是一個(gè)系統(tǒng)的、全面的軟件建設(shè)項(xiàng)目，既要考慮網(wǎng)站系統(tǒng)與其他系統(tǒng)的對(duì)接和交互問題，也要考慮到網(wǎng)頁對(duì)各種環(huán)境的兼容性等問題。

首先是采用響應(yīng)式Web設(shè)計(jì)?！绊憫?yīng)式Web設(shè)計(jì)（Responsive Web Design）的理念是：集中創(chuàng)建頁面的圖片排版大小，可以智能地根據(jù)用戶行為以及使用的設(shè)備環(huán)境（系統(tǒng)平臺(tái)、屏幕尺寸、屏幕定向等）進(jìn)行相對(duì)應(yīng)的布局?！表憫?yīng)式網(wǎng)頁設(shè)計(jì)的出現(xiàn)，除了需要適應(yīng)不同顯示器大小和瀏覽器窗口大小外，很大程度上是因?yàn)樾枰m應(yīng)移動(dòng)設(shè)備的顯示環(huán)境。以手機(jī)為例，據(jù)《第37次中國互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告》，截至2015年12月，我國手機(jī)網(wǎng)民規(guī)模達(dá)6.2億，有90.1%的網(wǎng)民通過手機(jī)上網(wǎng)。只使用手機(jī)上網(wǎng)的網(wǎng)民達(dá)到1.27億人，占整體網(wǎng)民規(guī)模的18.5%?？梢哉f，未來屬于移動(dòng)設(shè)備。響應(yīng)式網(wǎng)頁設(shè)計(jì)使網(wǎng)頁富有彈性，當(dāng)網(wǎng)頁遇到不同的顯示環(huán)境時(shí)，能動(dòng)態(tài)調(diào)整布局和圖片大小，從而給用戶呈現(xiàn)最舒適的顯示效果和觸控反饋。當(dāng)前，網(wǎng)頁對(duì)移動(dòng)設(shè)備的適應(yīng)性有以下幾個(gè)方面：endprint

●各類移動(dòng)瀏覽器直接解析普通網(wǎng)站網(wǎng)頁。

●建設(shè)WAP移動(dòng)版網(wǎng)站，以適應(yīng)移動(dòng)設(shè)備瀏覽器的顯示。

●基于HTML5的自適應(yīng)網(wǎng)頁設(shè)計(jì)（如適合微信傳播的專題頁面）。

圖20在1920*1080像素手機(jī)的UC瀏覽器中顯示的效果，頁面淡雅，視覺舒適；檢索框幅面略小。在不放大的情況下，可以完成檢索等各種觸控操作。良好的移動(dòng)設(shè)備兼容性成就了移動(dòng)顯示的審美化。

其次是減少瀏覽器兼容性問題。瀏覽器及其版本（包括32位和64位的區(qū)別）的多元化，導(dǎo)致現(xiàn)有網(wǎng)站或網(wǎng)頁存在瀏覽器兼容性問題，而差異性主要在于Chrome、IE8.O、更高或更低版本的IE以及其他瀏覽器之間，并且差異性非常大，涉及大量的代碼格式?！耙?yàn)椴煌瑸g覽器使用內(nèi)核及所支持的HT-ML等網(wǎng)頁語言標(biāo)準(zhǔn)不同；以及用戶客戶端的環(huán)境不同（如分辨率不同）造成的顯示效果不能達(dá)到理想效果。”另外，一些鏈接、按鈕的點(diǎn)擊以及回車鍵對(duì)于登錄、檢索等事件的響應(yīng)方面也存在兼容性問題。比如在CSS文件中，字體樣式可以寫為“font-family：微軟雅黑”，而aspx文件中，必須寫成“font-family：Microsoft Yahei”。再如IE和非IE瀏覽器對(duì)“margin”的解析差異就非常典型，在非IE瀏覽器中要實(shí)現(xiàn)元素水平居中，需要定義"margin"為“0 au-to”。中央民族大學(xué)圖書館主頁就因?yàn)槿帧癿ar-gin”的值缺少一個(gè)“auto”導(dǎo)致頁面頂部、中部和底部出現(xiàn)了明顯的錯(cuò)位。

要解決瀏覽器兼容性問題，首先要把設(shè)計(jì)語言升級(jí)到最新的版本。通常最新的CMS都遵循HT-ML5、CSS3等最新的技術(shù)標(biāo)準(zhǔn)，很大程度上減少了兼容性問題的產(chǎn)生。另外，在設(shè)計(jì)和開發(fā)過程中，要時(shí)常用不同版本的IE和非IE環(huán)境對(duì)網(wǎng)頁進(jìn)行對(duì)比調(diào)試，尤其是注意網(wǎng)站與其他應(yīng)用系統(tǒng)交互的環(huán)節(jié)。還可以通過W3C的免費(fèi)在線服務(wù)（http：//jigsaw.w3.org/css-validator/），隨時(shí)檢查網(wǎng)站的CSS，及時(shí)修正錯(cuò)誤或不規(guī)范的代碼。

7結(jié)語

從北京大學(xué)和康奈爾大學(xué)圖書館的發(fā)展變化中可以看出，本世紀(jì)初開始，圖書館的審美化傾向發(fā)展迅速。審美化發(fā)展前后期的形態(tài)要素與構(gòu)成要素的主要變化如下如表2。

國內(nèi)外大學(xué)網(wǎng)站及大學(xué)圖書館網(wǎng)站都試圖擺脫拘泥古板的視覺窠臼，尤其是國外大學(xué)圖書館的網(wǎng)站，無論是配色、版式還是風(fēng)格，相較而言更富有個(gè)性，不但對(duì)讀者，也對(duì)其他網(wǎng)站設(shè)計(jì)者的社會(huì)心理和審美習(xí)慣產(chǎn)生了較大的影響?？偠灾W(wǎng)頁設(shè)計(jì)要脫穎而出，館員需要在三個(gè)維度上發(fā)力：效用、表現(xiàn)和情感，而立足點(diǎn)是讀者心理，他們對(duì)應(yīng)著讀者的三類認(rèn)知。如圖21所示。

不脫離內(nèi)在，更注重表象。王爾德的見解頗具意味：“只有表面的氣質(zhì)才能持久，深層的秉性很快就會(huì)被人看穿?！睆挠脩艚嵌瓤?，打開圖書館網(wǎng)站感受到頁面的美觀、簡潔、協(xié)調(diào)，界面友好，語言通俗，分類簡明，重點(diǎn)突出，能迅速獲得他們所需要的信息，找到他們通過別的途徑難以得到的文獻(xiàn)，就會(huì)產(chǎn)生欣喜不已的成就感，進(jìn)而產(chǎn)生對(duì)圖書館網(wǎng)站的信任感，繼續(xù)利用的熱情與信心就會(huì)油然而生并沉淀在心。這就是網(wǎng)頁審美化的終極意義。這要求圖書館具有藝術(shù)和人文思維，時(shí)時(shí)考慮、懂得并尊重讀者的心理，常懷詩意和遠(yuǎn)方。endprint