周玉成　韓思凡　黃蓉

【摘 要】當(dāng)今全球化的語(yǔ)境下，將中國(guó)傳統(tǒng)元素應(yīng)用于UI界面設(shè)計(jì)中，不僅是對(duì)中國(guó)傳統(tǒng)文化的重新審視，繼承，發(fā)揚(yáng)與創(chuàng)新，同時(shí)使本土產(chǎn)品更具民族特色和個(gè)性，提高本土用戶的體驗(yàn)，符合本土用戶的精神需求。

【關(guān)鍵詞】傳統(tǒng)元素；界面設(shè)計(jì)；UI

中圖分類(lèi)號(hào)： TN929.53 文獻(xiàn)標(biāo)識(shí)碼： A 文章編號(hào)：2095-2457（2018）03-0035-002

Application of Traditional Elements in UI Design

ZHOU Yu-cheng HAN Si-fan HUANG Rong

（Nantong Institute of Technology， Nantong， Jiangsu 226000， China）

【Abstract】In the context of globalization， the application of Chinese traditional elements to the design of UI interface not only re-examines， inherits， develops and innovates traditional Chinese culture， but also enhances the local products with more national characteristics and personality Local user experience， in line with the spiritual needs of local users.

【Key words】Traditional elements； Interface design； UI

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

1 UI設(shè)計(jì)

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

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

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

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

2.1 中國(guó)傳統(tǒng)元素的分類(lèi)

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

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

字體圖案類(lèi)：包含字體、書(shū)法、篆刻、木板年畫(huà)、吉祥圖案、民間繪畫(huà)、丹青等；

神話類(lèi)：比如人們信奉的土地神、財(cái)神、壽星等等，以及古往今來(lái)大家津津樂(lè)道的嫦娥，牛郎織女、八仙過(guò)海、門(mén)神、麒麟等；

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

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

動(dòng)植物類(lèi)：國(guó)寶熊貓、仙鶴、國(guó)畫(huà)牡丹、梅蘭竹菊等；[5]

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

樂(lè)器類(lèi)：琵琶、揚(yáng)琴、古箏、笛子、編鐘等；

服飾類(lèi)：旗裝、旗袍、漢服等；

2.2 中國(guó)傳統(tǒng)元素應(yīng)用的方法

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

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

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

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

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

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

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

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

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

【參考文獻(xiàn)】

[1]自趙峰.《中國(guó)傳統(tǒng)文化符號(hào)在移動(dòng)終端界面設(shè)計(jì)中的應(yīng)用》p33.

[2]常方圓，于勝男主編.《移動(dòng)應(yīng)用界面設(shè)計(jì)》p1.

[3]趙峰.《中國(guó)傳統(tǒng)文化符號(hào)在移動(dòng)終端界面設(shè)計(jì)中的應(yīng)用》p36.

[4]趙峰.《中國(guó)傳統(tǒng)文化符號(hào)在移動(dòng)終端界面設(shè)計(jì)中的應(yīng)用》p36.

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

[6]趙峰.《中國(guó)傳統(tǒng)文化符號(hào)在移動(dòng)終端界面設(shè)計(jì)中的應(yīng)用》p21.

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

[8]https：//baike.so.com/doc/5411844-7569170.html.