中國傳統(tǒng)紋樣在UI設計中的創(chuàng)新應用

倪世明

摘? 要：隨著智能手機的普及，手機從通信工具迅速變成了集社交、辦公、娛樂等為一體的生活必需品，人們對UI設計的要求也越來越高。但目前國內的UI設計，更多趨向于學習、借鑒西方的審美元素，缺乏中國傳統(tǒng)元素。在移動互聯(lián)網(wǎng)時代背景下，文章用現(xiàn)代人的審美視角對中國傳統(tǒng)紋樣加以傳承與創(chuàng)新，并將其融入UI設計中，賦予更多的文化內涵，滿足用戶的審美體驗與精神需求。

關鍵詞：中國傳統(tǒng)紋樣;UI設計;創(chuàng)新應用

中圖分類號：TS958 文獻標志碼：A? ? ? ? ?文章編號：2095-2945（2019）09-0038-03

Abstract： With the popularity of smart phones， mobile phones from communication tools have quickly become a set of social， office， entertainment and other necessities of life， people have higher and higher requirements for UI design. However， at present， the domestic UI design tends to learn and draw lessons from the western aesthetic elements， lack of Chinese traditional elements. Under the background of the mobile Internet era， this paper inherits and innovates the Chinese traditional patterns from the aesthetic perspective of modern people， and integrates them into the UI design， endowing them with more cultural connotations to meet the aesthetic experience and spiritual needs of users.

Keywords： Chinese traditional pattern; UI design; innovative application

引言

根據(jù)工信部2019年1月發(fā)布的《2018年通信業(yè)統(tǒng)計公報》，2018年移動電話用戶總數(shù)達到15.7億戶，移動電話用戶普及率達到112.2部/百人[1]。面對如此巨大的用戶體量，以及人們使用手機時間的不斷增長， UI行業(yè)迅猛發(fā)展。隨之而來的是UI設計中出現(xiàn)的種種弊端。APP同質化現(xiàn)象日趨嚴重，無法滿足用戶的個性化、高質量的體驗需求。此外，現(xiàn)今UI設計的標準，仍以歐美國家的設計師、設計形式為主導。

中國傳統(tǒng)紋樣內涵豐富、形式多樣、不勝枚舉，對現(xiàn)代UI設計具有參考價值，是UI設計師們創(chuàng)意的來源。但目前，傳統(tǒng)紋樣仍未被充分的利用、傳承。本文對中國傳統(tǒng)紋樣進行研究，利用數(shù)字技術對提煉出來的傳統(tǒng)元素進行復制、變形、再創(chuàng)造，將其抽象概括成現(xiàn)代的視覺表現(xiàn)語言，并結合UI設計進行創(chuàng)新應用實踐。本文用現(xiàn)代人的審美視角對中國傳統(tǒng)紋樣加以傳承與創(chuàng)新，使傳統(tǒng)紋樣在UI設計中煥發(fā)新生，既能豐富UI設計的文化內涵、表現(xiàn)形式，又能傳承和弘揚中國傳統(tǒng)文化，讓更多的手機用戶接觸傳統(tǒng)紋樣、喜愛傳統(tǒng)文化。

1 UI設計概述

1.1 UI設計概念

UI，User Interface（用戶界面）的簡稱。UI設計是指對軟件的人機交互、操作邏輯、界面美觀的整體設計， 是專門研究、規(guī)劃和設計讓人與計算機或智能手機協(xié)同工作，滿足人們工作、生活等需求的一種新的媒體藝術[2]。UI設計由用戶研究、交互設計、界面設計三個部分組成。好的UI設計是人機溝通、交互的橋梁，視覺美觀，操作舒適、便捷。目前，伴隨著人們日益提升的軟件界面需求，有內涵、個性化的UI界面顯得尤為重要，這也是本文創(chuàng)新實踐的著力點。

1.2 UI設計現(xiàn)狀

在國外，UI設計已有幾十年的發(fā)展，UI設計師崗位分工明細，不斷完善發(fā)展。在國內，UI設計尚處于起步階段，高水平、有經驗、能滿足市場需求的設計師為數(shù)甚少。此外，國內UI企業(yè)缺乏對用戶的研究，在人機交互、界面設計上都學習借鑒歐美設計模式，同質化現(xiàn)象嚴重，一定程度上導致國內UI設計落后于國外。與此同時，互聯(lián)網(wǎng)產業(yè)極速發(fā)展、日新月異，人們對美好生活的需求日益增長，倒逼國內UI設計行業(yè)走上升級之路。UI設計行業(yè)不能簡單停留在復制操作上[3]，要不斷探索設計方向，尋求更為合理的設計方案，滿足用戶的視覺、心理、交互等全方位的體驗，突破現(xiàn)有的發(fā)展瓶頸，實現(xiàn)由中國制造向中國創(chuàng)造最終走向中國智造的領先水平。

而作為UI設計師，應該積極思考如何在數(shù)字平臺上應用中國傳統(tǒng)紋樣，創(chuàng)造出具有中國特色的UI設計作品。本文將中國傳統(tǒng)紋樣在UI設計中創(chuàng)新應用，就是一次很好的嘗試。

2 中國傳統(tǒng)紋樣

中國傳統(tǒng)紋樣作為傳統(tǒng)文化的重要構成部分，貫穿中國五千年歷史發(fā)展的各個階段，是不同時期風俗、生活習慣的符號演化，凝結了歷代人民的智慧與創(chuàng)造。中國傳統(tǒng)紋樣文化內涵豐富，具有成熟完善的視覺系統(tǒng)，具有跨文化交流的能力，能彰顯傳統(tǒng)文化個性，展現(xiàn)美學精神[4]。在高度現(xiàn)代化、信息化的時代，如何將中國傳統(tǒng)紋樣與現(xiàn)代UI設計更好的結合，是UI從業(yè)者需要思考并實踐的問題。

2.1 中國傳統(tǒng)紋樣分類

中國傳統(tǒng)紋樣種類繁多、寓意深刻、內涵豐富，如表1所示。

按照構成形式分，有單獨紋樣、適合紋樣、混合紋飾、連續(xù)紋樣、其他紋樣等。

按照紋樣形象分，有植物類紋樣、動物類紋樣、人物類紋樣、幾何類紋樣、器物類紋樣等[5]。

2.2 中國傳統(tǒng)紋樣的應用方法

如何將中國傳統(tǒng)紋樣融入UI設計？

首先要正確理解中國傳統(tǒng)紋樣的文化內涵。傳統(tǒng)紋樣經過歷史的積淀，具有獨特的寓意和理念，要深入解讀其中的內涵，而不是“拿來主義、照搬照抄”。其次，對紋樣進行重構、互融、借鑒[6]。重構：在保持傳統(tǒng)紋樣基本形態(tài)的前提下，依照現(xiàn)代的審美觀念，對紋樣造型進行簡化、變異、重組;互融：融合不同性質或種類的紋樣造型元素，再重組;借鑒：在UI設計中，借鑒傳統(tǒng)紋樣的設計原則、文化理念與表現(xiàn)手法。最后，形成既具中國傳統(tǒng)特色，又具當代氣息的UI設計作品。

3 中國傳統(tǒng)紋樣在UI設計中的創(chuàng)新應用

在研究了中國傳統(tǒng)紋樣的精神內涵、色彩、形態(tài)后，運用重構、互融、借鑒的方法，結合UI用戶研究和設計趨勢，將傳統(tǒng)紋樣創(chuàng)新應用于UI 設計中，推出一系列具有中國特色的現(xiàn)代UI設計方案。

3.1 傳統(tǒng)紋樣在ICON設計中的應用

ICON，即圖標，是一種視覺符號，具有標志意義。受眾對圖標的第一視覺感非常短[7]，因此，在圖標設計上，要盡可能造型簡潔，又能引導用戶進行交互操作。如圖1所示，學生設計師A從傳統(tǒng)“連珠紋”中得到設計靈感，與現(xiàn)代視覺符號“箭頭”進行互融，巧妙地應用于線性ICON設計中，向人們傳達輸入法的信息，設計生動、獨特，富有想象力。此外，在視覺感官上，給用戶一種傳統(tǒng)與現(xiàn)代融合的秩序美感;在交互操作上，能迅速讓用戶聯(lián)想到ICON含義，增加了UI產品的內在張力。

3.2 傳統(tǒng)紋樣在 BANNER設計中的應用

BANNER，即橫幅廣告，形象鮮明，表達UI頁面中最主要情感思想、宣傳中心。BANNER由文案、商品/模特、背景、點綴物等構成，具有較強的表現(xiàn)力和交互內容。如圖2所示，學生設計師B應用了傳統(tǒng)“吉星錦”紋樣，以吉祥星星做底圖裝飾，讓高科技的VR虛擬現(xiàn)實產品更具神秘氣息。該傳統(tǒng)紋樣應用的情境、傳達的內涵恰如其分，整個BANNER畫面極具設計美感，給用戶一種躍躍欲試的感覺。

3.3 傳統(tǒng)紋樣在APP頁面設計中的應用

將傳統(tǒng)紋樣應用于APP頁面設計中，是一種極具創(chuàng)意的表現(xiàn)手法，一方面讓UI設計作品更加多樣化，另一方面也提升了作品內涵。如圖3所示，學生設計師C在“網(wǎng)易云音樂”的APP改版設計中，應用傳統(tǒng)植物紋樣作為底紋，整個APP畫面用牛皮紙的土黃色調，形式統(tǒng)一，讓用戶感受到富有濃厚歷史底蘊的音樂力量。

如圖4所示，學生設計師D在做了大量用戶研究后，了解到現(xiàn)代人生活繁忙，沒時間去博物館，故而設計了一個名為“每日博物”APP，包括博物館、展覽展示信息、個人中心、每周精選等版塊，讓用戶在手機上也能逛博物館。該款APP設計，給用戶一種全新的博物館體驗。在“每日博物”APP啟動頁面，就應用了諸多傳統(tǒng)紋樣：仕女紋樣、飛鶴紋樣、植物紋樣等，APP頁面唯美動人，自然流露出一種文化氣韻。

4 結論

從中國傳統(tǒng)紋樣中汲取靈感，運用重構、互融、借鑒方法，創(chuàng)新應用于UI設計，不但豐富了UI設計的作品形式，展現(xiàn)了傳統(tǒng)紋樣的獨特魅力，也有利于傳承弘揚中國傳統(tǒng)文化。立足傳統(tǒng)，積極創(chuàng)新，本文也為其他傳統(tǒng)紋樣的創(chuàng)新設計與應用提供借鑒。

參考文獻：

[1]2018年通信業(yè)統(tǒng)計公報[R].北京：工業(yè)和信息化部，2019.

[2]周陟.UI進化論[M].清華大學出版社，2012.

[3]武利敏.UI設計中的視覺表現(xiàn)研究與實踐[D].蘭州大學，2018.

[4]周岳.傳統(tǒng)紋樣構建當代視覺形象的五大優(yōu)勢[J].美術觀察，2018（9）.

[5]班昆.中國傳統(tǒng)圖案大觀（二）[M].北京：人民美術出版社，2003.

[6]杜文娟.傳統(tǒng)圖形紋樣在現(xiàn)代家具設計中的應用——以幾何形紋樣為例[J].美術大觀，2012（9）.

[7]楊潔.網(wǎng)頁圖形界面的圖標設計風格研究[J].設計，2015（7）.