中國傳統(tǒng)圖案在手機UI界面中的設計應用研究

梁 黎

?

中國傳統(tǒng)圖案在手機UI界面中的設計應用研究

梁 黎

在移動通訊技術(shù)與智能手機普及的當下，手機已不是單純的通訊工具，而轉(zhuǎn)變?yōu)橐苿由缃弧⑥k公和娛樂的綜合終端。手機UI成為體現(xiàn)使用者個性與品味的一大考量。但當前手機UI界面設計重視功能，UI設計更多地借鑒、應用西方審美元素。作為我國藝術(shù)瑰寶的中國傳統(tǒng)圖案在手機UI界面設計中鮮見。在這樣的背景下，本文簡述了中國傳統(tǒng)圖案及手機UI幾面設計中應用傳統(tǒng)圖案的思路，分析手機UI界面設計的成功案例，分析未來UI設計界面的趨勢與國內(nèi)用戶的審美取向。

一、智能手機UI設計概述

智能手機目前逐漸成為通訊行業(yè)的主導產(chǎn)品，可視化和觸摸式的操作讓手機UI界面成為了客戶體驗的第一道程序，手機UI一方面是智能手機屏幕外觀的重要組成部分之一，另一方面也是移動手機應用客戶端的logo展示平臺。

手機UI界面的設計有著多方面的考慮因素，首先要考慮界面的整體效果，是扁平化風格（圖1）還是后現(xiàn)代金屬風格還是清新設計的風格，風格的一致性能夠給客戶帶來較為舒適的視覺體驗；其次是客戶心理的分析，需要根據(jù)客戶的年齡階段、文化背景、地域背景等因素分析客戶對于手機UI界面的心理需求；除此之外，還要考慮到客戶的操作習慣、界面的交互可操作性等不同的因素。

二、中國傳統(tǒng)常用圖案及其交流的信息

中國傳統(tǒng)文化經(jīng)過數(shù)千年的歷史積淀和現(xiàn)代文化的洗禮，留存下來了許多具有豐富含義的傳統(tǒng)圖案，這些圖案能夠通過較為簡潔的構(gòu)圖和線條來展現(xiàn)一個或幾個特定含義，例如京劇的臉譜可以用顏色和線條走向表現(xiàn)人物的善惡忠奸、喜怒哀樂，印章可以通過筆勢深淺、鐵畫銀鉤呈現(xiàn)印章主人的性格偏好，祥云圖案寓意吉祥、元寶圖案寓意財富、筆墨紙硯寓意才華、窗花剪紙寓意喜慶與節(jié)氣（圖2）、風箏指代春天，等等。

現(xiàn)代產(chǎn)品中常常運用一定的傳統(tǒng)圖案來表達具有一定敘事意義的設計思想，例如2008年的背景奧運火炬，整體就用祥云圖案進行裝飾，一方面表現(xiàn)了中國傳統(tǒng)圖案的美，另一方面也有著美好的祝愿。傳統(tǒng)圖案也如同音樂的音符一樣在應用時有一定的章法，如應用的情境、顏色的搭配、含義是否恰如其分等等。

iphone5手機界面圖1　

傳統(tǒng)吉祥圖案-蓮圖2　

隨著移動技術(shù)的發(fā)展，智能手機在我國應用比例越來越高。手機各開發(fā)商往往只注重手機UI界面的功能性與實用性，忽視了UI界面的審美特性。尤其是在西方審美占據(jù)工業(yè)設計審美主流價值的情況下，扁平化、極簡主義等色彩、圖案大行其道。相反，我國傳統(tǒng)圖案這一藝術(shù)瑰寶被冷落，如何讓傳統(tǒng)圖案在手機UI界面設計中煥發(fā)新生不僅是傳統(tǒng)文化的弘揚，更是對手機UI界面設計素材的豐富和多元化體現(xiàn)。

三、傳統(tǒng)圖案在手機UI界面中的設計應用

1.手機UI界面設計的視覺藝術(shù)表現(xiàn)

（1）統(tǒng)一文化主題的視覺風格

設計師在應用傳統(tǒng)圖案進行設計的時候，需要對傳統(tǒng)圖案所表達的文化內(nèi)涵有較為深刻的理解，在文化走向方面能夠有一個較為明確的把握方向，例如圖-3的示例當中，文化主題是道教文化，其圖標設計展示這一主題尤為明顯，例如天氣圖標運用了祥云圖案作為圖標的主體部分之一，微博圖標則應用了蓮花這一吉祥圖案，同樣應用蓮花圖案的還有時鐘圖標和應用列表圖標，電話圖標則應用了太極圖案來表達人與人的信息交互共享，整體顏色也用得額是飽和度高但明度較低的顏色，與中國傳統(tǒng)建筑和服飾用色一致，具有較強的文化代表性。

（2）頁面布局的傳統(tǒng)圖案應用

頁面布局的傳統(tǒng)圖案應用有三類，一是圖標設計中的傳統(tǒng)圖案應用，二是跳轉(zhuǎn)按鈕的傳統(tǒng)圖案應用，三是主題設計的傳統(tǒng)圖案應用。跳轉(zhuǎn)按鈕和圖標設計中的傳統(tǒng)圖案應用方式相似，也是符號意義的應用和顏色的選擇，但與圖標設計不同的一點，跳轉(zhuǎn)按鈕的圖形大小較小，因此按鈕中所應用的傳統(tǒng)圖案不能復雜，否則圖案表達不明晰反而達不到預期效果。主題設計是手機UI界面的總體效果，包括歡迎界面、圖標界面以及系統(tǒng)界面等等，是多個UI界面的有機結(jié)合，可以有較多的角度來應用中國傳統(tǒng)圖案，例如時間界面可以根據(jù)時間、月份、季節(jié)更替不同的代表該時段的傳統(tǒng)圖案UI。

傳統(tǒng)圖案在手機UI設計中的應用 圖3　

2.手機UI界面的操作設計

手機UI界面的操作可以應用較多的傳統(tǒng)圖案元素，首先是解鎖界面，目前的手機界面解鎖應用到UI設計的有兩種，一種是滑動解鎖一種是圖形解鎖，這兩種解鎖均可以講操作互動的UI圖標替換為具有中國傳統(tǒng)圖案設計理念的圖標。例如滑動解鎖可以應用風箏圖案，在動態(tài)中還有一絲風箏飛舞的童趣，圖案解鎖可以用不同的臉譜圖案分布在九宮按鈕上，避免了解鎖界面的呆板。其次是輸入界面，輸入界面根據(jù)輸入法的不同有著不同的界面風格，以搜狗手機輸入法為例，該輸入法有許多應用了傳統(tǒng)圖案的輸入法皮膚風格，如竹子圖案配綠色輸入法界面風格、中國結(jié)配紅色輸入法界面風格，不一而足。三是短信界面，短信界面的UI設計可以體現(xiàn)在兩個方面，一是對話框的UI傳統(tǒng)圖案應用，如外框應用傳統(tǒng)窗欞圖案、祥云圖案等等，二是發(fā)送狀態(tài)圖標應用傳統(tǒng)圖案，如發(fā)送失敗是“怒”的臉譜，成功是“喜”的臉譜，等等。

四、小結(jié)

中國傳統(tǒng)文化博大精深，傳統(tǒng)圖案為手機UI界面設計帶來了新的靈感和新的方向，在手機UI界面的設計過程中，既有設計師的審美偏好，還有整個社會的文化心理和消費取向，傳統(tǒng)圖案越來越多應用于手機UI界面中，是中國文化傳承的證明也是中華民族文化自信心的體現(xiàn)。手機UI界面的設計在滿足用戶體驗的需求這一基本要求的基礎上，設計師們還應該有更高層次的理念需求，傳統(tǒng)圖案的應用還有待設計師的進一步發(fā)掘。

＊ 本文系武漢理工大學華夏學院科研項目（編號：15024）的階段性成果

參考文獻：

1.張玉昆,李冰.淺談中國元素在現(xiàn)代UI設計中的應用[J].西北美術(shù),2014(03).

2.李黎.論手機UI設計中視覺藝術(shù)元素的構(gòu)成[J].現(xiàn)代裝飾(理論),2015(07).

3.雷菁.淺析中國傳統(tǒng)元素在手機UI界面設計中的應用[J].通訊世界,2015(10).

梁 黎：武漢理工大學華夏學院講師