彭華 劉琳

（廣東農(nóng)工商職業(yè)技術(shù)學(xué)院，廣東 廣州 510507）

中國傳統(tǒng)元素在手機(jī)UI界面中的設(shè)計(jì)與應(yīng)用

彭華 劉琳

（廣東農(nóng)工商職業(yè)技術(shù)學(xué)院，廣東 廣州 510507）

隨著手機(jī)移動(dòng)互聯(lián)網(wǎng)的發(fā)展，手機(jī)的UI界面設(shè)計(jì)也越來越受到人們的重視。在雨后春筍般涌現(xiàn)的優(yōu)秀UI設(shè)計(jì)中，很多融入了具有中國特色的傳統(tǒng)文化元素，它是一個(gè)民族文化的結(jié)晶。傳統(tǒng)圖案與現(xiàn)代UI的完美結(jié)合，賦予了新的時(shí)代感和生命力，使UI的表現(xiàn)具有更加豐富的文化內(nèi)涵和歷史底蘊(yùn)，同時(shí)讓古老的藝術(shù)得以傳承而不斷發(fā)揚(yáng)光大。

中國傳統(tǒng)元素；手機(jī)UI界面設(shè)計(jì)；融合

一、中國傳統(tǒng)元素的藝術(shù)特色

中國傳統(tǒng)元素作為中華民族五千年來不斷沉淀與積累的文化瑰寶，具有獨(dú)特的民族特色。要想使中國傳統(tǒng)元素廣泛應(yīng)用UI界面設(shè)計(jì)之中，我們必須加強(qiáng)對(duì)傳統(tǒng)元素的了解，并在此基礎(chǔ)之上進(jìn)行創(chuàng)新和推廣。不論是其設(shè)計(jì)構(gòu)思還是表現(xiàn)形式上，都應(yīng)該融入傳統(tǒng)元素，并通過現(xiàn)代設(shè)計(jì)手法和審美觀念對(duì)中國傳統(tǒng)元素進(jìn)行不斷的改造和創(chuàng)新，使其更具時(shí)代特色。

創(chuàng)意的精髓，始終在于融合民族的文化特征，民族的才是世界的。對(duì)傳統(tǒng)圖形傳承的意義，不在于把傳統(tǒng)僵化地保存，而在于在傳統(tǒng)的基礎(chǔ)上的創(chuàng)新，使傳統(tǒng)具有新的生命力。中國傳統(tǒng)元素是東方文化中的獨(dú)特景觀和寶貴財(cái)富，它是中國傳統(tǒng)文化的一種載體，是人類不斷完善生命力的自由表現(xiàn)。在現(xiàn)今越來越多的UI界面設(shè)計(jì)中，很多作品都融入了中國傳統(tǒng)特色的元素，這種將傳統(tǒng)與現(xiàn)代相結(jié)合的方式，已成為很多UI設(shè)計(jì)師們?cè)O(shè)計(jì)過程中的一種特殊表現(xiàn)手法。中國歷史上下五千年的悠久歷史中，其產(chǎn)生的傳統(tǒng)文化更是博大精深。它獨(dú)有的特點(diǎn)是：具有多樣性、題材廣、內(nèi)涵豐富。尤其是傳統(tǒng)圖案藝術(shù)，不僅起源早，而且形式多樣，它是中華民族審美心理的形象展現(xiàn)，承載著中華民族的文脈精神。如商代青銅器上的饕餮圖形，春秋戰(zhàn)國時(shí)期的蝌蚪文、梅花篆，漢代漆器上的鳳形，唐代的寶相花紋以及后來出現(xiàn)的金文形態(tài)等。古人在追求幸福美好的生活愿望下，又產(chǎn)生了很多寓意吉祥的傳統(tǒng)圖案，比如 “二龍戲珠”“雙鳳朝陽”等，在這些吉祥圖案中，蘊(yùn)藏了祖先們的精神寄托，同時(shí)賦予了自己的美好愿望，它們是現(xiàn)代文化藝術(shù)所運(yùn)用、創(chuàng)新的源泉與藝術(shù)形式。[1]

原始社會(huì)各個(gè)部落的圖騰標(biāo)志也都是以吉祥動(dòng)物為主題，這些吉祥的圖案，被應(yīng)用到服裝、裝飾畫、家具、餐具等很多與我們生活息息相關(guān)的地方。這些圖形隨著時(shí)間的推移、歷史的發(fā)展而不斷地沉淀、延伸、衍變，從而形成中國特有的傳統(tǒng)藝術(shù)體系，這一體系凝聚了中華民族幾千年的智慧精華，同時(shí)也體現(xiàn)出了華夏民族所特有的藝術(shù)精神。另外就是中國的傳統(tǒng)民俗藝術(shù)，如剪紙、版畫、皮影、刺繡、戲曲、書法、武術(shù)等傳統(tǒng)藝術(shù)文化形式，從這些豐富多彩的藝術(shù)形式中，可以發(fā)現(xiàn)我們民族豐富的內(nèi)心情感與表現(xiàn)創(chuàng)造力。隨著時(shí)間的推移、歷史的變遷， 科學(xué)技術(shù)、 材料工藝的不斷演進(jìn)以及與外來文化不斷地融合、衍變，形成了豐富多彩的藝術(shù)形式。

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

信息時(shí)代，手機(jī)UI在人們的生活中扮演著越來越重要的角色，手機(jī)UI的可用性涉及到用戶在使用產(chǎn)品時(shí)的認(rèn)知、操作和心理感受等。UI即User Interface（用戶界面）的簡(jiǎn)稱。主要是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。UI設(shè)計(jì)(界面設(shè)計(jì)包括硬件界面設(shè)計(jì)和軟件界面設(shè)計(jì)，本文主要探討的是軟件界面設(shè)計(jì)) 包括用戶研究、交互設(shè)計(jì)、界面設(shè)計(jì)。[2]

中國傳統(tǒng)元素在UI設(shè)計(jì)中的創(chuàng)新表現(xiàn)， 并不代表著中國傳統(tǒng)圖案表現(xiàn)不出創(chuàng)意感與現(xiàn)實(shí)感，要將傳統(tǒng)的圖案摒棄、淘汰甚至是不再使用，而是要在對(duì)中國傳統(tǒng)圖案學(xué)習(xí)、參考的形式下，與現(xiàn)代圖案設(shè)計(jì)相結(jié)合，設(shè)計(jì)出具有中國特色的現(xiàn)代UI作品。

圖案設(shè)計(jì)是一種視覺空間符號(hào)，這種設(shè)計(jì)首先體現(xiàn)的是作品的形象與結(jié)構(gòu)，其次才是思想、情感與文化的傳達(dá)，通過豐富的想象力，結(jié)合現(xiàn)代人們的思維方式，充分運(yùn)用現(xiàn)代視覺形態(tài)因素及設(shè)計(jì)手法，向人們傳達(dá)具有獨(dú)特風(fēng)格的信息。中國傳統(tǒng)圖案元素中蘊(yùn)含著幾千年的文化理念與思想，我們只有充分了解這些圖形的內(nèi)涵，才能夠巧妙地應(yīng)用于設(shè)計(jì)中，而不至于生硬、呆板。如2008年北京申奧標(biāo)志就是現(xiàn)代圖案設(shè)計(jì)的成功案例，該標(biāo)志充分融合了我國傳統(tǒng)藝術(shù)中的書畫寫意手法，并將傳統(tǒng)吉祥圖案中的中國結(jié)這一盤長(zhǎng)圖形作為基本設(shè)計(jì)元素，輔以太極拳的傳統(tǒng)意象，在圖形中注入了現(xiàn)代意念，巧妙地將奧林匹克精神、中國傳統(tǒng)文化及北京的城市特點(diǎn)融合到一起。 在這里我們首先感受到的是中國傳統(tǒng)元素的一個(gè)“意”字， 即以意造形，以形達(dá)意。還有中國聯(lián)通公司的標(biāo)志也是如此，它采用的是源于佛教“八寶”之一的“盤長(zhǎng)”造型， 取其“ 源遠(yuǎn)流長(zhǎng), 生生不息” 之意，迂回穿插的線條象征著聯(lián)通公司的事業(yè)無窮無盡。這種吉祥寓意的沿用,使我們的現(xiàn)代設(shè)計(jì)少了一些商業(yè)氣，多了些文化氣息和親和力。

圖1

圖2

圖3

在現(xiàn)今信息交流如此頻繁、豐富的社會(huì)，UI設(shè)計(jì)更應(yīng)有自己鮮明的識(shí)別性、統(tǒng)一性，還要有強(qiáng)烈的主觀性和視覺沖擊力。所以很多的設(shè)計(jì)師運(yùn)用各種形象素材和手法，設(shè)計(jì)出不同特點(diǎn)的中國風(fēng)UI界面設(shè)計(jì)。圖1、2兩款手機(jī)界面的作品都選用了具有中國特色的元素作為設(shè)計(jì)的主體。圖1解鎖界面選用了中國傳統(tǒng)的名花——紅梅，紅梅以它高潔、堅(jiān)強(qiáng)、謙虛的品格，給人以立志奮發(fā)之激勵(lì)，而且它還常被當(dāng)著傳春報(bào)喜的吉祥象征。其輔助的圖形元素用的是中國的水墨畫，用墨色的焦、濃、重、淡、清產(chǎn)生的豐富變化，來作為一個(gè)個(gè)按鈕的裝飾紋樣，別有一番韻味。圖2選用的是中國元素——京劇臉譜，用中國的吉祥紋樣圖作為背景圖。圖標(biāo)部分采用了不同的中國元素，并對(duì)此進(jìn)行了現(xiàn)代的設(shè)計(jì)和手法表現(xiàn)。整個(gè)設(shè)計(jì)一氣呵成，古為今用，具有典型的中國特色。指尖觸動(dòng)的瞬間，也讓用戶激發(fā)起內(nèi)心的民族情感。此款手機(jī)界面具有濃郁的中國風(fēng)，其個(gè)性特征不言而喻。因此，在設(shè)計(jì)的過程中，要充分考慮和分析傳統(tǒng)元素的特點(diǎn)，保證提取的元素具有獨(dú)立性和代表性，并合理將傳統(tǒng)裝飾元素提煉出最符合現(xiàn)代審美傾向的裝飾元素，這在設(shè)計(jì)里體現(xiàn)了一種傳統(tǒng)性格。

圖3是本校學(xué)生梁思雅等同學(xué)設(shè)計(jì)的一個(gè)手機(jī)UI界面作品，設(shè)計(jì)主體選用的是中國元素——旗袍。從解鎖界面開始，到圖標(biāo)部分均以旗袍服飾的特色紐扣為表現(xiàn)重點(diǎn)，整體色調(diào)上選用的是旗袍的主打色：寶石藍(lán)，很有中國青花瓷的韻味在其中。此作品獲得由教育部教育管理信息中心舉辦的第七屆全國信息技術(shù)應(yīng)用水平大賽（智能終端創(chuàng)意團(tuán)體賽）二等獎(jiǎng)。

將中國傳統(tǒng)元素運(yùn)用到UI界面設(shè)計(jì)之中，是一種具有創(chuàng)意設(shè)計(jì)的表現(xiàn)手法，應(yīng)該本著科學(xué)求實(shí)的態(tài)度，去偽存真，讓其具有民族性、現(xiàn)實(shí)性。這樣不但能突出民族文化特征，同時(shí)也能表達(dá)出時(shí)尚領(lǐng)先的思想潮流，有力地推動(dòng)人類文明的發(fā)展。所以，我們要把握好UI設(shè)計(jì)與傳統(tǒng)文化的精神實(shí)質(zhì)與內(nèi)涵， 并讓這樣一種文化氣韻在設(shè)計(jì)者手中自然地表現(xiàn)出來?？傊?， 隨著社會(huì)的發(fā)展， 在繼承和發(fā)揚(yáng)中華民族悠久的傳統(tǒng)文化的前提下，讓中國傳統(tǒng)圖案與現(xiàn)代UI設(shè)計(jì)完美結(jié)合，發(fā)展好中國的UI界面設(shè)計(jì)，是十分必要的。

[1] 于娜．中國傳統(tǒng)圖案在現(xiàn)代標(biāo)志設(shè)計(jì)中的運(yùn)用[J]．藝術(shù)與設(shè)計(jì),2010（6）:112．

[2] 屠秀棟．淺談UI設(shè)計(jì)[J]．電腦知識(shí)與技術(shù),2010（7）:1706-1707.

[3] 王利文．中國傳統(tǒng)吉祥圖案與現(xiàn)代視覺傳達(dá)設(shè)計(jì)[M]. 沈陽:沈陽出版社,2010.

2013年度信息技術(shù)類教學(xué)改革立項(xiàng)項(xiàng)目《高職課程項(xiàng)目教學(xué)法的項(xiàng)目設(shè)計(jì)策略研究》的成果之一，項(xiàng)目編號(hào)：XXJS-2013-2018；廣東農(nóng)工商職業(yè)技術(shù)學(xué)院2014年度院級(jí)重點(diǎn)課題《數(shù)字媒體技術(shù)專業(yè)三二分段一體化課程體系構(gòu)建與實(shí)踐研究》的成果之一，項(xiàng)目編號(hào)：xyzd1407

TP37

A

1003-9481(2016)03-0054-03

彭華（1982- ），女，湖南常德人，碩士，廣東農(nóng)工商職業(yè)技術(shù)學(xué)院講師，研究方向：廣告藝術(shù)設(shè)計(jì)。

劉琳（1984- ），女，湖南邵陽人，碩士，廣東農(nóng)工商職業(yè)技術(shù)學(xué)院講師，研究方向：多媒體信息。