論在線數字展示項目中平面設計的應用

張文婷

摘 要：隨著計算機與網絡技術的發展，展覽展示已不局限于實體而開始向網絡化轉變，能運用的展示手法更多、同時受眾群體范圍更廣。平面設計作為數字展示項目中最直接的信息傳遞渠道，將遭遇到更新的任務和要求。文章以數字科技館建設項目為例，通過對其首頁、數字展項、數字展板、移動端頁面等四個主要部分的平面設計進行分析，探討在線數字展示項目中平面設計的基本原則，以期對未來同類項目的平面設計提供參考和經驗借鑒。

關鍵詞：在線數字展示； 平面設計； 數字展館

檢 索：www.artdesign.org.cn

中圖分類號：J50-05 文獻標志碼： A 文章編號：1008-2832（2014）08-0048-03

The Application of Graphic Artist Designer in Online Digital Exhibition

ZHANG Wen-ting

（Fujian Science and Technology Museum， Fuzhou， 350001， China）

Abstract ：With the development of technology and network， exhibitions have been changing to online， no longer limited to substance. More and more technique could be used， and the spectators are extending to more people. As the direct channel of information， the designer will face new missions and demands. Take building the digital scientific and technologic museum for an example， we will analyse the grapic artist designer of its home page， digital exhibits， digital boards， and pages of the mobile version. Then we summarize the principle of the designer in online digital exhibitions， expecting similar projects using it for experiences and reference in the future.

Key words ：online digital exhibition； graphic artist designer； digital museum

Internet ：www.artdesign.org.cn

隨著計算機網絡技術、動畫技術、程序開發技術的成熟，展覽展示不再局限于實體展館，人們將能夠通過網絡隨時隨地地在數字展館中參觀。以數字科技館為例，它將傳統科普展品進行數字化開發，力求數字展品與原展品保持同樣的互動性和生動性；同時數字科技館又是一個面向公眾的科普資源共享平臺，為社會提供優質科普資源服務，因此它又兼具科普資訊門戶的性質。在數字科技館中，用戶將獲得與實體科技館相同、甚至更多的參觀體驗。為了達到最優化的展示效果，相比實體展館，數字展館的平面設計需綜合考慮內容主題、用戶體驗、程序可實現程度、網絡速度等多方面因素，因此將遭遇新的任務與更高難度的挑戰。作為新興的展覽展示形式，平臺與內容兼具的數字展館在國內仍為數不多，本文對數字科技館中各類平面設計工作進行分析，探討數字展示項目中平面設計的基本原則，以期對未來同類項目的平面設計提供參考和經驗借鑒。

一、數字科技館中平面設計綜合應用的分析

在數字科技館整體建設項目中，涉及平面設計的部分主要有：平臺頁面、互動內容、科普掛圖和移動端頁面的設計。以下就結合實際創作過程對各部分進行分析。

（一）平臺頁面的設計

首頁是數字科技館給予用戶的第一印象，是展館主題的最直接表達；頁面性質和主題是決定平面設計風格的最主要因素。在設計過程中，首頁版式有兩種不同選擇：一是采用簡潔風格，將首頁長度控制在一屏以內，以大幅圖片為主，各主要欄目菜單排列于下方；二是采用門戶網站風格，頁面長度在兩屏左右，各主要欄目以小窗口進行分布。兩種風格各有優勢，但考慮到將數字科技館定位于科普資源的門戶網站，有別于科技館官網進行形象展示與信息發布，最終將二者進行融合：首頁Banner采用大幅圖片，與熱點欄目共同占據一屏空間，讓用戶快速對數字科技館的整體形象形成清晰的印象；而當用戶下拉頁面后，通過多樣的欄目窗口，又能感受到豐富的科普信息儲備。

在版面排布上，尤其要考慮重點突出、主次有序。除Banner部分外，整體劃分為四塊區域：熱點推薦和熱門專題讓用戶第一時間掌握最新的資訊與專題；數字科技館的四個主要子展館以分欄形式出現，配有縮略圖、文字簡介及熱點內容，這樣不僅讓觀眾對主要結構形成直觀的認識，也方便進入主要展館與展項；為了強調豐富的影視資源與游戲資源，右側設置了專門入口，但由于大家對這兩個概念都較為熟悉，只需要出現名稱和設計圖，不需贅述；為了在有限的欄目中盡可能多地展示豐富的資源，數字科技館可以多采用動態網頁技術，通過滾動、輪換等方式展示同類欄目下的多個主題，也能夠達到生動展示的目的，不致產生視覺疲勞。

在配色和圖片素材選擇上，設計考慮以數字科技館主題出發。由于所設計的是福建數字科技館，必須有別于其他省市的展館，突出福建地方特色。福建是一個多山面海的省份，其科技、文化的發展均受到這種地理環境的影響。因此，數字科技館頁面采用以藍、綠為主的色調。另一方面，從顏色給予人們的知覺而言，藍色和綠色也能讓人聯想到科技感、生態、環保等主題，與科技館的主題相吻合。endprint

（二）數字展項的平面設計

數字展項是數字科技館中的具體內容，它可以是對實體展品（如“漢諾塔”）的模擬，可以是對某一原理（如拋物線原理）的數字化表現，也可以是對某一專題的分類陳述（如“人體漫游”）。這部分的平面設計要求設計師深入了解展出的主題，選擇恰當的表現元素，同時也要求設計師對于交互設計有一定認識，能夠預見用戶在操作過程中遇到的疑問及習慣。傳統的平面設計只需要考慮靜態頁面中的信息表達，而數字展館由于強調用戶的參與度與互動性，要求平面設計必須考慮交互過程中的動態視覺表達。

首先，平面設計要考慮操作模式整體統一。在眾多數字互動展項中，將欄目菜單、播放按鈕、示意箭頭等具有操作共性的部分進行統一對于用戶具有極大幫助。數字科技館的所有互動展項中，頁面最上部都采用了兩欄式的主菜單設計，方便用戶快速地在目錄間跳轉。用戶在使用了一個展項后，即能熟悉所有展項的操作，從而能夠將注意力集中在內容和表現形式上。

其次，平面設計要突出頁面上能夠進行操作的部分。按鈕的設計除精致美觀外，更重要地是讓用戶明白，它是一個可以操作的部件；如欄目中的翻頁按鈕，使用帶有方向性的三角形，比其他形狀更容易為用戶所認識。對于沒有普遍認識的操作部分，則可以采用鼠標懸浮窗、顏色變化等方式，對可操作的部分進行說明。最佳的互動視覺設計，應該是不需要任何操作說明，任何人（包括不識字的幼兒）都能夠快速上手操作的設計。

第三，平面設計需要考慮用戶操作的延續性。基于“刺激-反應”理論，用戶在每次操作后，都需要得到反饋，從而強化其做出下一個操作。這就要求平面設計在構思時就要考慮如何給予后期的光效、動畫制作留出表現空間，同時對于畫面分層提出建議，從而強化用戶不斷在展項中去發現更多不同的內容；平面設計師不僅在單一層面上進行創作，還需要考慮不同畫面層次的先后順序和遞進關系。以數字展項“人體漫游為例”，用戶將鼠標移到人體系統名稱上，虛擬人體中將出現相應系統的剪影，這一反饋將使用戶進一步了解不同系統的詳細內容；這一互動過程便是先由平面設計構思好，再交由相應的動畫與程序人員完成制作。

（三）數字展板的設計

數字展板對應于實體展館中的展板或掛圖。該部分的平面設計與傳統平面設計較為接近，注重根據展板主題進行配色選取和素材制作，字號和行距的設定需根據用戶（觀眾）的觀看距離而定，以舒適閱讀為宜。但由于數字展示的靈活性，數字展板可以多種方式展出，如翻頁電子書、滾動窗口或模擬掛板等，這就要求平面設計先考慮不同展陳方式的特點，再進行版面設計。

另一方面，部分數字科技館能夠提供掛圖展板的下載服務，用戶可以將展板下載到計算機或手機端進行瀏覽，專業級用戶則可以下載掛圖進行印刷展出。因此，平面設計必須考慮所有可能的使用途徑，并制作出相應的尺寸版本。

（四）移動端頁面的設計

為了配合數字科技館的推廣和運營，除計算機版本外，數字科技館還開發了移動端版本，用戶通過手機或平板電腦即可訪問數字展館。由于移動設備與計算機屏幕尺寸的差別，移動端頁面的設計應更為簡潔精致，以能夠滿足用戶單手操作為宜。移動端的配色與數字科技館主色調及選取素材基本保持一致，讓用戶在使用時能夠快速將二者聯系起來，理解二者是同屬于一個體系下的不同端口，認知和記憶上保持統一。

由于數字科技館的欄目和內容多樣，如果照搬數字科技館的欄目和窗口結構，用戶需要點擊3-4次才能到達具體的內容頁，大多數用戶將可能因為繁瑣的加載過程放棄瀏覽，這不利于移動端的推廣。因此，平面設計配合策劃人員對重點內容與頁面進行了篩選，采用可隱藏式下拉菜單的方式，為內容設定快速到達入口，從而確保用戶瀏覽具體內容時，點擊次數不超過2次。

二、數字展示項目中平面設計的基本思路

通過數字科技館平面設計的創作過程，總結出數字展示項目平面設計的基本思路。首先要明確平面設計的目標，充分研究用戶的需求；這里的目標群體不僅指項目最終面向的目標群體，還包括項目的業主單位；通過及時、詳盡的溝通，將項目需求和所要表達的主題進行詳細分析與確認。其次是根據主題選定合理的元素，對頁面風格、顏色和字體風格加以確定，從視覺角度表達項目需求。整體設計框架確定后，便要對各部分細節進行詳細設計，并做好各部分之間的銜接。在整個設計過程中，平面設計師要融入自己的獨特見解，在不偏離客戶要求的同時，讓視覺表現力更強，達到最優化的視覺效果。

總之，數字展示項目的平面設計并不是憑空臆造的，往往要以需求為中心，設計出具有針對性、個性化并獨具美感的作品。

三、數字展示項目平面設計的原則

數字展示項目的平面設計與傳統相比發生了很大的變化，它融合了傳統平面設計、網頁設計、UI設計等不同類型的設計工作，更多地涉及到對于用戶體驗、交互模式、技術可實現性等新的因素。然而，面對各類數字展示項目的不同需求，平面設計工作仍有可遵循的若干原則：

（一）準確性原則

要保證所傳達信息的準確性，從根本上增強信息傳達的效果，則需要不斷對信息進行提煉與反饋。在平面設計過程中，每一階段的設計任務完成后，只有及時地將設計稿件反饋給用戶，通過討論、征詢等方式了解用戶對于設計的主觀感受，才能避免設計師的個人喜好影響信息傳達的準確性。

（二）藝術性原則

平面設計的最直接目的，是給予用戶獨特的藝術視覺感受。藝術美感并非一成不變，它順應時代的發展在不斷變化。因此，平面設計應考慮用戶所處時代的審美特點，做出符合現代美學的設計。

（三）整體和協調性原則

為了給予用戶一體化的視覺感受，平面設計應合理把握文字、圖片及色彩等要素的特點，根據主次內容合理安排各部分的順序，協調不同層次間、甚至不同展項的關系，減少用戶的記憶負擔，使各設計單元有序統一。

（四）易用性原則

數字展示項目既然涉及用戶的操作，則需要充分考慮不同用戶群體的操作水平。只有能夠順暢操作的內容，才能激發用戶繼續瀏覽。易用性原則意味著界面菜單及按鈕盡可能地簡潔、功能清晰，對于關鍵步驟提供必要的操作說明，且操作說明的位置及呈現方式方便使用。

（五）充分考慮用戶習慣

雖然每個項目都想極力體現自己的個性化表達，但用戶總是按照自己的想法和習慣進行操作，習慣將可能影響用戶對于項目的理解。例如，用戶通常習慣從左至右地閱讀信息，頁面內容最好能保持左右對稱，避免用戶產生視覺疲勞；而在移動端頁面上，則需要考慮大多數智能設備共同設定的手勢識別功能，避免超出用戶習慣進行設計。

總而言之，數字展示項目中的平面設計主要本著人性化的設計理念，對頁面進行統一化的調整和協調，從根本上實現信息傳達的秩序性和藝術性。

四、結語

隨著時代經濟的飛速發展以及科學技術的日新月異，數字展示項目在當今時代發展中有著舉足輕重的地位，應用范圍在不斷擴大。在當今基于視覺的時代中，其平面設計更應該立足于當前，從時代發展的潮流出發，從人們視覺上的真正需求出發，進而將項目的獨特美感進行全方位的表達。另一方面，從“人”的角度而言，數字展示項目也要求平面設計師不僅局限于本專業的知識與技能，只有更廣泛地涉足心理學、交互設計、計算機等多學科的相關知識，才能更好地在數字展示項目中為用戶提供一場視覺盛宴。

參考文獻：

[1] 張志. 博物館陳列新思維[M].天津：天津人民出版社，2011.

[2] 北京市科學技術協會信息中心、北京數字科普協會編.創意科技助力數字博物館[M].北京：中國傳媒大學出版社，2011.endprint