中國傳統文化元素在UI設計中的創新應用

◇四川職業技術學院 黃榮梅

本文以民族色彩、書法、剪紙、水墨畫、傳統圖紋、插花藝術為代表的六種中國傳統文化元素為例，分析并挖掘中國傳統文化元素的意義和特點，有效地把中國傳統文化元素融入到UI設計中，重新詮釋了中國式UI設計。

隨著互聯網技術和信息化高速發展，高智能高配置的便攜產品廣泛應用于人們的生活中，使得移動UI行業迅猛發展，方便快捷且具有產品個性的UI界面用戶體驗尤為重要。如何提升UI 界面的認同感及藝術內涵，將中國傳統文化元素有效運用在UI設計中，是當前我國UI設計的一個重要發展方向。

1 國內UI設計中存在的問題

UI設計是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。UI設計不僅要有好的視覺體驗，還要呈現出科學性、實用性、合理性等操作體驗。目前中國的UI市場發展并不樂觀，UI設計的標準仍以歐美國家的設計理念和設計風格為主導，大多數國內UI設計師習慣于模仿、借鑒西方設計思維，造成現有中國市場上的手機、軟件、網站等產品同質化現象日趨嚴重，無法滿足國內用戶的個性化、高質量的體驗需求。我國歷史悠久，擁有大量中國印記的傳統文化元素，將這些傳統元素運用到UI設計上，創立獨有的中國式UI設計風格，已成為中國設計基調的必然趨勢。

2 中國傳統文化元素應用于UI設計中的重要性

中國傳統文化元素具有鮮明的民族特色和和深厚的文化底蘊，且題材廣泛、寓意深刻。將這些具有中國特點的傳統文化元素應用到UI設計中，能夠推進了中國式UI設計的長遠發展，煥發中國式UI設計的藝術生命，符合現代中國人的審美和民族情懷[1]。

2.1 推進中國式UI設計的長遠發展

中國式UI設計要被大眾認知和接受，需要找到自身的特色和定位，把中國傳統文化元素融入到UI設計中，能夠讓中國式UI設計擁有獨特的創作思路和創作手法，使中國式UI設計呈現更情景交融的環境、更具中國情懷的交互體驗，從而提高市場競爭力，推進中國式UI設計長遠地發展。

2.2 煥發中國式UI設計的藝術生命

中國傳統文化元素具有深厚的文化內涵及特有的藝術魅力，把中國傳統文化元素融入到 UI設計中，能顯著提升 UI設計的藝術品質、增強UI設計的文化內涵、豐富UI設計的表現形式，使中國式UI設計煥發藝術生命。

2.3 符合現代中國人的審美和民族情懷

中國傳統文化元素作為文化的載體，是一種寶貴的精神財富，也是國人的一種民族情懷。把中國傳統文化元素融入到UI設計中，能進一步增強國人的民族認同感與民族自豪感，讓更多用戶在美觀舒適的視覺享受同時聚焦中國傳統文化，進而促進人與文化的和諧發展。

3 中國傳統文化元素在UI設計中的應用

中國傳統文化博大精深，民族色彩、書法、剪紙、水墨畫、傳統圖案、插花藝術等元素是我國傳統文化中的重要組成部分，在UI設計中融入這些多樣化的傳統元素，能夠真正體現中國式UI設計風格。

3.1 民族色彩在UI設計中的應用

中國的民族色彩極具個性，在歷史的發展過程中形成了固定的文化體系，每一種顏色都有特定的文化內涵及色彩意象。在UI設計中將民族傳統色彩與設計理念進行融合，一方面，能夠給用戶帶來強烈的視覺體驗；另一方面，可以通過色彩元素表達中國傳統文化內涵，這樣的產品更能引起用戶的共鳴，使設計更具價值性以及生命力[2]。

3.2 書法元素在UI設計中的應用

中國書法作為我國傳統文化中重要的藝術表現形式，不僅擁有意境神韻，而且具有獨特的韻律美。在UI設計中，汲取書法元素獨特的結構美、布局美、意象美、韻律美，體會到書法元素筆斷意連的深意，就能使UI界面各個組成要素相互呼應、意境深遠。

如圖1所示，該界面是學生設計師A制作的名為“青花瓷盤中書”閱讀類APP的啟動頁，界面主體是手繪的青花瓷盤中書圖案，右側使用灑脫的毛筆書法展示APP應用程序名，界面四角有序地擺放著青花瓷盤邊角圖案，與居中的主體圖案相互呼應，背景采用水墨山水，整體APP界面展現了書法元素的布局美、結構美，體現了書法元素筆斷意連的意境，使得UI界面協調統一、相互呼應、意境深遠。

圖1 青花瓷盤中書APP啟動頁

3.3 剪紙藝術在UI設計中的應用

剪紙藝術是我國民俗文化中重要的組成部分，也稱鏤空藝術，剪紙的造型依據主要是意念和心象，民間藝人們用剪刀對紙張進行剪裁、重構和整合，得到人們心里企盼的理想化的符號和圖形，如窗花、門箋、墻花、頂棚花、燈花等。如果我們把這種獨特的鏤空藝術與UI設計理念及設計技巧有機結合，使得UI界面以嶄新的形式面向世界，既能很好地展現UI設計的空間美感，同時也賦予了設計作品豐富的寓意，向用戶傳達了美的追求和向往。

3.4 水墨畫元素在UI設計中的應用

水墨畫也被稱為國畫、中國畫，是中國傳統繪畫技巧的一種形式，是我國傳統文化元素的典型代表。水墨由水和墨的多少調配成不同深淺的墨色，墨于水的變化可分為五色，故而水墨畫有“墨分五色”的特點，通過墨色濃淡讓畫面表現出別有韻味的“墨韻”，且水墨畫的構圖也極具藝術美，巧妙地用到了留白、主次、虛實等技巧[3]。

在所有的水墨畫技巧中留白是最為獨特精妙的，在字與字間、圖與圖間、字與圖間合理布局，讓整個UI作品空間結構更加地主次分明，這不僅提高了UI設計的觀賞度、舒適度和體驗度，還營造出元素間意境的靈動，抒發獨特的人文情懷。

在具體的UI設計中，可使用中國傳統水墨畫元素作為手機主題背景或APP界面背景，通過特有水墨色調的變化，使整個界面給人時尚淡雅的感覺。在手機主題圖標的設計中，可以運用水墨畫手法勾勒出獨特的線條及紋理，以古風的設計理念展現出不一樣的視覺體驗。在游戲APP設計中，可以借鑒水墨畫虛實結合的構圖技巧，比如對于游戲場景的設計，可以將遠方的場景進行虛化，將操作界面進行實化，這種設計理念能夠更好地增加游戲的沉浸感[4]。

如圖2所示，該界面是學生設計師B制作的一款日歷APP啟動頁，界面主體是具有水墨古風的“濃情端午”圖文，采用水墨畫手法勾勒的祥云圖案合理布局于“濃情端午”圖文間，主體圖文的上下左右適當留白，使得UI界面主次分明、布局合理、豐盈靈動。左下界面用到了墨竹，竹子有“長壽安寧”、竹節有“節節高升”的寓意，為日歷APP啟動頁增添了中國傳統端午佳節的祥和；竹枝錯落有致，竹葉濃淡相宜，與界面遠處的水墨畫山水背景虛實結合。該界面恰當地用到了主次、留白、虛實等技巧，使APP作品呈現出耳目一新的藝術美感，有效提高了UI設計作品的觀賞度與體驗度。

圖2 日歷APP啟動頁

3.5 傳統圖紋在UI設計中的應用

中國傳統圖紋凝結了歷代人民的智慧與創造，具有深厚的文化內涵和豐富的象征意義。比如：魚圖紋表達的是年年有魚的含義，鶴圖紋是長壽、吉祥和高雅的象征，石榴圖紋表達的是多子多福的含義。其中祥云圖紋在現代設計中被廣泛應用，祥云圖紋造型獨特、婉轉優美，表達了吉祥、喜慶、幸福的愿望，其美好的寓意讓我們感受到中國傳統文化的博大精深。

在UI設計中應用這些傳統圖紋時，首先應該對其蘊藏的文化內涵及涵蓋的深刻寓意充分挖掘。其次，在保持傳統圖紋基本形態的前提下，利用UI設計原則和表現手法，對圖紋造型進行簡化、變異、重組，創新設計。最后，形成具有中國特色的UI設計作品[5]。

把傳統圖紋應用于UI界面設計中，一方面使UI作品更加多樣化，另一方面也提升了UI作品的文化內涵。如圖3所示，學生設計師C在做了大量市場調研及用戶需求后，感受到現代人生活節奏雖然很快，但人們對于美食的需求卻多種多樣，故而設計了一個名為“每天每食”的APP，包括用戶登錄、在線查詢、在線點餐、在線預定、在線支付，用戶評價，個人中心等功能頁面。該款APP在啟動頁面中應用魚紋、糖葫蘆等傳統紋樣作為底紋，整個APP界面采用了中等明度的橙紅色調，讓用戶愉悅地享受美食的同時也感受到了中國傳統文化的魅力。

圖3 《每天每食》APP頁面

3.6 插畫藝術在UI設計中的應用

中國傳統插花藝術本著“源于自然、師法自然、高于自然”的指導思想與審美情趣，是人工美與自然美的巧妙結合，尤其是造型創作方面重形尚意，追求以形傳神、形神兼備、情景交融而深邃的意境美，使設計達到“雖由人作，宛自天開”的感染力[6]。在UI設計中融合傳統插花藝術，根據UI界面特點重構界面布局，巧妙組合UI界面元素，使UI界面構圖自由活潑，形式豐富多樣，各元素和諧共生，使用戶更能產生思想上及情感上的共鳴，獲得良好的用戶體驗。

4 結束語

隨著時代的發展，中國傳統文化元素的內涵和價值在不斷豐富，與時代需求之間也在不斷地有機結合。UI設計中，充分應用這些傳統文化元素，能夠極大地提升作品的視覺美感和文化內涵，帶給用戶更好的交互體驗，讓界面設計煥發出獨有的中國魅力，成為真正意義上的中國式UI設計。