文/華東師范大學(xué)檔案館 楊婷

網(wǎng)上檔案展覽的制作實(shí)踐及反思

文/華東師范大學(xué)檔案館 楊婷

網(wǎng)上檔案展覽是檔案文化傳播的重要途徑，本文以制作網(wǎng)上展覽的實(shí)踐為依據(jù)，總結(jié)了設(shè)計(jì)制作網(wǎng)上展覽所應(yīng)遵循的原則和流程，提出用戶中心設(shè)計(jì)、響應(yīng)式布局以及新媒體等技術(shù)理念的運(yùn)用有助于檔案文化的傳播。

網(wǎng)上展覽；設(shè)計(jì)制作；原則；流程

檔案文化傳播是檔案工作服務(wù)于社會(huì)的重要形式，舉辦展覽是傳播檔案文化的重要途徑，是檔案管理部門(mén)依據(jù)獨(dú)有的館藏資源優(yōu)勢(shì)，發(fā)揮宣傳教育作用的重要渠道。高校檔案館存有豐富的校史檔案，對(duì)于此類檔案的編研開(kāi)發(fā)有利于發(fā)揮咨政育人的作用，有利于構(gòu)建濃郁的校園文化氛圍。傳統(tǒng)的檔案展覽如圖片展、實(shí)物展，囿于時(shí)空、天氣等因素的限制，傳播效力受到局限，而以多媒體形式呈現(xiàn)的網(wǎng)上展覽，傳播范圍廣、傳播速度快、受眾人群也較多。

劉佛年，著名教育家、教育學(xué)家，華東師范大學(xué)前任校長(zhǎng)。為紀(jì)念其百年誕辰，華東師范大學(xué)檔案館舉辦了劉佛年百年誕辰圖片展與實(shí)物展，同時(shí)發(fā)布網(wǎng)上展覽，本文以制作《風(fēng)范長(zhǎng)存 澤被后世——紀(jì)念劉佛年百年誕辰圖片展》網(wǎng)上展覽的實(shí)踐為例，探討設(shè)計(jì)制作一個(gè)網(wǎng)上檔案展覽的流程。

一、設(shè)計(jì)制作原則

（一）專題性。展覽總是圍繞某一特定主題開(kāi)展的，專題性的體現(xiàn)主要在于內(nèi)容的組織和網(wǎng)頁(yè)的統(tǒng)一風(fēng)格設(shè)計(jì)。通常展覽的內(nèi)容信息量較大，單獨(dú)一個(gè)頁(yè)面無(wú)法全部囊括，內(nèi)容的組織就是將內(nèi)容進(jìn)行劃分，由多個(gè)互為關(guān)聯(lián)的頁(yè)面呈現(xiàn)。統(tǒng)一設(shè)計(jì)風(fēng)格是指頁(yè)面布局和色彩運(yùn)用要一致，否則即便內(nèi)容相關(guān)，頁(yè)面跳轉(zhuǎn)也會(huì)使觀感出現(xiàn)斷層。

（二）藝術(shù)性。網(wǎng)上展覽相比較傳統(tǒng)展覽而言，藝術(shù)特性的體現(xiàn)主要在于多媒體技術(shù)的運(yùn)用，多媒體技術(shù)通過(guò)圖片、聲像、動(dòng)畫(huà)來(lái)展示信息，這就需要通過(guò)設(shè)計(jì)環(huán)節(jié)把控專題網(wǎng)站的藝術(shù)表現(xiàn)形式，通過(guò)排版突出展覽內(nèi)容信息，通過(guò)色彩運(yùn)用渲染展覽所要傳達(dá)的情感氛圍，通過(guò)聲像動(dòng)畫(huà)使信息的呈現(xiàn)增加生動(dòng)化。

（三）用戶中心設(shè)計(jì)。用戶中心設(shè)計(jì)是指在設(shè)計(jì)互聯(lián)網(wǎng)產(chǎn)品時(shí)，從用戶的需求和用戶的感受出發(fā)，圍繞用戶為中心設(shè)計(jì)產(chǎn)品，而不是讓用戶去適應(yīng)產(chǎn)品，無(wú)論產(chǎn)品的使用流程、產(chǎn)品的信息架構(gòu)、人機(jī)交互方式等，都需要考慮用戶的使用習(xí)慣、預(yù)期的交互方式、視覺(jué)感受等方面。用戶中心設(shè)計(jì)思想體現(xiàn)在網(wǎng)上檔案展覽中的具體做法是為參觀者設(shè)計(jì)清晰明確的導(dǎo)航、沉浸式的語(yǔ)音解說(shuō)、隨時(shí)可獲取的延伸閱讀、以及習(xí)慣性的鼠標(biāo)鍵盤(pán)操作等。

二、設(shè)計(jì)制作流程

（一）原型設(shè)計(jì)。首先是信息架構(gòu)，即對(duì)展覽內(nèi)容的分類整理，梳理展覽內(nèi)容之間的邏輯關(guān)系，規(guī)劃有多少頁(yè)面，每個(gè)頁(yè)面呈現(xiàn)哪些信息。經(jīng)梳理，對(duì)于華東師大范大學(xué)主要?jiǎng)?chuàng)建者之一也是前任校長(zhǎng)劉佛年的生平簡(jiǎn)介，可以從青年時(shí)代劉佛年、教務(wù)長(zhǎng)劉佛年、校長(zhǎng)劉佛年、教育家劉佛年、共產(chǎn)黨人劉佛年幾個(gè)方面分別展開(kāi)，以還原一個(gè)立體全面的人物形象，其言論對(duì)于學(xué)校的建設(shè)至今仍然具有指導(dǎo)意義，可作為一個(gè)獨(dú)立單元。其次是布局結(jié)構(gòu)設(shè)計(jì)。即對(duì)網(wǎng)頁(yè)上標(biāo)題、導(dǎo)航、內(nèi)容板塊、頁(yè)腳等的位置進(jìn)行規(guī)劃。傳統(tǒng)網(wǎng)頁(yè)設(shè)計(jì)的布局是固定的，主要為計(jì)算機(jī)顯示器而設(shè)計(jì)。隨著移動(dòng)技術(shù)的迅速普及和發(fā)展，越來(lái)越多的人通過(guò)不同設(shè)備來(lái)瀏覽網(wǎng)頁(yè)。為了便于使用不同設(shè)備的用戶訪問(wèn)，經(jīng)常需要針對(duì)不同設(shè)備進(jìn)行不同的網(wǎng)頁(yè)設(shè)計(jì)，不但費(fèi)時(shí)費(fèi)力，而且不同界面容易造成用戶體驗(yàn)的不一致，于是響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的理念應(yīng)運(yùn)而生。其設(shè)計(jì)思想是P C、手機(jī)、平板等設(shè)備訪問(wèn)同一頁(yè)面，該網(wǎng)頁(yè)能夠根據(jù)設(shè)備操作系統(tǒng)、屏幕分辨率以及屏幕方向的不同對(duì)頁(yè)面布局進(jìn)行響應(yīng)和調(diào)整。編碼時(shí)，利用h t m l 5的流動(dòng)式布局、媒體查詢、響應(yīng)式內(nèi)容等技巧，使電腦、手機(jī)和平板訪問(wèn)同一鏈接時(shí)獲得不同的表現(xiàn)效果，給參觀者提供同樣良好的用戶體驗(yàn)?；趦?nèi)容的梳理，可以發(fā)現(xiàn)劉佛年圖片展的網(wǎng)頁(yè)主要包括三個(gè)界面設(shè)計(jì)任務(wù)：首頁(yè)、目錄頁(yè)以及詳情頁(yè)。其中，首頁(yè)需要突出人物照片和展覽標(biāo)題以擴(kuò)大傳播效果；目錄頁(yè)需要運(yùn)用直接簡(jiǎn)潔的導(dǎo)航使參觀者對(duì)于展覽的結(jié)構(gòu)脈絡(luò)大致了解；詳情頁(yè)的設(shè)計(jì)則要盡可能展現(xiàn)豐富的史料，同時(shí)盡可能設(shè)計(jì)成符合人們觀展習(xí)慣的布局，因此本次網(wǎng)上展覽的詳情頁(yè)試圖模仿一面展覽墻的樣式，通過(guò)鼠標(biāo)滾輪左右平移展覽內(nèi)容實(shí)現(xiàn)視覺(jué)上的移動(dòng)。

（二）界面設(shè)計(jì)。界面設(shè)計(jì)主要通過(guò)繪制設(shè)計(jì)稿實(shí)現(xiàn)，可以利用Photoshop、Iillustrator以及Firework等軟件，其強(qiáng)大的圖文編輯能力可以幫助將理念落實(shí)成具象的文件，同時(shí)它還是網(wǎng)站制作過(guò)程中所需圖片的來(lái)源。

（三）交互設(shè)計(jì)。有互動(dòng)的網(wǎng)上展覽會(huì)給參觀者留下更加良好的體驗(yàn)，交互設(shè)計(jì)就是對(duì)人和網(wǎng)站之間的互動(dòng)進(jìn)行設(shè)計(jì)，也是體現(xiàn)用戶中心設(shè)計(jì)原則的重要環(huán)節(jié)之一。從大的方面來(lái)說(shuō)，可以為參觀者設(shè)計(jì)一條參觀的線路，即通過(guò)明確的導(dǎo)航以及流暢的跳轉(zhuǎn)引導(dǎo)參觀者瀏覽網(wǎng)站的順序；小的方面來(lái)說(shuō)，點(diǎn)擊呈現(xiàn)精美的文字或聲音解說(shuō)，在適當(dāng)?shù)牡胤皆O(shè)置擴(kuò)展閱讀的鏈接，通過(guò)鼠標(biāo)滾輪縮放圖片，留言互動(dòng)等都是交互設(shè)計(jì)考慮的內(nèi)容。

（四）制作測(cè)試。制作頁(yè)面的首要工作是對(duì)設(shè)計(jì)稿進(jìn)行切片，也就是對(duì)設(shè)計(jì)稿圖片進(jìn)行裁剪切割，為編寫(xiě)代碼提供圖片資源。其次是利用Htm l、Html5、CSS、Javascript技術(shù)編寫(xiě)前端頁(yè)面。如此制作的靜態(tài)頁(yè)面已經(jīng)能夠滿足常規(guī)展覽的陳列需求，如果還要給網(wǎng)站增加互動(dòng)留言版塊以及內(nèi)容動(dòng)態(tài)更新的功能，還需要依賴于數(shù)據(jù)庫(kù)技術(shù)，基于數(shù)據(jù)庫(kù)技術(shù)的網(wǎng)站是“有靈魂的”動(dòng)態(tài)網(wǎng)站，不僅內(nèi)容豐富多變，訪問(wèn)速度也更加流暢。《紀(jì)念劉佛年百年誕辰圖片展》為適應(yīng)移動(dòng)客戶端的訪問(wèn)，在編寫(xiě)頁(yè)面代碼的過(guò)程中利用fullpage插件實(shí)現(xiàn)了展覽首頁(yè)和目錄頁(yè)的響應(yīng)式布局，fullpage插件可以使代碼作者通過(guò)簡(jiǎn)單的代碼配置實(shí)現(xiàn)全屏頁(yè)面的制作，同時(shí)針對(duì)觸摸操作以及跨平臺(tái)設(shè)備的訪問(wèn)進(jìn)行了優(yōu)化。

三、網(wǎng)上展覽設(shè)計(jì)制作反思

（一）注重檔案信息保護(hù)。網(wǎng)上展覽依托于網(wǎng)絡(luò)傳播，傳播速度快，受眾范圍廣，因此，展出的檔案信息必須是開(kāi)放檔案，切不可將具有密級(jí)尚未公開(kāi)的檔案信息放在網(wǎng)上，以免對(duì)國(guó)家、集體和個(gè)人的合法利益造成損害。另外，網(wǎng)上檔案展覽是檔案工作部門(mén)的文化產(chǎn)品，還應(yīng)注重版權(quán)保護(hù)，可以采用數(shù)字水印技術(shù)、版權(quán)登記、版權(quán)聲明等方式保護(hù)檔案信息。

（二）跨平臺(tái)訪問(wèn)。隨著移動(dòng)通信技術(shù)的發(fā)展，人們的閱讀習(xí)慣發(fā)生了極大變化，更加傾向于利用便攜設(shè)備進(jìn)行碎片化的閱讀，在《紀(jì)念劉佛年百年誕辰圖片展》中，筆者采用了響應(yīng)式布局結(jié)構(gòu)設(shè)計(jì)，以適應(yīng)移動(dòng)互聯(lián)時(shí)代跨平臺(tái)訪問(wèn)的需求。此外，微信由于其龐大的用戶基礎(chǔ)可為網(wǎng)上展覽所利用，一方面通過(guò)微信公眾號(hào)推送展覽介紹和內(nèi)容，另一方面適用于手機(jī)屏幕的網(wǎng)站也可以通過(guò)微信分享進(jìn)行傳播。

（三）線下展覽和網(wǎng)上展覽之間的關(guān)系。當(dāng)前很多檔案館舉辦的網(wǎng)上展覽都是線下展覽的延伸。然而，考慮到網(wǎng)絡(luò)傳輸?shù)奶匦?，網(wǎng)上展覽不能照搬線下展覽的內(nèi)容，需要二次開(kāi)發(fā)，比如針對(duì)圖片展，需要對(duì)圖文進(jìn)行重新排版，以適應(yīng)網(wǎng)絡(luò)閱讀習(xí)慣，并且考慮對(duì)網(wǎng)站進(jìn)行優(yōu)化以獲得更流暢的訪問(wèn)。另外，由于網(wǎng)上展覽不受時(shí)空天氣等因素的限制，可以考慮獨(dú)立于線下展覽，將檔案編研的成果多以網(wǎng)上展覽的形式呈現(xiàn)，以利于檔案文化的傳播。

四、結(jié)語(yǔ)

網(wǎng)上展覽有助于檔案文化的傳播，在原型設(shè)計(jì)、界面設(shè)計(jì)和交互設(shè)計(jì)的過(guò)程中把握以用戶為中心的理念，兼顧網(wǎng)頁(yè)設(shè)計(jì)的專題性和藝術(shù)性，更容易增加用戶對(duì)網(wǎng)上展覽的好感，同時(shí)在設(shè)計(jì)制作過(guò)程中融入新技術(shù)新媒體以適應(yīng)移動(dòng)互聯(lián)時(shí)代的閱讀需求，有助于網(wǎng)上展覽發(fā)揮其更廣泛的宣傳教育作用。

[1]劉婷.網(wǎng)上檔案展覽研究[D].江蘇：蘇州大學(xué),2014.

[2]李文奎,張朝偉.響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)[M].北京：北京理工大學(xué)出版社,2016.

[3]jQuery全屏滾動(dòng)插件full Page.js[O L].http://www.jq22.com/jquery-in fo1124.

[4]楊紅.檔案管理[M].上海:上海社會(huì)科學(xué)院出版社,2008.

[5]朱云.當(dāng)微信遭遇藝術(shù)展覽——談藝術(shù)院校畢業(yè)設(shè)計(jì)展覽公眾賬號(hào)的設(shè)計(jì)與運(yùn)營(yíng)[J].信息技術(shù)與信息化, 2014(10).