丁蕾

數(shù)字信息時(shí)代，互聯(lián)網(wǎng)和智能手機(jī)快速發(fā)展，促使界面設(shè)計(jì)成為熱門行業(yè)。中國(guó)傳統(tǒng)文化博大精深，蘊(yùn)含多種多樣的中國(guó)元素。本文立足中國(guó)傳統(tǒng)文化和界面設(shè)計(jì)，從視覺和交互角度著手進(jìn)行分析，通過論證中國(guó)元素在界面設(shè)計(jì)中的優(yōu)秀表現(xiàn)，探討如何使中國(guó)界面設(shè)計(jì)走在時(shí)代的前沿。

一、界面設(shè)計(jì)與中國(guó)元素

（一）界面設(shè)計(jì)

數(shù)字信息時(shí)代，隨著互聯(lián)網(wǎng)行業(yè)快速的發(fā)展和智能手機(jī)的普及，人們的生活和工作越來越智能化。界面設(shè)計(jì)，又稱UI設(shè)計(jì)，它是人與機(jī)器之間傳遞和交換信息的媒介，包括硬件界面和軟件界面，是計(jì)算機(jī)科學(xué)與心理學(xué)、設(shè)計(jì)藝術(shù)學(xué)、認(rèn)知科學(xué)和人機(jī)工程學(xué)的交叉研究領(lǐng)域。界面設(shè)計(jì)將用戶與產(chǎn)品進(jìn)行連通，起到了溝通橋梁的作用，通過優(yōu)化的操作邏輯、美觀的界面整體設(shè)計(jì)，和用戶產(chǎn)生人機(jī)交互，使得用戶體驗(yàn)到網(wǎng)絡(luò)化、智能化帶來的智能與便利，大大激發(fā)了用戶的認(rèn)知、體驗(yàn)感和使用率。人機(jī)界面設(shè)計(jì)和開發(fā)已然成為國(guó)際計(jì)算機(jī)界和設(shè)計(jì)界最為活躍的研究方向。

（二）中國(guó)元素

中國(guó)風(fēng)，即中國(guó)風(fēng)格，它建立在中國(guó)傳統(tǒng)文化的基礎(chǔ)上。中國(guó)傳統(tǒng)文化博大精深，蘊(yùn)含多種多樣的中國(guó)元素。中國(guó)元素是中國(guó)傳統(tǒng)文化的精髓，它凝結(jié)著中華民族傳統(tǒng)文化的精神與信仰，是體現(xiàn)著國(guó)家尊嚴(yán)和民族利益的形象、符號(hào)或風(fēng)俗習(xí)慣。中國(guó)元素的應(yīng)用非常廣泛，國(guó)內(nèi)外有很多室內(nèi)外的公共環(huán)境、家居環(huán)境等中式空間設(shè)計(jì)。此外，中國(guó)元素還被運(yùn)用到建筑、音樂、影視、動(dòng)畫、廣告、服裝、游戲、網(wǎng)頁界面、手機(jī)界面和APP應(yīng)用界面等。其中，中式裝修風(fēng)格最能體現(xiàn)我國(guó)民族的家居風(fēng)范與傳統(tǒng)文化的審美意蘊(yùn)，織錦刺繡、寫意潑墨、云龍圖騰、青花瓷等中國(guó)元素正流行于全球服飾時(shí)尚圈，璀璨珠寶中的中國(guó)元素將貴氣、典雅和濃厚的文化底蘊(yùn)表現(xiàn)得淋漓盡致。手機(jī)界面中剪紙、皮影、京劇等中國(guó)元素的使用，深受用戶的推崇和喜愛。

魯迅曾在《且介亭雜文集》中講道，“只有民族的，才是世界的”。這句話于今天來講同樣適用界面設(shè)計(jì)。信息技術(shù)和互聯(lián)網(wǎng)的發(fā)展，使得界面設(shè)計(jì)成為信息獲取和交流互通的新方式，越來越受到人們的喜愛和關(guān)注，它快捷、便利地將各種大量信息傳遞給網(wǎng)絡(luò)終端，使用戶能夠即時(shí)瀏覽到豐富的頁面內(nèi)容，圖片、文字、聲音、動(dòng)態(tài)、交互等皆是完美呈現(xiàn)，這種優(yōu)越性是其他媒介無可比擬的。人們要想把體現(xiàn)民族特色的中國(guó)文化更完整地展示給世界，那么就需要將中國(guó)元素應(yīng)用到界面設(shè)計(jì)中，兩者的結(jié)合可以表現(xiàn)出更多豐富的藝術(shù)形式和生活方式，使得中國(guó)特色的設(shè)計(jì)真正走向全球化和多元化。

二、中國(guó)元素在界面設(shè)計(jì)中的應(yīng)用與表現(xiàn)

（一）視覺表現(xiàn)

中國(guó)元素的多樣性呈現(xiàn)和藝術(shù)創(chuàng)作的多種表現(xiàn)形式都對(duì)界面設(shè)計(jì)有著深遠(yuǎn)的啟示和借鑒作用，越來越多的界面設(shè)計(jì)都融入了中國(guó)元素，這成為界面設(shè)計(jì)的一種特殊表達(dá)方式，充分展現(xiàn)出自身的獨(dú)特魅力。在視覺設(shè)計(jì)中，圖形、文字、色彩、版式是影響整體視覺風(fēng)格的主要元素，其中圖形是視覺中最為直觀的體現(xiàn)，界面中的圖形有著強(qiáng)力的誘導(dǎo)性，鮮明地體現(xiàn)出該頁面的特色風(fēng)格。

中國(guó)元素的圖形種類繁多，如半坡文化的鹿紋、蛙紋、魚紋和折線紋，夏商的饕餮紋，春秋戰(zhàn)國(guó)的蟠螭紋。此外，還有中國(guó)畫中的人物、花鳥、山水，絲綢的各類織錦圖案，古代各部族的圖騰造型，各種戲曲面譜形象等。中國(guó)民間藝術(shù)是我國(guó)人民最廣為了解和熟悉的，特別是中國(guó)結(jié)、中國(guó)娃娃、門神等隨處可見的中國(guó)元素，寓意人們對(duì)美好生活的向往與追求。這種日常熟悉的中國(guó)元素運(yùn)用到界面中，也最容易引起用戶的共鳴和情感交流。例如，2016年電影《小門神》將“門神”元素應(yīng)用到APP界面設(shè)計(jì)中，和電影主題相互呼應(yīng)。2017中國(guó)風(fēng)新年視覺APP界面設(shè)計(jì)也應(yīng)用到“門神”這一元素，展示中國(guó)人的年味，反響較好。當(dāng)然，界面設(shè)計(jì)的種類有很多，社交、購物、影視、音樂、游戲、交通、旅游、學(xué)習(xí)、金融等，它們適宜地互相融合，所產(chǎn)生的視覺表現(xiàn)一定散發(fā)著濃郁的中國(guó)韻味，承載著博大精深的文化底蘊(yùn)。

文字作為信息傳達(dá)的主要載體和表達(dá)手段，在界面設(shè)計(jì)中也有著舉足輕重的地位，界面中的文字所占比重最大，包含正副標(biāo)題、導(dǎo)航信息、文字鏈接、圖片說明、作者信息等內(nèi)容。中國(guó)文字從甲骨文、金文、大篆、小篆、隸書、楷書、行書、草書到現(xiàn)在各種設(shè)計(jì)風(fēng)格的方塊字，每一種文字都有著獨(dú)特的視覺感受和個(gè)性情感，譬如書法字體運(yùn)用于界面設(shè)計(jì)，可以彰顯濃厚的古典美感。界面設(shè)計(jì)應(yīng)當(dāng)根據(jù)軟件性質(zhì)、主題內(nèi)容、功能和受眾等，對(duì)字體和字號(hào)進(jìn)行精心安排，譬如界面通常使用12pt或14pt字，既適宜屏幕大小，滿足日常閱讀的用眼習(xí)慣，又可以避免頁面中多行文字邊緣產(chǎn)生的鋸齒。例如，中國(guó)風(fēng)記事本“墨箋APP”，書法字體和水墨花鳥山水和諧地運(yùn)用到整個(gè)界面中，呈現(xiàn)古香古色的中國(guó)潑墨風(fēng)格，給人以恬靜之美，軟件小巧好用，能夠便捷記錄生活中的點(diǎn)滴。

傳統(tǒng)色彩是中國(guó)傳統(tǒng)文化的重要組成部分，早在中國(guó)古代就確立了色彩結(jié)構(gòu)，以黃、青、赤、黑、白五色為正色，與五行中的土、木、火、水、金相聯(lián)系，把中國(guó)人關(guān)于自然宇宙、倫理、哲學(xué)等多種觀念融入色彩中，形成獨(dú)樹一幟的中國(guó)色彩文化。色彩在界面設(shè)計(jì)中也非常重要，強(qiáng)烈的視覺沖擊力、藝術(shù)感染力和吸引用戶駐足，也是可以通過適宜的色彩搭配來實(shí)現(xiàn)的。此外，優(yōu)秀的布局會(huì)增強(qiáng)界面的體驗(yàn)感，中國(guó)傳統(tǒng)觀念追求圓滿、和諧，寓意團(tuán)團(tuán)圓圓、和和美美。人們?cè)谠O(shè)計(jì)版式時(shí)可以強(qiáng)調(diào)這種理念，譬如界面中完全對(duì)稱或十分工整的布局，達(dá)到均衡美感。同時(shí)，借鑒中國(guó)畫計(jì)白當(dāng)黑、散點(diǎn)透視等繪制方法，創(chuàng)造意境、韻致，產(chǎn)生朦朧美感。界面中大面積地留白，安排主要內(nèi)容在重點(diǎn)位置，增強(qiáng)頁面的透氣感，實(shí)現(xiàn)舒緩美感。

2018年網(wǎng)易和故宮聯(lián)手做了個(gè)手游版的《千里江山圖》，名

為“繪真·妙筆千山”，將水墨畫和解謎游戲結(jié)合在一起的中國(guó)畫藝術(shù)風(fēng)格令人驚艷。每一幀畫面都是國(guó)畫壁紙效果，青山綠水、花草樹木、游戲角色等都是通過水墨風(fēng)格來呈現(xiàn)的，延續(xù)了原畫作優(yōu)秀的色彩基調(diào)，2D結(jié)合3D的視覺效果讓界面呈現(xiàn)出多種唯美的畫面變化，配樂與音效也由中國(guó)古典樂器進(jìn)行演奏，像極了一幅有聲有色會(huì)動(dòng)的山水畫，真是令人賞心悅目，驚嘆不已，愛不釋手。這款中國(guó)風(fēng)手游從推出到上線，快速地從一眾游戲中脫穎而出，就是因?yàn)樗诮缑嬖O(shè)計(jì)中對(duì)中國(guó)元素的熟練演繹，并且符合圖形、色彩、文字、編排等設(shè)計(jì)要素的運(yùn)用法則。

（二）交互應(yīng)用

界面是UI設(shè)計(jì)師賦予的新面孔，它跟視覺設(shè)計(jì)和交互設(shè)計(jì)密不可分，界面設(shè)計(jì)不僅讓軟件應(yīng)用在視覺上變得個(gè)性突出、品味十足、極具特色，還讓軟件操作變得簡(jiǎn)單、舒適、易懂、自由，所以界面設(shè)計(jì)需要充分考慮該產(chǎn)品的定位、功能和特點(diǎn)。界面上的動(dòng)畫對(duì)交互產(chǎn)生了良好的輔助作用，動(dòng)畫是為了吸引受眾眼球，活躍頁面整體氣氛，過度煩瑣的動(dòng)畫效果會(huì)讓用戶產(chǎn)生眼花繚亂的視覺感受，也可能會(huì)脫離主題意義的表達(dá)。濃厚中國(guó)韻味的動(dòng)態(tài)圖片或者可以產(chǎn)生交互效果的圖片，可以增強(qiáng)界面的趣味和體驗(yàn)感，譬如用適宜的動(dòng)態(tài)圖片吸引用戶，且告知用戶可以點(diǎn)擊互動(dòng)，當(dāng)被點(diǎn)擊后即發(fā)生跳轉(zhuǎn)，產(chǎn)生一些與主題相關(guān)小驚喜，既可以凸顯中國(guó)特色，增強(qiáng)整個(gè)網(wǎng)站的本土特征，又可以跟用戶進(jìn)行友好的互動(dòng)。

三、結(jié)語

優(yōu)秀的中國(guó)傳統(tǒng)文化越來越多地被應(yīng)用到各類界面設(shè)計(jì)中，人們?cè)趹?yīng)用這些中國(guó)元素時(shí)，不應(yīng)該只停留在表面，直接應(yīng)用舊的東西，而是應(yīng)該圍繞視覺呈現(xiàn)和功能效果，更好地進(jìn)行融合，較好地傳承中國(guó)傳統(tǒng)文化所蘊(yùn)含的歷史文化深意，甚至在傳承的基礎(chǔ)上，結(jié)合現(xiàn)代設(shè)計(jì)和現(xiàn)代人的生活習(xí)慣、思維模式等去創(chuàng)新和發(fā)展。

中國(guó)界面設(shè)計(jì)不能追隨歐美或日韓的設(shè)計(jì)風(fēng)格，避免成為追隨者，缺乏自己的個(gè)性和特色。當(dāng)然，對(duì)于中國(guó)元素的使用，若只是簡(jiǎn)單羅列、復(fù)制粘貼，也無法將它更好地發(fā)展，只有兼容并蓄、繼承傳統(tǒng)、著眼當(dāng)代、跨界融合，吸納眾多優(yōu)秀的界面設(shè)計(jì)方法和營(yíng)銷手段，設(shè)計(jì)出優(yōu)秀的網(wǎng)絡(luò)產(chǎn)品，才能引領(lǐng)潮流、占據(jù)市場(chǎng)，使中國(guó)界面設(shè)計(jì)走在科技和藝術(shù)相結(jié)合的時(shí)代前沿。