文/華東師范大學檔案館 楊婷

網上檔案展覽的制作實踐及反思

文/華東師范大學檔案館 楊婷

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

網上展覽；設計制作；原則；流程

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

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

一、設計制作原則

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

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

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

二、設計制作流程

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

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

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

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

三、網上展覽設計制作反思

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

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

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

四、結語

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

[1]劉婷.網上檔案展覽研究[D].江蘇：蘇州大學,2014.

[2]李文奎,張朝偉.響應式網頁設計[M].北京：北京理工大學出版社,2016.

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

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

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