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

楊婷

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

【關(guān)鍵詞】網(wǎng)上展覽；設(shè)計制作；原則；流程

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

四、結(jié)語

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

【參考文獻】

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

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

[3]jQuery全屏滾動插件fullPage.js[OL].http：//www.jq22.com/jquery-info1124.

[4]楊紅.檔案管理[M].上海：上海社會科學院出版社，2008.

[5]朱云.當微信遭遇藝術(shù)展覽——談藝術(shù)院校畢業(yè)設(shè)計展覽公眾賬號的設(shè)計與運營[J].信息技術(shù)與信息化， 2014（10）.