中國傳統圖案在手機UI界面中的設計應用研究

梁 黎

?

中國傳統圖案在手機UI界面中的設計應用研究

梁 黎

在移動通訊技術與智能手機普及的當下，手機已不是單純的通訊工具，而轉變為移動社交、辦公和娛樂的綜合終端。手機UI成為體現使用者個性與品味的一大考量。但當前手機UI界面設計重視功能，UI設計更多地借鑒、應用西方審美元素。作為我國藝術瑰寶的中國傳統圖案在手機UI界面設計中鮮見。在這樣的背景下，本文簡述了中國傳統圖案及手機UI幾面設計中應用傳統圖案的思路，分析手機UI界面設計的成功案例，分析未來UI設計界面的趨勢與國內用戶的審美取向。

一、智能手機UI設計概述

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

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

二、中國傳統常用圖案及其交流的信息

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

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

iphone5手機界面圖1　

傳統吉祥圖案-蓮圖2　

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

三、傳統圖案在手機UI界面中的設計應用

1.手機UI界面設計的視覺藝術表現

（1）統一文化主題的視覺風格

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

（2）頁面布局的傳統圖案應用

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

傳統圖案在手機UI設計中的應用 圖3　

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

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

四、小結

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

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

參考文獻：

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

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

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

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