程 思 （長沙商貿(mào)旅游職業(yè)技術(shù)學(xué)院 410004）

基于中國傳統(tǒng)元素的手機應(yīng)用UI設(shè)計研究

程 思 （長沙商貿(mào)旅游職業(yè)技術(shù)學(xué)院 410004）

近年來，移動互聯(lián)網(wǎng)發(fā)展極為迅速，平面設(shè)計在此環(huán)境下開始向新媒體交互設(shè)計方向發(fā)展，基于APP應(yīng)用為核心的交互設(shè)計開始快速發(fā)展。不過從國內(nèi)的發(fā)展情況來看，交互設(shè)計顯然落后于智能手機等硬件設(shè)備發(fā)展，當(dāng)前的APP設(shè)計更多體現(xiàn)在滿足用戶需求的層面，較少涉及文化和情感的設(shè)計內(nèi)容，這必然會讓APP應(yīng)用的交互設(shè)計缺乏相應(yīng)的用戶體驗度。所以將傳統(tǒng)元素和交互設(shè)計進行融合，就是一個重要的發(fā)展方向，是提升設(shè)計用戶體驗度的重要途徑。

中國傳統(tǒng)元素；手機應(yīng)用；UI設(shè)計

華夏民族歷史悠久，傳統(tǒng)文化極為豐富。而且這些傳統(tǒng)文化對我們產(chǎn)生了根深蒂固的影響。傳統(tǒng)文化滲透到我們生活和工作的方方面面。雖然時代在不斷進步，但是卻不能夠忽視傳統(tǒng)文化的發(fā)展和傳承。以智能手機為代表的移動互聯(lián)網(wǎng)已經(jīng)成為新媒體傳播的重要路徑，在手機等UI界面設(shè)計中融入一些傳統(tǒng)元素，就能夠產(chǎn)生較佳的傳播作用，進而起到一定的傳承意義。

一、智能手機UI設(shè)計概述

當(dāng)前移動通訊領(lǐng)域，智能手機已經(jīng)占據(jù)主流。人們可以通過可視化的界面進行操作，也就是通過UI界面進行操作，從而滿足民眾的應(yīng)用需求。從這點來看，UI已經(jīng)成為智能手機屏幕外觀設(shè)計的重要構(gòu)成，此外，也是展示各種應(yīng)用客戶端logo的重要平臺。在進行UI設(shè)計時，需要綜合考慮多個因素，比如整體的框架結(jié)構(gòu)，需要采用扁平化設(shè)計風(fēng)格，具體可見下圖。而且要確保設(shè)計風(fēng)格的統(tǒng)一，從而提升用戶的視覺體驗。另外還需要結(jié)合目標(biāo)用戶的心理需求，結(jié)合他們的文化水平、地域條件和年齡層等要素，來分析他們對UI界面的需求，然后再據(jù)此進行針對性的設(shè)計。當(dāng)然在設(shè)計UI時，還需要滿足目標(biāo)用戶的操作習(xí)慣，以及交互操作的易用性等元素。

二、傳統(tǒng)元素以及交流信息分析

我國傳統(tǒng)文化經(jīng)過歲月的積淀，其內(nèi)容極為豐富。在設(shè)計領(lǐng)域，一些傳統(tǒng)圖案元素內(nèi)涵極為豐富，只需要簡單的線條或者構(gòu)圖就能夠包含具有一定內(nèi)涵的圖案。比如臉譜的設(shè)計，只需要通過顏色和線條的搭配，就能夠展現(xiàn)出人物的品質(zhì)和道德。祥云的圖案則蘊含了吉祥如意的屬性，而元寶圖案，則是蘊含了富貴。剪紙窗花等圖案則能夠寓意喜慶等。近年來，我國智能手機的市場占有率已經(jīng)成為主流，雖然很多開發(fā)商十分注重UI界面的功能性設(shè)計，可不同程度忽視了其審美屬性。很多開發(fā)商直接采用西方的審美特點，比如采用極簡主義和西方文化中的元素來進行UI界面設(shè)計，而我國傳統(tǒng)圖案這些經(jīng)典藝術(shù)卻被忽視，這顯然不符合我國民眾的審美習(xí)慣。所以將傳統(tǒng)文化元素融入到UI界面設(shè)計中就顯得極為重要，這能夠有效提升UI界面設(shè)計的豐富度，同時也能夠更好的傳承我國的傳統(tǒng)文化。

三、中國傳統(tǒng)元素應(yīng)用在手機UI設(shè)計的意義

1.傳承

在設(shè)計領(lǐng)域，西方設(shè)計理念開始對我國產(chǎn)生巨大的影響，如果我國傳統(tǒng)文化得不到有效發(fā)展和傳承，必然會遭遇發(fā)展的困境。雖然目前一些手機廠商開始挖掘我國傳統(tǒng)文化這個寶藏，但是整體設(shè)計效果并不佳。要知道，在智能手機UI界面設(shè)計領(lǐng)域，應(yīng)用傳統(tǒng)文化元素不僅要對這些元素所傳遞的內(nèi)涵進行傳播，同時還需要進一步影響民眾對我國傳統(tǒng)文化的深度認識，進而讓這些傳統(tǒng)文化元素能夠得到更好的傳承。并能夠?qū)γ癖姷纳詈蛯W(xué)習(xí)帶來積極的影響。

2.創(chuàng)新

隨著時代的發(fā)展，設(shè)計理念也會在不斷創(chuàng)新。對于傳統(tǒng)文化，如果不能夠在時代的背景下進行相應(yīng)的創(chuàng)新，那么最終這些文化只能夠進入博物館，難以對現(xiàn)代民眾產(chǎn)生影響，也很難對這些文化進行傳承。所以現(xiàn)代設(shè)計師們，在應(yīng)用傳統(tǒng)文化元素時，可以結(jié)合時代設(shè)計理念，從多角度來進行設(shè)計，從而衍生更多符合現(xiàn)代民眾審美特點的傳統(tǒng)文化，也就是說，只有對傳統(tǒng)文化元素進行創(chuàng)新，才能夠更好的對其進行傳承。

四、傳統(tǒng)圖案在手機UI界面中的設(shè)計應(yīng)用

1.統(tǒng)一文化主題的視覺風(fēng)格

設(shè)計師在使用傳統(tǒng)文化元素時，必須要對這些元素所蘊含的內(nèi)涵有著深度的認知。比如在某款手機的UI設(shè)計中，主要展示的我國傳統(tǒng)的道家文化主體，其中圖標(biāo)就需要結(jié)合這個主題進行設(shè)計，展示天氣情況的Logo，就可以使用一個祥云圖案，微博Logo則能夠使用蓮花這個圖案，另外還可以將應(yīng)用列表的圖標(biāo)和時鐘圖標(biāo)，也能夠使用這個蓮花圖案。電話圖標(biāo)則能夠采用太極圖這個圖案，從而展現(xiàn)交流無處不在的內(nèi)涵。整體顏色的設(shè)計可以采用高飽和度且明度較低的設(shè)計，這一點和我國服飾以及傳統(tǒng)建筑色彩具有一致性，能夠更好的展現(xiàn)出傳統(tǒng)的文化色彩。

2.頁面布局的傳統(tǒng)圖案應(yīng)用

在頁面布局上，采用傳統(tǒng)文化元素模式可以有三種，其一，圖標(biāo)設(shè)計；其二，跳轉(zhuǎn)操作鈕；其三，主題設(shè)計。前面的兩種設(shè)計方式具體應(yīng)用類似，主要應(yīng)用一些具有符號意義的圖案，第二種相對于第一種設(shè)計來說，因為跳轉(zhuǎn)操作鈕一般都比較小，所以采用的圖案應(yīng)該具有一定的簡潔性。另外主題設(shè)計是UI界面設(shè)計的核心，可以涉及到歡迎、圖標(biāo)和系統(tǒng)等諸多界面，要和多個UI界面進行融合。因此在設(shè)計主題時，應(yīng)該最大限度的結(jié)合我國傳統(tǒng)文化元素，例如有關(guān)時間界面的設(shè)計，就可以將時間、季節(jié)等進行圖案的更替來表示相應(yīng)的時間UI。

3.手機UI界面的操作設(shè)計

對于操作界面來說，同樣可以采用傳統(tǒng)文化元素。第一，解鎖UI。當(dāng)前這個解鎖UI主要有滑動和圖形解鎖兩種模式。對此可以將傳統(tǒng)文化元素融入到其中的圖標(biāo)設(shè)計中。例如在滑動解鎖的UI設(shè)計中，就可以采用風(fēng)箏圖案來進行設(shè)計，既具有傳統(tǒng)元素，也能夠讓用戶感受童趣。使用圖形解鎖的設(shè)計，則能夠在九宮格上運用臉譜圖案，這樣就能夠讓解鎖UI變得生動有趣。第二，輸入界面UI。這可以結(jié)合輸入法的差異而選擇對應(yīng)的界面風(fēng)格，其中搜狗輸入法就大量的應(yīng)用了傳統(tǒng)的元素來設(shè)計其中的皮膚風(fēng)格。第三，短信UI設(shè)計。這個設(shè)計主要涵蓋兩點，一個是對話框設(shè)計，另一個則是發(fā)送狀態(tài)圖標(biāo)設(shè)計。對于前者，可以使用祥云圖案，而對于后者則可以使用喜怒等臉譜圖案，前者表示發(fā)生成功，后者則表示發(fā)送失敗等。

傳統(tǒng)文化元素經(jīng)過悠久歷史的積淀，現(xiàn)在已經(jīng)成為我國文化的瑰寶，這些文化元素都有著民族烙印，滲透到民眾的血液中。在手機界面UI設(shè)計中，融入傳統(tǒng)文化元素能夠給我國的用戶帶來極大的親切感，有效增加手機的用戶體驗度。當(dāng)然在應(yīng)用這些傳統(tǒng)元素時，還需要結(jié)合現(xiàn)代的審美觀念，對其進行適當(dāng)?shù)膭?chuàng)新和發(fā)展，使之具有現(xiàn)代的色彩和民族的個性，這樣才能夠更好的對這些傳統(tǒng)文化元素進行傳承，并更好的提升手機界面UI的設(shè)計效果。

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

[2]尹偉偉.中國傳統(tǒng)元素在平面設(shè)計中的應(yīng)用與體現(xiàn)[J].產(chǎn)業(yè)與科技論壇，2014（04）.

[3]王凡.中國傳統(tǒng)元素在平面設(shè)計的應(yīng)用探討[J].藝術(shù)科技，2013（03）.