基于移動終端的民間美術類互動媒體產品設計策略研究

撰文：譚坤

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

一、契合主題的內容策劃

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

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

（二）內容——抽象概念化作具體事物

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

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

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

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

二、“拙”“巧”相依的界面設計

圖1 互動媒體產品《民間刺繡》《民間風箏》的內容腳本

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

（一）界面風格的“拙”

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

圖2 互動媒體產品《民間陶瓷》導航頁

圖3 iPad 應用《紫禁城祥瑞》導航頁

（二）界面細節的“巧”

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

三、營造沉浸式的體驗環境

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

（一）場景沉浸式體驗

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

（二）游戲沉浸式體驗

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

（三）三維沉浸式體驗

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

圖6 互動媒體產品《民間皮影》界面設計

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

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

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

結語

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

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

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

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

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

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

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

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

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

[9]孟凡超.淺析虛擬現實技術在現代展示藝術中的應用[J].天津美術學院學報,2012(2):76.

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