邢修遠(yuǎn)

(浙江圖書(shū)館,浙江 杭州 310007)

〔作者信息〕邢修遠(yuǎn),女,助理館員。

圖書(shū)館網(wǎng)站建設(shè)與設(shè)計(jì)密不可分。多文化、多媒體資源的整合揭示,網(wǎng)站界面的生成描述,特色數(shù)據(jù)庫(kù)的策劃構(gòu)建,智能導(dǎo)航檢索系統(tǒng)的設(shè)想創(chuàng)意等等,無(wú)不倚重于設(shè)計(jì)的介入。設(shè)計(jì),蘊(yùn)含了諸多文化內(nèi)涵、學(xué)術(shù)品位和美學(xué)要素,貫穿于圖書(shū)館網(wǎng)站建設(shè)的整個(gè)過(guò)程,滲透于業(yè)務(wù)鏈的每個(gè)細(xì)節(jié)。

1 Internet網(wǎng)頁(yè)界面設(shè)計(jì)

1.1 Internet網(wǎng)頁(yè)界面設(shè)計(jì)的原則

鑒于網(wǎng)頁(yè)平面的特殊性,網(wǎng)頁(yè)界面設(shè)計(jì)應(yīng)遵循以下幾個(gè)基本原則：用戶導(dǎo)向原則(User Oriented)、KISS(Keep It Simple and Stupid)原則 、布局控制與視覺(jué)平衡原則、色彩搭配和文字的可閱讀性原則、和諧一致性原則以及個(gè)性化原則。

總的來(lái)說(shuō),界面設(shè)計(jì),是通過(guò)“現(xiàn)實(shí)的隱喻(Metaphor)”、“界面的一致性”、“所見(jiàn)即所得”、“及時(shí)直接的回饋與溝通”、“良好的容錯(cuò)性”等方法來(lái)讓使用者順利地在網(wǎng)頁(yè)中進(jìn)行操作,找到所有想要找的信息以達(dá)到自身的目的。它是一種提高使用效率的手段,同時(shí)也在這個(gè)過(guò)程中有意識(shí)地起著暗中引導(dǎo)的作用,使得“人”(瀏覽網(wǎng)頁(yè)的用戶)與“人”(網(wǎng)頁(yè)所屬的主體)通過(guò)“物”(被瀏覽的網(wǎng)頁(yè))這個(gè)橋梁互換信息從而得到良好的溝通。以此,主體一方能夠得到及時(shí)的用戶反饋從而可以通過(guò)改進(jìn)、完善界面來(lái)為使用者更好地服務(wù)。

1.2 成功的網(wǎng)站設(shè)計(jì)案例

現(xiàn)代圖書(shū)館發(fā)展的歷史可以看成是信息技術(shù)應(yīng)用的歷史。web2.0強(qiáng)調(diào)用戶體驗(yàn)和社會(huì)性,在此環(huán)境下,圖書(shū)館網(wǎng)站建設(shè)必然要通過(guò)一些新的技術(shù)途徑。

在應(yīng)用web2.0上比較成功的網(wǎng)站,比如國(guó)內(nèi)的豆瓣(www.douban.com)和國(guó)外的 flickr(www.flickr.com)。

豆瓣網(wǎng)是以分享讀書(shū)、電影、音樂(lè)、blog為價(jià)值的站點(diǎn),它的發(fā)展壯大正是基于使用者的互動(dòng),在與使用者息息相關(guān)的界面形式上,它清新、整潔、開(kāi)放,界面功能完整帶來(lái)了操作上的便捷,使得整個(gè)網(wǎng)站得以良性循環(huán)：界面的友好易操作—使用者的滿意—使用頻率的提高—網(wǎng)站內(nèi)容得以豐富健全—吸引更多的使用者。

所以圖書(shū)館網(wǎng)頁(yè)的發(fā)展必然趨向于一個(gè)互動(dòng)性、體驗(yàn)性的新思路,即讀者不僅僅能利用網(wǎng)絡(luò)來(lái)完成檢索咨詢、續(xù)借預(yù)約等功能,還可以把自己的觀點(diǎn),比如對(duì)一本書(shū)的評(píng)論、對(duì)圖書(shū)館采購(gòu)的建議,上傳到網(wǎng)絡(luò)上和圖書(shū)館員進(jìn)行溝通并且和其他讀者有所交流。這時(shí)候,圖書(shū)館網(wǎng)頁(yè)就成為了一個(gè)交流的平臺(tái),就像一個(gè)虛擬的閱覽室空間。運(yùn)用web2.0技術(shù)的優(yōu)秀的界面形式能使讀者因?yàn)楸还膭?lì)表達(dá)自我而感到自己主人公地位的提升,從而提高他們參與交流的積極性來(lái)形成與圖書(shū)館的良性互動(dòng),給整個(gè)圖書(shū)館的網(wǎng)站不斷地注入新的亮點(diǎn)。

2 當(dāng)前圖書(shū)館的Internet網(wǎng)頁(yè)界面狀況

綜觀國(guó)內(nèi)各公共圖書(shū)館網(wǎng)頁(yè)界面的現(xiàn)狀,整體水平堪憂。一是主觀上對(duì)界面設(shè)計(jì)的淡漠,忽視其重要性;二是客觀上整個(gè)設(shè)計(jì)界抄襲之風(fēng)肆意蔓延。造成各個(gè)圖書(shū)館網(wǎng)頁(yè)的形似,大都雷同,這樣在互聯(lián)網(wǎng)上就無(wú)法形成讀者對(duì)圖書(shū)館的認(rèn)同感,導(dǎo)致其對(duì)使用網(wǎng)站服務(wù)的滿意度降低甚至回避。好的網(wǎng)站應(yīng)該是吸引瀏覽者并且使其主動(dòng)參與。

2.1 當(dāng)前圖書(shū)館網(wǎng)頁(yè)存在的幾大問(wèn)題

2.1.1 缺乏圖書(shū)館特色

網(wǎng)站建設(shè)的“速食化”使得大部分圖書(shū)館網(wǎng)站既缺失圖書(shū)館的風(fēng)格,也失去自身文化的風(fēng)格。

圖書(shū)館有很多在歷史中沉淀下來(lái)的元素可以展示在網(wǎng)頁(yè)上,比如它的建筑變遷又或者是它的文化屬性和服務(wù)理念,其鮮明特點(diǎn)若加以突出足夠能與其他類(lèi)型的網(wǎng)站區(qū)別出特色。

2.1.2 功能區(qū)塊的布局不明朗

圖書(shū)館主頁(yè)上一般都有“新聞公告”、“新書(shū)推薦”、“檢索查詢”、“專(zhuān)題數(shù)據(jù)庫(kù)”等功能區(qū)塊,而是否合理地布置擺放將直接影響到讀者使用的便捷與否。筆者碰到過(guò)這樣的狀況,因?yàn)樵诰W(wǎng)站首頁(yè)上沒(méi)有找到續(xù)借的入口(實(shí)際存在于首頁(yè)面中,但是非常不醒目)而需出門(mén)到館續(xù)借,這不僅沒(méi)有帶來(lái)方便反而產(chǎn)生疏離感。

上海圖書(shū)館的的門(mén)戶首頁(yè)上把“網(wǎng)上聯(lián)合知識(shí)導(dǎo)航”和“網(wǎng)上續(xù)借入口”放在了醒目位置,而且以圖標(biāo)的形式把功能形象化,如“網(wǎng)上聯(lián)合知識(shí)導(dǎo)航”用了地球和放大鏡的圖標(biāo),真是“圖”簡(jiǎn)意賅。

2.1.3 缺乏藝術(shù)性

有些圖書(shū)館的門(mén)戶網(wǎng)頁(yè)上只是充斥了大量的信息,文字緊湊密集,沒(méi)有“留白”,這會(huì)給瀏覽網(wǎng)頁(yè)的讀者帶來(lái)“窒息”,影響使用。

多使用圖片、圖標(biāo),合理地規(guī)劃網(wǎng)頁(yè)空間以及色彩的設(shè)定都是提高網(wǎng)頁(yè)美感的解決辦法。中國(guó)國(guó)家圖書(shū)館用藍(lán)色作為基調(diào)來(lái)體現(xiàn)圖書(shū)館代表的學(xué)術(shù)理性和智慧追求,輔助各種圖標(biāo),整個(gè)布局寬敞明朗,帶來(lái)瀏覽的愉悅感。

2.2 專(zhuān)業(yè)的設(shè)計(jì)案例：成都圖書(shū)館

從設(shè)計(jì)的專(zhuān)業(yè)角度看,成都圖書(shū)館的網(wǎng)站(http ://www.cdclib.org/website/),別具風(fēng)韻 ,值得稱(chēng)道。理由有二,其一是整個(gè)網(wǎng)站風(fēng)格飽含風(fēng)雅古韻,結(jié)合了圖書(shū)館文化和地域?qū)傩?其二是它的功能模塊區(qū)域的位置。Banner條分工明確,公告欄呈現(xiàn)動(dòng)態(tài)新聞,在網(wǎng)頁(yè)右側(cè)有很醒目的檢索查詢模塊,劃分成“書(shū)目檢索”、“聯(lián)合目錄”、“新書(shū)通告”、“音像檢索”、“預(yù)約續(xù)借”,這是讀者最常用的幾個(gè)功能。圖書(shū)館的專(zhuān)題數(shù)據(jù)庫(kù)也很突出,并且每個(gè)數(shù)據(jù)庫(kù)都根據(jù)其特點(diǎn)設(shè)計(jì)相應(yīng)的界面風(fēng)格,比如“蜀風(fēng)雅韻專(zhuān)題”古典優(yōu)雅,“國(guó)際古琴節(jié)專(zhuān)題”大氣,還配上古琴的背景音效,這就運(yùn)用了多媒體的特性,能更形象地提供感官體驗(yàn)從而更好地去理解主題?！扒嗌倌陜和破罩啊鄙拭骺旎顫?用了具象的圖標(biāo)和動(dòng)態(tài)的文字,整體充滿趣味性,具有吸引力。

3 把設(shè)計(jì)運(yùn)用于圖書(shū)館網(wǎng)站建設(shè)的方法及實(shí)例

3.1 界面設(shè)計(jì)方法

圖書(shū)館網(wǎng)站應(yīng)該是以讀者的需求為中心來(lái)進(jìn)行設(shè)計(jì),這就需要對(duì)讀者瀏覽網(wǎng)頁(yè)的習(xí)慣、使用目的等方面進(jìn)行研究評(píng)估,結(jié)合人機(jī)工程學(xué)的研究成果,來(lái)進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)。

在布局上：網(wǎng)頁(yè)界面的布局指的是在一個(gè)限定面積范圍內(nèi)合理安排圖形圖像和文字的位置,將零亂的頁(yè)面、混雜的內(nèi)容依整體布局的需要進(jìn)行分組歸納,進(jìn)行具有內(nèi)在聯(lián)系的組織排列,反復(fù)推敲文字、圖形和空間位置的關(guān)系,使瀏覽者有一個(gè)流暢的視覺(jué)體驗(yàn)。在布局過(guò)程中,可以遵循以下原則：疏密、對(duì)比、呼應(yīng)、平衡。

在色彩上：網(wǎng)站給人的第一印象來(lái)自視覺(jué)沖擊,確定網(wǎng)站的標(biāo)準(zhǔn)色是相當(dāng)重要的一步。不同的色彩搭配產(chǎn)生不同的效果,并可能影響到訪問(wèn)者的情緒。網(wǎng)頁(yè)色彩搭配應(yīng)遵循合理性、獨(dú)特性、藝術(shù)性的原則。

3.2 實(shí)例：歷代名人圖像數(shù)據(jù)庫(kù)

筆者參與了浙江圖書(shū)館趙達(dá)雄先生主編的《歷代人物圖像數(shù)據(jù)庫(kù)》的界面設(shè)計(jì)。因?yàn)閿?shù)據(jù)庫(kù)以清以前歷代人物圖像為主體,整體風(fēng)格的構(gòu)思,在保證易用性的基礎(chǔ)上力圖使界面呈現(xiàn)出“歷史感”：一幅古典人物長(zhǎng)卷作頂,用龍紋底圖以及錦緞紋理來(lái)做背景,邊框采用了古式家具的門(mén)窗回紋圖案,圖標(biāo)設(shè)計(jì)中(左右箭頭、放大、打印)融和了毛筆筆觸做出了書(shū)法感,頁(yè)面中加入了印章元素等。在選用字體的時(shí)候,具有功能性、標(biāo)志性的文字采用了楷書(shū)和隸書(shū),而人物介紹等閱讀性的文字還是繼續(xù)用宋體。

界面設(shè)計(jì)在圖書(shū)館網(wǎng)站中具有重要性,因其能夠規(guī)整整個(gè)圖書(shū)館網(wǎng)站,使得它合理地被讀者利用。而宗旨還是在于更好地服務(wù)讀者,幫助他們最大限度地來(lái)使用圖書(shū)館資源并且保證其方便、高效、愉快。

〔1〕王受之.世界現(xiàn)代設(shè)計(jì)史.北京：新世紀(jì)出版社,2001

〔2〕魯曉波,詹炳宏.數(shù)字圖形界面藝術(shù)設(shè)計(jì).北京：清華大學(xué)出版社,2006

〔3〕羅仕鑒,朱上上,孫守遷.人機(jī)界面設(shè)計(jì).北京：機(jī)械工業(yè)出版社,2002

〔4〕霍克曼.一目了然 Web軟件顯性設(shè)計(jì)之路.北京：機(jī)械工業(yè)出版社,2008

〔5〕許喜華.工業(yè)造型設(shè)計(jì).杭州：浙江大學(xué)出版社,1986

〔6〕黃艷群等.設(shè)計(jì)?人機(jī)界面.北京：北京理工大學(xué)出版社,2007

〔7〕黃百川.論21世紀(jì)我國(guó)公共圖書(shū)館服務(wù)的發(fā)展趨勢(shì)〔J〕.圖書(shū)館論壇,2005(4)