基于移動終端的民間美術(shù)類互動媒體產(chǎn)品設(shè)計策略研究

撰文：譚坤

移動媒介以其強交互性、強代入感、強娛樂性、強碎片性成為目前信息傳播的主流媒介。移動終端改變了我們的生活習(xí)慣和溝通交流方式[1]，隨著屏幕的互聯(lián)化，圖片、影像、動畫、視音頻等富媒體的廣泛應(yīng)用，民間美術(shù)傳統(tǒng)的傳播載體如書籍、文獻、畫冊等正面臨巨大的挑戰(zhàn)，越來越多的用戶閱讀轉(zhuǎn)向了移動終端，個人移動終端產(chǎn)品已成為人們生活中的必需品[2]。故宮博物院推出的6款介紹故宮文物、展品展訊的移動終端App應(yīng)用程序，使眾多故宮珍藏文物變成大眾“指尖上的文物”。民間美術(shù)的傳播也可借鑒故宮系列移動終端產(chǎn)品的設(shè)計策略，讓遇冷的民間美術(shù)文化在指尖復(fù)活。以立體、多元、全方位的信息化手段，讓民間美術(shù)文化融入人們的日常生活，滿足大眾的文化需求。

一、契合主題的內(nèi)容策劃

（一）選題——小切口引出大文化

選題即產(chǎn)品所表現(xiàn)主題的核心內(nèi)容及切入點?？紤]移動終端小屏幕的硬件因素，無法展示大而全的內(nèi)容。加之用戶通常利用碎片化時間在移動終端進行掃視性瀏覽的習(xí)慣，基于移動終端的互動媒體產(chǎn)品選題不宜過大。應(yīng)選取要表達主題內(nèi)容的經(jīng)典、核心內(nèi)容展開敘事，從選題的精彩小切口入手，進而吸引瀏覽者關(guān)注其他深層次的文化。如故宮博物院推出的第一款A(yù)pp《胤禛美人圖》，以12幅美人圖入手，串聯(lián)起家具、陶瓷、宮廷生活、書畫等各方面的研究成果，并對繪畫本身的構(gòu)圖、技法進行分析。App《韓熙載夜宴圖》以傳世名畫《韓熙載夜宴圖》為緊湊的故事線，以“連環(huán)畫”的構(gòu)圖敘事形式，除介紹畫作之外，整幅數(shù)字畫卷中共有100個內(nèi)容注釋點，延伸介紹了古典家具、歷史人物關(guān)系、服飾禮儀等知識。民間美術(shù)大系包羅萬象，大而全的選題不僅受屏幕限制無法詳細介紹，也很難在掃視閱讀的移動終端用戶中引起興趣。移動端用戶不習(xí)慣沉悶的知識灌輸，選取小切口選題，讓民間美術(shù)知識的獲得過程變得輕松有趣，吸引用戶深入體驗產(chǎn)品。

（二）內(nèi)容——抽象概念化作具體事物

內(nèi)容腳本是媒體作品內(nèi)容的主體板塊架構(gòu)，反映作品的中心內(nèi)容和內(nèi)容的結(jié)構(gòu)關(guān)系、結(jié)構(gòu)層次。內(nèi)容設(shè)計僅僅是合理還不夠，還需要把握內(nèi)容的特征，突破固有的信息架構(gòu)模式，體現(xiàn)出作品的內(nèi)容特色。比如關(guān)于“老北京印象”的選題，如果僅僅想到了北京歷史、發(fā)展、小吃、胡同等內(nèi)容作為欄目名稱就顯得平庸。創(chuàng)作者可以從文化理念入手作為主題切入點，思考如何將文化這種抽象概念用具體的事物表現(xiàn)出來。經(jīng)過嚴謹細致地推敲，“老北京印象”的腳本內(nèi)容版塊確定為：賞中軸異彩、尋皇城舊夢、探民居清幽、攬燕京八景?！百p、尋、探、攬”四個動詞的運用恰到好處，增添了文字美感，激發(fā)了瀏覽者的閱讀興趣[3]。

基于移動終端的民間美術(shù)類互動媒體產(chǎn)品要梳理、提煉出最精彩的事物、技藝、民俗，歸納總結(jié)為內(nèi)容腳本模塊。如圖1所示，互動媒體產(chǎn)品《民間刺繡》《民間風(fēng)箏》的內(nèi)容腳本設(shè)計，不僅打破了傳統(tǒng)教科書式的信息架構(gòu)模式，同時兼顧移動終端小屏幕掃視閱讀的特征，且同一層級的欄目名稱在字數(shù)和結(jié)構(gòu)上保持一致，有效地減輕了用戶對界面的學(xué)習(xí)負擔(dān)。

（三）層級——深度與廣度的平衡

移動終端互動媒體產(chǎn)品內(nèi)容結(jié)構(gòu)層級分為深度和廣度。深度即當(dāng)前分類和其子類共有多少層，廣度則是指每一層有多少項。從深度上講，層級不要太深，若層級太深難免出現(xiàn)用戶反復(fù)返回和頁面之間的切換，隨著跳轉(zhuǎn)頁面的增加，用戶期待程度會逐漸降低，而且頁面跳轉(zhuǎn)的時間及流量耗費都是用戶關(guān)注的問題[4]。應(yīng)減少界面跳轉(zhuǎn)層級，讓用戶快速找到信息。移動終端互動媒體產(chǎn)品的層級深度最好不要多于三級。廣度層面上每一層的內(nèi)容分支保持在4～8的數(shù)量是一個平衡的處理規(guī)則。遇到元素信息量較少、邏輯層次簡單的頁面內(nèi)容，平鋪式的架構(gòu)是減少層級的最好方式，這種架構(gòu)方式最大的特點是將所有的內(nèi)容完全展示且突出重點，適合呈現(xiàn)作品的導(dǎo)航頁。如圖2所示的互動媒體產(chǎn)品《民間陶瓷》的導(dǎo)航頁采用平鋪式的架構(gòu)方式。然而，層級做的太淺勢必會影響所展示內(nèi)容的豐富性，有時為平衡內(nèi)容層級的深度與廣度，可采用同一層級滑屏式的瀏覽方式。如iPad 應(yīng)用《紫禁城祥瑞》采用了上下滑屏的瀏覽方式，通過上下滑動，上至九天之上的龍、鳳，下至海底深處的比目魚，都能在瀏覽者的指尖快速切換。（圖3）

二、“拙”“巧”相依的界面設(shè)計

圖1 互動媒體產(chǎn)品《民間刺繡》《民間風(fēng)箏》的內(nèi)容腳本

“拙”與“巧”本是一組反義詞，但在對民間美術(shù)的評價上，兩個詞義之間是可以相互轉(zhuǎn)化的。民間美術(shù)因其材質(zhì)拙、意象俗、形式樸等，故我們稱其為“拙”，而民間美術(shù)中對美好生活的寓意卻是其“巧”的一面。大巧如拙中的“拙”并非真“拙”，在“拙”的背后是“巧”，是藝術(shù)創(chuàng)作的最高境界。[5]把握住民間美術(shù)“巧”與“拙”和諧統(tǒng)一的特征，能夠使之成為民間美術(shù)類互動媒體產(chǎn)品界面設(shè)計的一種策略。

（一）界面風(fēng)格的“拙”

民間美術(shù)注重點線面、肌理的條理性和秩序化處理，以圖形化的象征性方式將不規(guī)則、不勻稱的事物和諧地組織起來，其藝術(shù)語言本身就具有“拙”的特征，因此民間美術(shù)類互動媒體產(chǎn)品界面設(shè)計風(fēng)格定位為“拙”，提取民間美術(shù)中的代表性元素作為界面設(shè)計的基本元素。提取元素的過程，并不意味著將民間美術(shù)造型照搬到移動終端，而是通過將提取的造型元素通過變形、打散、重組的方式與設(shè)計理念結(jié)合起來，對這些形態(tài)進行重新組合，找到民間美術(shù)形態(tài)與界面整體設(shè)計風(fēng)格，以及受眾審美心理的契合點。在真實圖像與設(shè)計圖形之間尋求平衡，真實圖像給人以很強的代入感，容易營造有沉浸感的界面氣氛。如圖4所示，互動媒體產(chǎn)品《北京民間玩具》中選取北京地區(qū)的民間玩具與胡同元素相結(jié)合設(shè)計的界面。如圖5所示，互動媒體產(chǎn)品《民間風(fēng)箏》中的次級導(dǎo)航頁界面，提取風(fēng)箏造型元素，經(jīng)過打散、平面化、色彩及線條歸納后運用到界面中。兩個作品都將民間美術(shù)元素提取融入到界面設(shè)計中體現(xiàn)出濃濃的“拙”味，有效地呼應(yīng)了主題。

圖2 互動媒體產(chǎn)品《民間陶瓷》導(dǎo)航頁

圖3 iPad 應(yīng)用《紫禁城祥瑞》導(dǎo)航頁

（二）界面細節(jié)的“巧”

界面風(fēng)格上的“拙”絕不代表界面細節(jié)上的粗糙。故宮博物院出品的每款移動端App應(yīng)用都堪稱精品，主要原因在于其創(chuàng)作團隊對界面的每一個細節(jié)都追求極致。民間美術(shù)類互動媒體作品界面的細節(jié)設(shè)計表現(xiàn)在：首先恰當(dāng)?shù)剡\用漸變色彩與背景圖相融合可提升界面品質(zhì)；其次注重界面的融合設(shè)計，講究層次感，通過背景元素與前景圖之間的無邊痕化處理、色彩色相與明度的層次運用、界面的光影關(guān)系等手法提高界面元素之間的層次感，如圖6所示的互動媒體產(chǎn)品《民間皮影》界面光影的運用恰到好處；再次，界面中字符的恰當(dāng)運用也能提升界面品質(zhì)，標題字體、字號的選取要突出、醒目，從色彩和明暗關(guān)系上注意與背景之間的對比關(guān)系。同一層級的標題字體、字號、圖層效果應(yīng)統(tǒng)一，以文字介紹為主的界面字體應(yīng)扁平化處理，增強其可讀性。

三、營造沉浸式的體驗環(huán)境

“沉浸”在字典上的意思是“陷入在一些事件的包圍和覆蓋中”。在民間美術(shù)類移動終端互動媒體產(chǎn)品設(shè)計中，沉浸是一種重要的交互手段，能有效地利用屏幕空間，讓瀏覽者全神貫注地投入到設(shè)計師所創(chuàng)造的虛擬環(huán)境中?！俺两笔襟w驗可以是一個敘事性的故事、一個場景、一個互動的游戲等[6]，結(jié)合情境、配音、角色、情節(jié)、節(jié)奏的設(shè)計讓使用者獲得綜合的體驗。

（一）場景沉浸式體驗

以民間美術(shù)的技藝或應(yīng)用場景為界面動態(tài)元素營造用戶置身其中的虛擬展示環(huán)境，用戶瀏覽如同身臨其境，調(diào)動使用者的視覺、聽覺、觸覺等感官系統(tǒng)全方位地獲取信息。皮影戲是讓觀眾通過幕布觀看平面人偶表演的燈影來達到藝術(shù)效果的戲劇形式，皮影戲的演出需要唱腔、影像的高度配合才能達到演出的娛樂效果。[7]為營造出傳統(tǒng)皮影演出過程中的現(xiàn)場感，互動媒體產(chǎn)品《民間皮影》借鑒皮影的人物造型和故事元素，用戶配合相應(yīng)的主題與音效，通過觸摸屏幕拖拽皮影進行皮影表演，使用戶獲得真實的體驗。（圖6）

（二）游戲沉浸式體驗

游戲化學(xué)習(xí)是教育和娛樂不斷走向融合的產(chǎn)物，而移動終端由于突破了時間、場地限制和集視聽體驗于一體的娛樂化特點成為游戲化學(xué)習(xí)的重要平臺。[8]在民間美術(shù)知識傳播中設(shè)計游戲體驗環(huán)節(jié)，可提升瀏覽者的交互體驗和學(xué)習(xí)興趣，加深對知識的理解及提高移動終端用戶瀏覽黏度?；谝苿咏K端的互動媒體產(chǎn)品游戲設(shè)計中常用的表現(xiàn)方法有：經(jīng)典造型或色彩DIY游戲、知識與形象比對連線、角色互換游戲體驗、游戲激勵機制、作品分享等。如圖8所示，在故宮APP《紫禁城祥瑞》中讓用戶自己定制祥瑞的DIY游戲，可以更換神獸的眼睛、鱗片、頭冠等，自制的祥瑞做好之后，可通過社交平臺分享。在民間美術(shù)類互動媒體產(chǎn)品中，通過游戲進一步詮釋民間美術(shù)技藝，將關(guān)鍵技藝分解，用游戲的形式讓用戶體驗民間美術(shù)技藝的制作過程比文字、圖片式的展示更具有感染力，同時有利于民間美術(shù)作品的創(chuàng)新，也更適合向青少年傳播民間美術(shù)知識。

（三）三維沉浸式體驗

圖4 互動媒體作品《北京民間玩具》界面設(shè)計

圖6 互動媒體產(chǎn)品《民間皮影》界面設(shè)計

圖8 故宮APP《紫禁城祥瑞》截圖

民間美術(shù)的制作技藝、紋飾、色彩是最打動觀眾的元素，而傳統(tǒng)的書籍畫冊和平面圖像在展示效果方面存在局限性。作為一種最接近于實物的展示方式，三維虛擬交互式展示能清楚看到民間美術(shù)作品各個角度的形態(tài)以及各部分細節(jié)，達到如見實物、身臨其境的效果。[9]用戶通過手指旋轉(zhuǎn)觀察展品細節(jié)，如同在現(xiàn)場把玩、欣賞民間美術(shù)作品。三維沉浸式體驗可以更直觀地了解民間美術(shù)作品的全方位結(jié)構(gòu)，彌補了圖像展示中角度的限制。在互動媒體產(chǎn)品《民間起居》中，運用了三維虛擬展示，瀏覽者可根據(jù)需要滑動屏幕即可拖拽民居、家具擺設(shè)等內(nèi)容進行360度細節(jié)觀看。（圖9）

“沉浸”式體驗讓瀏覽者能夠通過視、聽、觸、嗅等感覺手段和智能化藝術(shù)作品實現(xiàn)即時交互使觀眾進入到數(shù)字虛擬場景中，得到多感官的沉浸式審美享受。[10]當(dāng)然，沉浸并非只強調(diào)界面表現(xiàn)的真實性和三維體驗感，應(yīng)該通過特定的交互操作、主題內(nèi)容、視覺表現(xiàn)及移動終端手勢、多點觸控技術(shù)所共同營造的虛擬環(huán)境。

結(jié)語

民間美術(shù)是我國傳統(tǒng)文化的一部分，將民間美術(shù)轉(zhuǎn)化成交互數(shù)字產(chǎn)品不僅僅只是“動起來”就可以，更要考慮移動端產(chǎn)品受眾的瀏覽習(xí)慣，設(shè)計出符合不同用戶群的產(chǎn)品。優(yōu)質(zhì)的互動媒體產(chǎn)品設(shè)計要在內(nèi)容上做加法，在界面上做減法，充分發(fā)揮文化數(shù)字產(chǎn)品互動性強的特點，使用戶獲得沉浸式體驗。同時，利用用戶碎片化的閱讀時間傳播民間美術(shù)資源可為其他類型的民族文化資源數(shù)字化開發(fā)提供借鑒和參考。

圖9 互動媒體產(chǎn)品《民間起居》三維虛擬展示頁

[1]王紅衛(wèi).一學(xué)就會的手機App用戶界面設(shè)計[M].第1版.北京:清華大學(xué)出版社,2015.

[2]趙鋒,陳金亮,張帥.中國傳統(tǒng)文化符號在移動終端界面設(shè)計中的應(yīng)用[J].今日中國論壇,2013(5): 102.

[3]嚴晨,柴純鋼,徐娜.多媒體界面設(shè)計[M].第1版.北京:電子工業(yè)出版社,2011.

[4]李世國,靳文奎,孫辛欣.智能手機瀏覽器信息架構(gòu)設(shè)計研究[J].包裝工程,2013,34(3):45-49.[5]韓雅怡,高婷.大拙大巧——民間美術(shù)的造型美[J].吉林藝術(shù)學(xué)院學(xué)報,2011(4):37-38.

[6]唐敏.淺談沉浸式網(wǎng)頁導(dǎo)航設(shè)計的用戶體驗[J].裝飾,2009(12):90-91.

[7]祝森生.傀儡作戲 影彩斑斕——中國皮影的圖畫之旅[J]..圖書與情報,2014(3):142.

[8]王穎.移動互聯(lián)時代博物館App設(shè)計初探[J].藝術(shù)與設(shè)計(理論),2015(8):112-113.

[9]孟凡超.淺析虛擬現(xiàn)實技術(shù)在現(xiàn)代展示藝術(shù)中的應(yīng)用[J].天津美術(shù)學(xué)院學(xué)報,2012(2):76.

[10]柴秋霞.數(shù)字媒體交互藝術(shù)的沉浸式體驗[J].裝飾,2012(2):73-74.