界面設計與中國風視覺表現分析

丁蕾

數字信息時代，互聯網和智能手機快速發展，促使界面設計成為熱門行業。中國傳統文化博大精深，蘊含多種多樣的中國元素。本文立足中國傳統文化和界面設計，從視覺和交互角度著手進行分析，通過論證中國元素在界面設計中的優秀表現，探討如何使中國界面設計走在時代的前沿。

一、界面設計與中國元素

（一）界面設計

數字信息時代，隨著互聯網行業快速的發展和智能手機的普及，人們的生活和工作越來越智能化。界面設計，又稱UI設計，它是人與機器之間傳遞和交換信息的媒介，包括硬件界面和軟件界面，是計算機科學與心理學、設計藝術學、認知科學和人機工程學的交叉研究領域。界面設計將用戶與產品進行連通，起到了溝通橋梁的作用，通過優化的操作邏輯、美觀的界面整體設計，和用戶產生人機交互，使得用戶體驗到網絡化、智能化帶來的智能與便利，大大激發了用戶的認知、體驗感和使用率。人機界面設計和開發已然成為國際計算機界和設計界最為活躍的研究方向。

（二）中國元素

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

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

二、中國元素在界面設計中的應用與表現

（一）視覺表現

中國元素的多樣性呈現和藝術創作的多種表現形式都對界面設計有著深遠的啟示和借鑒作用，越來越多的界面設計都融入了中國元素，這成為界面設計的一種特殊表達方式，充分展現出自身的獨特魅力。在視覺設計中，圖形、文字、色彩、版式是影響整體視覺風格的主要元素，其中圖形是視覺中最為直觀的體現，界面中的圖形有著強力的誘導性，鮮明地體現出該頁面的特色風格。

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

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

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

2018年網易和故宮聯手做了個手游版的《千里江山圖》，名

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

（二）交互應用

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

三、結語

優秀的中國傳統文化越來越多地被應用到各類界面設計中，人們在應用這些中國元素時，不應該只停留在表面，直接應用舊的東西，而是應該圍繞視覺呈現和功能效果，更好地進行融合，較好地傳承中國傳統文化所蘊含的歷史文化深意，甚至在傳承的基礎上，結合現代設計和現代人的生活習慣、思維模式等去創新和發展。

中國界面設計不能追隨歐美或日韓的設計風格，避免成為追隨者，缺乏自己的個性和特色。當然，對于中國元素的使用，若只是簡單羅列、復制粘貼，也無法將它更好地發展，只有兼容并蓄、繼承傳統、著眼當代、跨界融合，吸納眾多優秀的界面設計方法和營銷手段，設計出優秀的網絡產品，才能引領潮流、占據市場，使中國界面設計走在科技和藝術相結合的時代前沿。