論在線數(shù)字展示項(xiàng)目中平面設(shè)計的應(yīng)用

張文婷

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

關(guān)鍵詞：在線數(shù)字展示； 平面設(shè)計； 數(shù)字展館

檢 索：www.artdesign.org.cn

中圖分類號：J50-05 文獻(xiàn)標(biāo)志碼： 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

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

一、數(shù)字科技館中平面設(shè)計綜合應(yīng)用的分析

在數(shù)字科技館整體建設(shè)項(xiàng)目中，涉及平面設(shè)計的部分主要有：平臺頁面、互動內(nèi)容、科普掛圖和移動端頁面的設(shè)計。以下就結(jié)合實(shí)際創(chuàng)作過程對各部分進(jìn)行分析。

（一）平臺頁面的設(shè)計

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

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

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

（二）數(shù)字展項(xiàng)的平面設(shè)計

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

首先，平面設(shè)計要考慮操作模式整體統(tǒng)一。在眾多數(shù)字互動展項(xiàng)中，將欄目菜單、播放按鈕、示意箭頭等具有操作共性的部分進(jìn)行統(tǒng)一對于用戶具有極大幫助。數(shù)字科技館的所有互動展項(xiàng)中，頁面最上部都采用了兩欄式的主菜單設(shè)計，方便用戶快速地在目錄間跳轉(zhuǎn)。用戶在使用了一個展項(xiàng)后，即能熟悉所有展項(xiàng)的操作，從而能夠?qū)⒆⒁饬性趦?nèi)容和表現(xiàn)形式上。

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

第三，平面設(shè)計需要考慮用戶操作的延續(xù)性?；凇按碳?反應(yīng)”理論，用戶在每次操作后，都需要得到反饋，從而強(qiáng)化其做出下一個操作。這就要求平面設(shè)計在構(gòu)思時就要考慮如何給予后期的光效、動畫制作留出表現(xiàn)空間，同時對于畫面分層提出建議，從而強(qiáng)化用戶不斷在展項(xiàng)中去發(fā)現(xiàn)更多不同的內(nèi)容；平面設(shè)計師不僅在單一層面上進(jìn)行創(chuàng)作，還需要考慮不同畫面層次的先后順序和遞進(jìn)關(guān)系。以數(shù)字展項(xiàng)“人體漫游為例”，用戶將鼠標(biāo)移到人體系統(tǒng)名稱上，虛擬人體中將出現(xiàn)相應(yīng)系統(tǒng)的剪影，這一反饋將使用戶進(jìn)一步了解不同系統(tǒng)的詳細(xì)內(nèi)容；這一互動過程便是先由平面設(shè)計構(gòu)思好，再交由相應(yīng)的動畫與程序人員完成制作。

（三）數(shù)字展板的設(shè)計

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

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

（四）移動端頁面的設(shè)計

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

由于數(shù)字科技館的欄目和內(nèi)容多樣，如果照搬數(shù)字科技館的欄目和窗口結(jié)構(gòu)，用戶需要點(diǎn)擊3-4次才能到達(dá)具體的內(nèi)容頁，大多數(shù)用戶將可能因?yàn)榉爆嵉募虞d過程放棄瀏覽，這不利于移動端的推廣。因此，平面設(shè)計配合策劃人員對重點(diǎn)內(nèi)容與頁面進(jìn)行了篩選，采用可隱藏式下拉菜單的方式，為內(nèi)容設(shè)定快速到達(dá)入口，從而確保用戶瀏覽具體內(nèi)容時，點(diǎn)擊次數(shù)不超過2次。

二、數(shù)字展示項(xiàng)目中平面設(shè)計的基本思路

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

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

三、數(shù)字展示項(xiàng)目平面設(shè)計的原則

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

（一）準(zhǔn)確性原則

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

（二）藝術(shù)性原則

平面設(shè)計的最直接目的，是給予用戶獨(dú)特的藝術(shù)視覺感受。藝術(shù)美感并非一成不變，它順應(yīng)時代的發(fā)展在不斷變化。因此，平面設(shè)計應(yīng)考慮用戶所處時代的審美特點(diǎn)，做出符合現(xiàn)代美學(xué)的設(shè)計。

（三）整體和協(xié)調(diào)性原則

為了給予用戶一體化的視覺感受，平面設(shè)計應(yīng)合理把握文字、圖片及色彩等要素的特點(diǎn)，根據(jù)主次內(nèi)容合理安排各部分的順序，協(xié)調(diào)不同層次間、甚至不同展項(xiàng)的關(guān)系，減少用戶的記憶負(fù)擔(dān)，使各設(shè)計單元有序統(tǒng)一。

（四）易用性原則

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

（五）充分考慮用戶習(xí)慣

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

總而言之，數(shù)字展示項(xiàng)目中的平面設(shè)計主要本著人性化的設(shè)計理念，對頁面進(jìn)行統(tǒng)一化的調(diào)整和協(xié)調(diào)，從根本上實(shí)現(xiàn)信息傳達(dá)的秩序性和藝術(shù)性。

四、結(jié)語

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

參考文獻(xiàn)：

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

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