王勇+洪斌

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

關鍵詞圖書館網(wǎng)站 網(wǎng)站建設 網(wǎng)頁設計 網(wǎng)頁藝術設計 網(wǎng)頁設計的審美化

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

1圖書館網(wǎng)頁設計的審美意識

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

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

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

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

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

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

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

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

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

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

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

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

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

3.2不試圖取悅所有的讀者

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

3.3權衡功能與形式的關系

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

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

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

4.1符合視覺規(guī)律

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

4.2設計的自然演進

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

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

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

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

4.4以解決問題為導向

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

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

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

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

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

5.2突出檢索框

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

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

5.3要素的扁平化

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

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

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

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

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

●圖書館各種活動場景的照片；

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

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

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

●關于搜索框或者鏈接的注釋；

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

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

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

5.6不吝運用色彩

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

6富有兼容性成就移動顯示的審美化

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

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

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

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

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

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

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

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

7結(jié)語

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

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

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