符號學視角下的藝術(shù)資訊APP交互設計研究
——以《韓熙載夜宴圖》為例

文/楊東潤 孟 翔

移動互聯(lián)網(wǎng)時代，藝術(shù)的傳播手段、渠道和格局都發(fā)生了深刻的變化。設計符合藝術(shù)傳播特點和用戶需求的移動端交互形式，是目前藝術(shù)資訊類交互設計團隊需要面對的重點問題。未來隨著市場和用戶的成熟，對藝術(shù)應用的內(nèi)容品質(zhì)要求將逐步提高，系統(tǒng)的理論支撐是滿足這一需求的重要前提之一，對移動互聯(lián)網(wǎng)時代藝術(shù)內(nèi)容的傳播有著重要的推動作用。

一、符號在交互設計中應用現(xiàn)狀

由于國內(nèi)移動互聯(lián)網(wǎng)發(fā)展迅猛，藝術(shù)內(nèi)容方向的應用作為垂直領(lǐng)域發(fā)展時間較短，國內(nèi)藝術(shù)界對符號學理論和交互設計理論缺乏足夠的了解和關(guān)注，目前尚處在起步階段。

現(xiàn)階段，國內(nèi)主流的藝術(shù)內(nèi)容APP有藝術(shù)頭條、愛藝術(shù)、ARTAND、微藝術(shù)、藝術(shù)狗、藝堆等。以符號學的視角，從視覺符號元素的設計原則、符號的指向性和交互功能之間的關(guān)聯(lián)考察這些APP交互設計可以發(fā)現(xiàn)，此類APP交互設計新聞化、圖庫化、列表式傾向明顯。藝術(shù)內(nèi)容不同于一般新聞信息，其信息的傳遞更注重審美層面的訴求，是置于交互系統(tǒng)中綜合性多功能的符號元素集。藝術(shù)內(nèi)容APP的符號與交互除了需要體現(xiàn)一般資訊應用中的功能性關(guān)聯(lián)外，還需要提煉出文化性、審美性關(guān)聯(lián)，這些關(guān)聯(lián)的密度、頻度、烈度都是需要研究和實測的重要理論來源。在此基礎上形成的交互產(chǎn)品才能讓用戶產(chǎn)生積極的認知反應，認同符號的組織方式，產(chǎn)生預期的交互行為。如今藝術(shù)內(nèi)容已經(jīng)由過去“實用功能的使用”轉(zhuǎn)變?yōu)椤胺栆饬x建構(gòu)和審美體驗情感”。與觀眾產(chǎn)生審美體驗情感的交互是未來藝術(shù)傳播和發(fā)展的大趨勢。

從2013年起，故宮陸續(xù)發(fā)行了《胤禛美人圖》《紫禁城祥瑞》《韓熙載夜宴圖》《故宮陶瓷館》《清代皇帝服飾》等系列APP，其中，尤以《韓熙載夜宴圖》最受好評，除了內(nèi)容上的專業(yè)和細致，其令人印象深刻的交互體驗創(chuàng)新也為內(nèi)容提供了強有力的支撐。APP在傳統(tǒng)繪畫語境下對符號進行了系統(tǒng)化的設計應用、通過圖形符號和交互邏輯產(chǎn)生了準確的符號意義指向，并在功能和內(nèi)容審美上做到了和諧統(tǒng)一，為用戶深入體驗這幅傳世名畫提供了新的鑒賞手段。

二、交互設計中的符號價值

1．強化藝術(shù)資訊的審美情感。藝術(shù)品所表現(xiàn)是人類的情感，也正是這些情感造就了豐富的藝術(shù)形式，從而形成了藝術(shù)家的符號，并且通過藝術(shù)中的符號來向外投射藝術(shù)情感，也就是人們通常所說的符號的心理隱喻。這種隱喻在交互設計中的應用，有助于提高交互的藝術(shù)表達。

《韓熙載夜宴圖》是五代南唐時大畫家顧閎中的代表作，該畫被譽為中國古代十大傳世名畫之一。作為傳世佳品，繪畫本身包含了人物、服飾、空間、酒具、樂器、舞蹈、禮儀、技法、家具等豐富的圖像符號內(nèi)容，在圖像學、史學等方面極具史料價值。符號作為交互設計中的鏈接環(huán)，將畫作本身的內(nèi)容作為審美范式依據(jù)，對APP中的符號進行設計和展現(xiàn)，不僅從功能上，更從內(nèi)容上將這些藝術(shù)信息隱喻串聯(lián)，讓用戶更容易理解這幅佳作的藝術(shù)審美價值，引起大眾對文化內(nèi)容的認知興趣。

2．優(yōu)化交互過程的指向意義。目前，數(shù)字內(nèi)容正向“替代”階段發(fā)展，即對藝術(shù)流傳的歷史場景、人物和事件的面貌進行解讀，需要對大量的藝術(shù)信息符號進行組織，通過交互過程進行串聯(lián)、整合，最終實現(xiàn)藝術(shù)符號集的整體概念。《韓熙載夜宴圖》將原著“聽琴、觀舞、歇息、清吹和散宴”五段內(nèi)容中的“聽琴、觀舞、清吹”進行精讀，雖然從內(nèi)容總量上來講，會引起用戶交互認知負擔的增加，但在符號學理論框架下，可以通過運用符號的“能指”表達藝術(shù)產(chǎn)品的“所指”內(nèi)容（感知與體驗），降低交互認知成本?！俄n熙載夜宴圖》從畫作的內(nèi)容符號出發(fā)，將畫作本身和其中的圖形提取成交互符號，有效地提高了交互的效率和成功率，既降低了用戶的認知負擔，同時也很好地保持了交互過程的流暢性。

三、APP交互中的符號表現(xiàn)

1．《韓熙載夜宴圖》APP中的交互符號設計。APP中的符號圖像分為兩類，即功能符號圖像和內(nèi)容符號圖像。在一般資訊類交互設計中，兩者的關(guān)系屬于弱聯(lián)系，一方面功能符號需要兼容大量不同類型的資訊內(nèi)容，另一方面，用戶對功能和內(nèi)容聯(lián)系的認知需求和強度也較低。在藝術(shù)類資訊中，兩者的關(guān)系則屬于強聯(lián)系，內(nèi)容符號圖像直接決定了功能符號圖像的審美和設計方向、范疇。

《韓熙載夜宴圖》APP的最終目的是介紹和展示畫作本身，因此畫作的藝術(shù)內(nèi)涵是總體交互設計之源，是前置內(nèi)容，功能符號必須服務和指向內(nèi)容符號。所以，在《韓熙載夜宴圖》APP中，功能性符號大都源自中國書畫裝裱樣式，主要文字導航符號采用國畫一色裱的裝裱樣式進行版式設計，字體采用宋體，背景底紋采用灑金宣紙紋樣，雖然是功能符號，但在符號元素上與國畫的審美形式保持了高度一致，保證了用戶在進行內(nèi)容交互過程中審美情緒的穩(wěn)定和持續(xù)。

2．符號在《韓熙載夜宴圖》APP交互設計中的應用策略。一是突出畫作本身，在符號集的概念下實施交互。從符號角度考慮《韓熙載夜宴圖》畫作本身即是一個符號，同時也是一個符號集的整體，APP的目的是介紹畫作本身，因此，需從宏觀上保持和傳遞畫作的完整性，交互設計的技法隱匿在這個符號集之下。用戶首先看到的不是傳統(tǒng)交互界面，而是完整的畫幅，逐步瀏覽之后再給用戶提供標簽性的交互點，層層深入。

二是拓展內(nèi)容符號，精簡交互符號。藝術(shù)類資訊產(chǎn)品的交互邏輯應當是在內(nèi)容上做加法，在界面上做減法，拓展藝術(shù)內(nèi)容的符號面?！俄n熙載夜宴圖》本身是圖像符號，難以表達其中的聲音、動作等內(nèi)容。而移動互聯(lián)網(wǎng)具有集合多重媒介符號的能力，既能承載傳統(tǒng)媒介的符號內(nèi)容，又能表達聲音、動作等信息符號，因此，通過系統(tǒng)化的組合，將畫作中的歌舞身形、聲音韻律等整合成多維信息符號內(nèi)容。對于理解古典名畫這類具有復雜內(nèi)容的文化符號具有獨到的優(yōu)勢。精簡交互符號則是在豐富內(nèi)容符號的同時，一方面減少用戶的符號認知負擔，另一方面，提高用戶對內(nèi)容符號的的認知頻次，其目的也是突出內(nèi)容符號本身。

三是在交互過程中激發(fā)符號內(nèi)容認知。文化內(nèi)容相較于新聞資訊，在效率和認知兩個方面更傾向于認知。讓用戶在交互過程中體驗到文化認知的樂趣，是文化內(nèi)容應有的特點。優(yōu)秀的交互邏輯設計，能提升文化內(nèi)容的體驗樂趣。在《韓熙載夜宴圖》圖像內(nèi)容鑒賞過程中，用畫面內(nèi)容替代功能性符號，用戶點擊畫中的歌姬圖像，立刻轉(zhuǎn)化成真人表演場景；點擊草書內(nèi)容，立刻轉(zhuǎn)化成標準印刷宋體字，將圖像與符號功能融為一體，消解了功能與內(nèi)容之間的層級關(guān)系，讓用戶直接在畫作符號的整體框架下完成閱讀目標，實現(xiàn)興趣疊加，產(chǎn)生認知欲望。

3．《韓熙載夜宴圖》APP交互設計中的符號指向體驗。一是在系統(tǒng)結(jié)構(gòu)層面。《韓熙載夜宴圖》APP運用三層遞進的符號系統(tǒng)，將畫作中復雜的內(nèi)容符號層層分解，從總體到局部，指向明確?？傆[層指向畫作整體概覽，將畫作作為唯一符號呈現(xiàn)，以長卷詳盡展示內(nèi)容的交互方式提供畫作總體信息；鑒賞層通過分段方式指向不同段落內(nèi)容，以上中下三軸，按主題、圖樣、解說三部分橫列，用縮略長圖展示該層全部交互符號系統(tǒng)；探索層作為重交互層，內(nèi)容指向明確，提供了豐富的符號元素，包括功能性符號和內(nèi)容符號，引導用戶平移、點擊、長按、并輔以同步音效等豐富的交互體驗和反饋，使得用戶在細節(jié)瀏覽時能獲得精確的信息指向。

二是在內(nèi)容審美層面。作為面向大眾的文化精品，《韓熙載夜宴圖》APP始終將內(nèi)容審美放在用戶交互感受的首位，在交互符號的色彩均衡性、象征性、純度、造型等方面都和畫作保持了高度的一致。功能性符號大量采用傳統(tǒng)裝飾設計紋樣，符號設計細致古典。用戶在進行內(nèi)容交互時，長按后局部高亮并加入了閃動效果，在交互操作上獲得燭影搖曳的隱喻審美體驗。在解讀樂舞符號元素時，采用長按調(diào)出同位視頻的交互方式，將圖像符號直接還原為影視符號，配以專業(yè)講解，提供深度信息，營造出類似AR的穿越式瀏覽體驗，閱讀的藝術(shù)情緒強烈，讓用戶全息化理解歌舞信息的藝術(shù)魅力。這種影、音、畫符號復合實施構(gòu)建文化情境的方式，兼顧了學術(shù)性和普及性，激發(fā)用戶交互興趣的同時強化了文化內(nèi)容的審美解釋精度。

四、結(jié)語

符號在人類文明和認知體系中占有重要的地位，在交互設計中，目前多被用作工具和前端素材，作為新的認知模式，交互設計在利用和發(fā)掘符號功能和意義方面還處在起步階段，需要進行深入研究和實踐，使產(chǎn)品的交互形態(tài)更匹配藝術(shù)內(nèi)容，讓用戶更自然、直觀地理解藝術(shù)內(nèi)涵，提高產(chǎn)品的附加值和競爭力。

本文系教育部人文社會科學研究青年基金項目“符號學視角下的藝術(shù)資訊APP交互設計研究”（項目編號：16YJC760063）的階段性研究成果。

[1]陳佳．中國當代藝術(shù)中的“符號化”現(xiàn)象——兼論“符號”的情感與時代 [J]．藝術(shù)百家，2009(02)．

[2]于安瀾．宣和畫譜[M]．上海：人民美術(shù)出版社，1963．

[3]程定稆，蔣曉．交互產(chǎn)品設計中的符號指向[J]．藝術(shù)與設計(理論)，2008(08)．

[4]林信華．社會符號學[M]．上海：東方出版中心，2011．