傳統(tǒng)元素在UI界面設(shè)計中的應(yīng)用

周玉成 韓思凡 黃 蓉

（南通理工學(xué)院，江蘇 南通 226000）

當(dāng)今全球化的語境下，將中國傳統(tǒng)元素應(yīng)用于界面設(shè)計中，不僅是對中國傳統(tǒng)文化的重新審視，繼承，發(fā)揚與創(chuàng)新，使本土產(chǎn)品更具民族特色，同時使國內(nèi)的移動終端產(chǎn)品更加符合中國本土用戶的認(rèn)知習(xí)慣和精神心理需求。2008年北京奧運會的會徽“中國印”，吉祥物福娃“北京歡迎你”和祥云火炬，在設(shè)計上都運用了民族性很強的傳統(tǒng)元素，不僅體現(xiàn)了強烈的民族特色，同時具有非常強的國際性。在國外人眼里，這些元素就是中國的文化，就是中國的代表。一些國人耳熟能詳?shù)奈幕?，使得設(shè)計作品具備了很強的感染力?！懊褡宓木褪鞘澜绲摹?。從心理學(xué)的角度講，人們對于審美對象，不僅求新，同時也懷舊。人們意識中的 “喜新懷舊”、“喜新尋舊”的心理特點是同時共存的，它最容易引起人們的審美情趣。[1]本土界面設(shè)計中是否蘊含中國傳統(tǒng)文化符號也成為其是否成功的重要因素。

1　UI設(shè)計

UI是用戶界面（User Interface）的簡稱。界面是介于用戶與硬件之間，為彼此互動溝通而設(shè)計的相關(guān)媒介。[2]由此可以看出，界面可以理解為人與機器溝通交流的橋梁，用來滿足人機交互的需求，從用戶角度去衡量系統(tǒng)的可操作性。

用戶界面是用戶與計算機完成信息交互的媒介，是指軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計等，也包括信息的輸入和輸出。用戶界面涵蓋的范圍廣泛，定義范疇包括人機交互與圖形用戶界面，用戶界面存在一切參與人與計算機信息交互的領(lǐng)域。好的用戶界面設(shè)計不僅表現(xiàn)形式美觀，而且易學(xué)、易記、易操作，可以使用戶輕松愉悅的完成交互。因此好的界面設(shè)計必須結(jié)合相應(yīng)的用戶研究，只有了解用戶的真正需求，才能設(shè)計出便捷、舒適的界面產(chǎn)品，才能真正滿足用戶的需求。

2　中國傳統(tǒng)元素

中國作為四大文明古國之一，歷史悠久，在五千年的洗禮中，積淀了無數(shù)的傳統(tǒng)文化瑰寶。中國傳統(tǒng)元素作為傳統(tǒng)文化的載體，是一種獨特的精神財富，也是國人的一種特殊情懷。中國傳統(tǒng)元素來源于中國傳統(tǒng)藝術(shù)，從傳統(tǒng)藝術(shù)中提煉出來的精華，通過有形和無形的形式表達(dá)出來。在時間的長河中，積累了眾多的藝術(shù)形式，題材廣泛，涉及到生活的個層面，內(nèi)涵豐富。中國傳統(tǒng)元素包括那些呢？五千年的衣食住行、道德文化、民俗習(xí)慣、人生觀、價值觀等都是中國傳統(tǒng)元素的體現(xiàn)，還有戲劇、皮影、剪紙、吉祥圖騰等都是中國傳統(tǒng)元素。

2.1　中國傳統(tǒng)元素的分類

“中國人豐富而細(xì)膩的情感來自博大精深的傳統(tǒng)文化。傳統(tǒng)文化又體現(xiàn)在圖騰、器具、服飾、風(fēng)俗、藝術(shù)以及人們的價值觀念和生活習(xí)慣等各個方面。傳統(tǒng)文化是深深根植于我們身體的流動的血液?！盵3]“中國傳統(tǒng)化設(shè)計思想是以古老和樸素的內(nèi)涵、淡雅的形式展現(xiàn)在歷史文明之中。”[4]

中國傳統(tǒng)元素的組成部分非常廣泛，種類繁多，寓意深刻，內(nèi)涵深厚。按照素材進(jìn)行羅列分類，中國傳統(tǒng)元素大體可以分為以下幾個部分：

字體圖案類：包含字體、書法、篆刻、木板年畫、吉祥圖案、民間繪畫、丹青等；

神話類：比如人們信奉的土地神、財神、壽星等等，以及古往今來大家津津樂道的嫦娥，牛郎織女、八仙過海、門神、麒麟等；

建筑類：蘇州古典園林、鐘塔、廟宇、故宮、天壇、三大石窟等；

自然景觀類：五岳（華山、嵩山、泰山、衡山、恒山）、麗江等；

動植物類：國寶熊貓、仙鶴、國畫牡丹、梅蘭竹菊等；[5]

民俗手工：剪紙、風(fēng)箏、陶瓷、文房四寶、傳統(tǒng)四大印染技術(shù)（灰纈、絞纈、夾纈、蠟纈）、刺繡、泥塑等；

樂器類：琵琶、揚琴、古箏、笛子、編鐘等；

服飾類：旗裝、旗袍、漢服等；2.2 中國傳統(tǒng)元素應(yīng)用的方法

中國傳統(tǒng)元素的應(yīng)用方法，筆者認(rèn)為主要有三種：色彩、形態(tài)、精神內(nèi)涵。不同的民族和地域?qū)τ谏实恼J(rèn)識都不同，色彩的象征意義和情感特征也不一樣；而對于事物的形態(tài)表現(xiàn)也都具有非常明顯的特色；精神內(nèi)涵就更不必說了。

3　中國傳統(tǒng)元素在界面設(shè)計中的應(yīng)用

3.1　界面設(shè)計的現(xiàn)狀

有專家指出，中國是全球人機界面需求量最大的市場，但卻不是全球人機界面產(chǎn)品銷售額最高的市場，這說明，低端人機界面用戶在中國占有很大的份額。[6]目前中國的UI市場發(fā)展并不樂觀，很大程度上因為一直在模仿學(xué)習(xí)國外的設(shè)計風(fēng)格，導(dǎo)致并未有較具特色的UI設(shè)計，并且受到外來文化的沖擊。中國歷史悠久，擁有大量能代表中國的傳統(tǒng)元素，將這些傳統(tǒng)元素運用到UI設(shè)計上，形成自己的風(fēng)格，在UI設(shè)計上也越發(fā)具有特點和個性。

3.2中國傳統(tǒng)元素在界面設(shè)計中的應(yīng)用

圖1　韓思凡《竹》

中國傳統(tǒng)元素在UI設(shè)計中的應(yīng)用，如圖1的界面設(shè)計是以“四君子”之一的竹子為壁紙，在表現(xiàn)形式上采用中國特有的中國傳統(tǒng)水墨畫的形式。南朝謝赫的《古畫品錄》：講究“氣韻生動”，不去追求物象表面的相似，而更加看中作畫者的個人情感；講究 “以形寫神”，更重要的是去表達(dá)存在于似與不似中間的感受；講究“筆墨神韻”，這里主要談?wù)撃ǎ治迳?，濃、淡、干、濕、焦；講究“骨法用筆”，不注重焦點透視，不去刻意突出外部因素對于物象的影響；講究空白的布置和物體的“氣勢”。[7]西方繪畫向我們展示的是“再現(xiàn)”的藝術(shù)，中國傳統(tǒng)水墨畫讓我們明白了什么是“表現(xiàn)”的藝術(shù)。

傳統(tǒng)水墨畫以黑白兩種“顏色”為載體，通過水和墨不同比例的融合，從而在宣紙上自然暈開產(chǎn)生黑白灰多種層次和豐富的變化效果，體現(xiàn)中國傳統(tǒng)水墨畫“墨分五色”的特點。此款界面設(shè)計中以梅蘭竹菊四君子為主要元素，竹子氣節(jié)高尚，顏色選擇以天青色為主，時尚淡雅；圖標(biāo)的底圖使用荷葉的紋理營造出瓷器的冰裂紋，荷花一直是我國古代文人墨客特別鐘愛的花，有周敦頤的《愛蓮說》等，荷花“出淤泥而不染，濯清漣而不妖”，冰清玉潔；顏色仍然使用天青色，給人感覺雅致懷舊；圖標(biāo)形狀上并無十分特別之處，只是在圖標(biāo)的表面都用中國元素，如中國書法，寫意花卉等。《竹》主題桌面設(shè)計作品以中國傳統(tǒng)的行書、水墨畫以及“文人墨客”崇尚的“四君子”為元素，是極具中國特色的U I設(shè)計。

圖2　周玉成、馮興源《東方印象》

《東方印象》主題桌面獲得2016年計算機設(shè)計大賽三等獎，如圖2，主要運用的也是中國傳統(tǒng)元素，鎖屏界面主要運用的就是文房四寶，筆墨紙硯；而主屏的各個圖標(biāo)也是取傳統(tǒng)元素的隱喻含義，如天氣的圖標(biāo)，使用的就是古時油紙傘的形態(tài)，顏色的選擇使用墨色，既像一滴墨又是一把傘，寓意天氣情況；時間的圖標(biāo)使用的是日晷的形態(tài)，其實也是運用隱喻的手法；指南針的圖標(biāo)也是使用中國古代四大發(fā)明之一的司南。司南指我國古代辨別方向用的一種儀器，據(jù)《古礦錄》記載最早出現(xiàn)于戰(zhàn)國時期的磁山一帶。用天然磁鐵礦石琢成一個杓形的東西，放在一個光滑的盤上，盤上刻著方位，利用磁鐵指南的作用，可以辨別方向，是現(xiàn)在所用指南針的始祖。[8]而應(yīng)用商店的圖標(biāo)，使用的是古代的類似店招幌子的燈籠，極富民族特色；信息的圖標(biāo)，使用的飛鴿傳書的樣式，古時候傳遞信息的方法有很多，飛鴿，烽火，快馬，暗號，手語，書信，旗幟等；計算器的圖標(biāo)不同于一般圖標(biāo)使用加減乘除的標(biāo)志，使用中國傳統(tǒng)的算盤來表示計算機，十分富有特色，一目了然；電話本圖標(biāo)使用的是，古時候折頁裝的名冊來寓意電話本的意思；使用接近電話聽筒外形的如意作為電話的圖標(biāo)，外形上取如意外形，寓意吉祥如意。地圖的圖標(biāo)使用的是傳統(tǒng)卷軸畫的表達(dá)方式，而卷軸上的地圖使用的是中國地圖的雄雞形狀，涵義一目了然；還有其它圖標(biāo)，不一一贅述。

綜上所述，中國傳統(tǒng)元素在界面設(shè)計中的應(yīng)用，主要以色彩、形態(tài)以及隱喻涵義的形式，進(jìn)行表達(dá)。這類富有民族特色的界面設(shè)計 （圖標(biāo)）對于本土用戶是非常具有吸引力的。中國傳統(tǒng)元素在界面設(shè)計中的應(yīng)用，不光是本文案例中運用到的，還有很多可以應(yīng)用的元素，不同的設(shè)計師對于傳統(tǒng)元素的不同理解會形成不同的設(shè)計作品，世界的就是民族的，期待更多具有中國特色的UI設(shè)計作品出現(xiàn)。

【參考文獻(xiàn)】

［1］自趙峰.《中國傳統(tǒng)文化符號在移動終端界面設(shè)計中的應(yīng)用》p33.

［2］常方圓,于勝男主編.《移動應(yīng)用界面設(shè)計》p1.

［3］趙峰.《中國傳統(tǒng)文化符號在移動終端界面設(shè)計中的應(yīng)用》p36.

［4］趙峰.《中國傳統(tǒng)文化符號在移動終端界面設(shè)計中的應(yīng)用》p36.

［5］歐國慶.《中國傳統(tǒng)元素在星巴克設(shè)計中的應(yīng)用研究》p28.

［6］趙峰.《中國傳統(tǒng)文化符號在移動終端界面設(shè)計中的應(yīng)用》p21.

［7］李前錢.《傳統(tǒng)水墨元素在手機游戲界面設(shè)計中的應(yīng)用與研究》p10.

［8］h ttps：//baike.so.com/doc/5411844-7569170.htm l.