中國傳統文化元素在交互界面設計中的應用研究

朱爽蕾

（天津工藝美術職業學院,天津 300250）

一、交互界面設計的發展

交互界面是一門研究用戶交互體驗的新學科，它產生于20世紀80年代的美國。雖然它的發展只有短短幾十年，但已經深深地浸入到我們生活的方方面面，不斷改變著生活方式。自從臺式機的出現，人們就在不斷探索進行更有效的人機交互。

當今的信息時代，網絡信息化的快速發展，使我們生活中充斥著大量的信息。一方面，我們可以從無限的信息中心獲得所需的資源。另一方面，由于信息泛濫使得人們為之困擾。人們逐漸意識到要想更好地進行人機溝通，不僅僅是憑借界面設計的美觀性，更重要的是如何使信息溝通更加快捷、準確，人們能夠快速準確地接收、理解并使用信息。因為人機交互界面以視覺傳播為主，所以信息可視化應用和研究受到廣泛關注。

我國交互設計理論研究起步較晚，相對落后。早期只有知名設計公司及IT企業相繼設置了交互設計的相關小型機構，其研究成果甚微，無法與國外相關研究機構相比。近年來，由于我國通信互聯網行業的發展，智能手機、平板電腦、智能家電等互聯設備的廣泛應用，使交互設計行業得到了很大的發展。在廣東、北京、上海相繼成立了創新工場、青蛙設計、洛可可等交互設計機構，廣東省工業設計協會于2010年率先成立了交互設計委員會。使交互界面設計行業迅速得到發展。

目前國內大部分交互界面設計都存在抄襲國外設計作品的現象，眾多的交互界面設計作品只是千篇一律。能夠體現中國文化，運用中國元素設計的產品更是少之又少。將祖國傳統文化植根于現代交互界面設計中是我們應該研究的重要課題。通過對中國傳統文化元素的挖掘和分析，探索在交互界面設計領域如何繼承中國傳統文化的途徑，提出新的設計方式，提升中國本土交互設計地位的設計作品才能夠喚起大眾對中國傳統文化的關注與喜愛。

二、中國文化元素應用于交互設計中的意義

中國文化具有中華幾千年來的文明積累，博大精深，為我們的設計提供了豐富的資源。由于中國的民族多樣性，中華文化也匯集了多民族多地域特征的文化符號。將這些文化符號應用于界面交互設計中，有助于形成具有中國文化特色的界面形象。

此外，由于交互界面應用于互聯網，可借助網絡以新媒體的形式被廣泛傳播。再將中國元素與國際流行設計趨勢有效結合，可使受眾易于接受。

三、中國元素在交互界面設計中的應用原則

（一）中國元素的運用要與時代背景相融合

多媒體界面設計是將設計的美觀性、交互性、趣味性、情節性于一體的綜合性設計過程。其出發點是以用戶為核心。一味地追求中國元素的傳承，而沒有契合現代人的審美趣味，也難以被受眾所接受。多媒體界面設計勢必要將傳統文化元素加以變革，與現代審美相結合，才能使人喜聞樂見。

（二）運用中國元素要有選擇性的創新

交互界面設計的創新過程不是簡單的照搬照抄。而是能夠將符合時代發展、體現地域民族特征、展示傳統文化的元素，與傳統和現代的設計語言相融合。深入研究中國傳統視覺特征與現代的生活方式、使用習慣、情感特征等，找到它與界面設計的契合點并加以拓展、延伸，將交互界面設計風格賦予中國特色和現代審美相融合。

（三）運用中國元素要注重藝術性的體現

雖然多媒體界面交互設計集設計藝術、美學、社會學、傳播學、人機工程等多門學科基于一體，但它具有自身的結構體系。受眾在使用交互設計產品時的感受和評價決定了交互設計作品是否成功，是否較其他交互設計作品更具感染力和吸引力，是否更好地體現界面的交互性，是否具有更好地親和力，使人賞心悅目。

總之，中國傳統元素應用于交互界面設計中，不是簡單地拿來照搬，而是要在符合人機交互、操作邏輯、界面美觀的基礎上，對中國傳統圖案元素進行分解重構，與現代國際流行的扁平化設計風格相結合，才能設計出具有中國特色的界面交互設計作品。

四、如何將中國元素應用于交互界面設計中

（一）戲曲臉譜元素的開發

戲曲臉譜是舞臺演出時的化妝造型，是根據人物的性格、身份特征繪制在演員臉上的繪畫。臉譜根據不同的行當，面部妝容不一。一般“生”“旦”妝容略簡單。而“凈”與“丑”面部繪畫比較復雜，我們所說的京劇臉譜一般指“凈”的面部繪畫。以戲曲臉譜造型為基本元素，進行交互界面設計能夠展現我國戲曲獨特的文化特色。

以戲曲臉譜元素的界面圖標設計為例。此作品對眾多臉譜紋飾進行提煉，視覺流程清晰，尺寸比例規范，界面設計簡潔。戲曲臉譜的圖形和色彩恰當融合，加以干凈利落的邊界處理，平涂的方式，融合了現代的扁平化設計風格。該界面基于蘋果IOS10系統規范設計，界面分為Icon圖標設計，鎖屏界面設計、主屏幕設計、Widget頁面設計、信息頁面設計、聯系人及聯系人詳情頁設計。其中icon圖標設計，外輪廓使用了卡片的表現形式，以戲曲紋樣整理提煉后作為基礎圖形，將功能圖標（電話、時鐘、天氣、信件等）放置于基礎圖形的頂層，有利于用戶對圖標功能性的識別。臉譜圖標色彩搭配取材于傳統戲曲臉譜中的紅忠、白奸、黑直、藍剛、綠翠、黃殘、雜奇等配色，展現不同濃郁的戲曲色彩風格。戲曲臉譜的圖案以植物、動物、星辰符號、線條及幾何紋樣等元素構成。界面的壁紙以數字繪畫的方式呈現，別具風格。戲曲臉譜元素的交互界面設計將戲曲臉譜的圖形元素提煉重構，將古老的戲曲臉譜藝術，加以與多媒體界面的重構設計，使得將中國傳統臉譜藝術以新的設計方式展現出來，給人耳目一新的視覺體驗。

（二）傳統建筑元素的開發

榫卯是無須任何五金件或膠水，通過各種嵌套結構就可以把木制零件牢牢固定在一起的工藝，是中國古代建筑、家具及其他器械的主要結構方式，是中國傳統建筑與家具工藝中的精髓，體現了中國古代文化的智慧。由于這種工藝面臨失傳，因此這款《榫卯》移動應用作品的開發非常有意義。它可以使用戶通過移動端，用手指輕輕滑動屏幕就可以充分了解榫卯結構。實現了木工設計師關于榫卯的夢想。體現了一隼一卯，生生世世的傳統魅力。

榫卯這款應用的設計充分運用了現代的技術手段與古樸的設計風格相融合，巧工妙思，簡約古樸，精美絕倫。首頁以三維模型的方式展示了27種榫卯結構，背景以淡灰色光暈效果襯托了榫繆結構的精美。用戶通過點擊屏幕來展開每款榫繆結構，還可進行旋轉、拆解等操作，觀察榫繆的結構組成。直觀有趣、易于理解。通過點擊左上側菜單導航可進入《榫卯》知識部分。界面分別為木、器、漆、史等四個方面介紹了木料、制作榫卯的工具和榫卯的歷史等很多與榫卯相關的木工知識。界面設計以淡灰光暈為背景加以相關橢圓形圖片，下面配楷書文字，簡約具有濃郁的書卷氣。

“匠木”是泰格憂思在“榫繆”基礎上開發的國粹游戲，意在延續榫繆的成果，讓大家更多地去了解榫卯結構這一傳承千年的文化。也是目前市場上為數不多的國粹游戲,充分展現了古代文化。讓玩家盡情地發揮自己的腦洞和想象力，在玩游戲的同時還能學習，玩法很有創新。更多樂趣在于玩家之間的DIY，于好友之間進行出題，切磋。

匠木的界面設計及布局較榫繆更為精致，設計風格展現了濃郁的中國風。打開開始界面中國紅背景映入眼簾，隨之從左上角徐徐飄來片片丁香花瓣，伴隨著鳥鳴聲金黃色的木質榫繆結構圖形緩緩出現，上面雕刻著游戲主題“匠木”兩字。中國特色濃郁，鳥語花香，清新自然。主界面設計以倒映在宮墻上的竹影為背景，畫面中心有一個圓形的窗欞。用手滑動屏幕分別移出畫軸、黃銅鑰匙、雕刻工具、青銅鼎等圖形，同時代表著修行、館藏、切磋、成就等不同主題。以婉轉低沉的古箏琴音為背景音樂，優美動聽使人思緒寧靜，回味綿長。圖形移出伴隨著動畫和音效，增加了界面的交互性，給玩家良好的操作體驗。在悠揚的琴聲中點擊畫面進入主題，一幅畫軸“唰”的一聲在面前展開，滑動畫軸，不同的榫繆家具樣式呈現出來，需要玩家一步步地通關進行內容的解鎖。游戲設計也是以3D模型的形式，木材結構可旋轉。通過對材料的切割和對接，完成不同階段的任務。這款游戲獲得了不少的獎項，受到了玩家的廣泛好評。

（三）民間藝術元素的開發

中國民間藝術的發展主要是由社會底層的普通勞動者創造出來的，是通過實際生活日積月累的民俗文化現象。以民俗文化和社會習俗的視覺形象為載體，內容主要表現人民日常生活、節日風俗、民間宗教信仰及巫術等內容。民間藝術內容豐富，風格多樣，其中的故事情和表現方式也堪稱經典。楊柳青年畫作為中國北方民間藝術的代表，具有獨特而鮮明的地域特征和文化特征。楊柳青年畫的主要內容包括民間風俗、歷史故事、戲曲人物、娃娃、仕女、花卉、山水等。

交互界面設計作品《年畫那些事兒》是本文作者于2016年創作的交互界面設計作品。主要介紹了楊柳青年畫的歷史起源、制作工藝、歷史沿革等內容。對于擁有悠久歷史的楊柳青年畫藝術，短短十幾頁的篇幅是不能夠全方位展示的。只能在有限的空間內對楊柳青年畫做一個簡單介紹，對流傳最廣泛最典型的畫作進行展現。

五、結語

中國傳統文化元素承載著中華民族的精神內涵。將中國五千年的歷史文化元素運用到多媒體界面設計中，要很好地把握中國傳統文化的精神與內涵，同時與國際流行設計方式思路很好的融合。創造出具有中國特色的多媒體界面設計風格是我們中國設計師的歷史使命和任務。我們要將中華精神與多媒體界面設計更好地融合，創作出具有中國特色的多媒體界面設計作品，讓中國風在世界流行起來！