羅珊

摘? ? 要：近年來，互聯(lián)網(wǎng)技術(shù)的不斷革新與發(fā)展，人們對于手機界面的樣式以及美觀程度要求越來越高，促使著我國手機UI界面設(shè)計的創(chuàng)新與發(fā)展。此外，移動支付時代的到來，手機附帶的功能變得越來越豐富，比如社交、外賣、打車、購物等生活功能需求應(yīng)有盡有，手機已成為人們生活中不可或缺的一部分。但是在UI界面設(shè)計中，中國傳統(tǒng)文化元素的使用情況并不樂觀，如何創(chuàng)新有效的將中國傳統(tǒng)元素融入到UI界面設(shè)計中，是當(dāng)前UI設(shè)計師需要重點關(guān)注的內(nèi)容。本文謹(jǐn)分析傳統(tǒng)元素在UI界面設(shè)計中應(yīng)用。

關(guān)鍵詞：手機界面;UI界面設(shè)計;傳統(tǒng)元素

1? UI界面設(shè)計概述

1.1? UI界面設(shè)計的概念

想要有效的將中國傳統(tǒng)元素融入到UI界面設(shè)計中，熟知UI界面設(shè)計的該概念尤為重要。UI，簡而言之就是人與機之間的交互，使其設(shè)計的界面更加美觀易于操作，也就是對軟件的整體設(shè)計。UI界面設(shè)計是UI設(shè)計中的重要的一環(huán)，它能夠為用戶帶來美觀、舒適的界面，增加手機用戶的使用體驗和視覺效果，進(jìn)而縮減用戶與產(chǎn)品之間的距離感。因此，UI界面設(shè)計絕不局限于美術(shù)繪畫，它需要綜合考慮用戶需求、產(chǎn)品使用模式、產(chǎn)品使用場所以及產(chǎn)品定位，為用戶設(shè)計一款完美的藝術(shù)產(chǎn)品。中國傳統(tǒng)元素有著悠久的文化歷史，是中華民族藝術(shù)的結(jié)晶，將其應(yīng)用到UI界面設(shè)計中，能夠增添產(chǎn)品的親和力以及藝術(shù)感，帶給用戶不一樣的使用體驗。

1.2? UI界面設(shè)計的發(fā)展現(xiàn)狀

“UI”一詞在我國最先出自于上個世紀(jì)九十年代，相較于發(fā)達(dá)國家起步時間較晚。但是基于我國經(jīng)濟快速發(fā)展，UI設(shè)計經(jīng)過二十幾年的發(fā)展已經(jīng)取得了世界矚目的進(jìn)步。以UI設(shè)計的功能需求分析，初始階段的UI界面設(shè)計一般附屬于軟件設(shè)計的開發(fā)，專業(yè)的UI設(shè)計人員少之又少，往往由軟件設(shè)計人員兼顧UI設(shè)計工作。但是隨著市場需求的不斷擴充以及信息技術(shù)的不斷發(fā)展，UI界面設(shè)計單純依靠軟件開發(fā)人員無法滿足用戶審美需求，亟需大量的UI界面設(shè)計專業(yè)人員，這樣UI設(shè)計的衡量標(biāo)準(zhǔn)變成了UI界面設(shè)計的便利性以及美觀程度。以藝術(shù)的角度分析，UI界面設(shè)計也不僅僅只是軟件界面的修飾，更不是全新的藝術(shù)表現(xiàn)形式，而是整合藝術(shù)美感、市場需求、信息技術(shù)以及用戶體驗的產(chǎn)品。近幾年，國內(nèi)UI界面設(shè)計師開始探索中國傳統(tǒng)元素的創(chuàng)新策略，將其合理融入到UI界面設(shè)計中，使其富有中國特色的界面設(shè)計?；诖耍覈鳸I界面設(shè)計正處于快速發(fā)展的階段，未來國內(nèi)UI界面設(shè)計的水平也會越來越高。

1.3? UI設(shè)計分類

UI設(shè)計分類主要分為以下三類：（1）用戶研究，為UI設(shè)計的初始階段，UI設(shè)計工作主要由軟件研發(fā)人員負(fù)責(zé)。因此，UI設(shè)計主要根據(jù)軟件人員的愛好以及設(shè)計習(xí)慣決定。但是隨著UI設(shè)計在產(chǎn)品中的地位越來越重要，UI設(shè)計與市場的聯(lián)系越來越緊密，UI界面設(shè)計不再根據(jù)設(shè)計者的主觀臆想以及興趣愛好決定，而是充分考察市場需求，結(jié)合用戶需求來設(shè)計，增添用戶的視覺體驗;（2）交互設(shè)計，也是人與機之間的互動，交互設(shè)計需要充分考慮用戶體驗需求，包括用戶感官體驗、用戶情感化體驗、用戶可操作體驗以及用戶軟件使用體驗，使其設(shè)計的產(chǎn)品能夠充分達(dá)到用戶需求，軟件也能最大可能的發(fā)揮其作用;（3）界面設(shè)計，UI界面設(shè)計類似于美工，主要用于手機APP類產(chǎn)品的界面設(shè)計，但不只是軟件、APP界面屏幕設(shè)計，UI界面設(shè)計會融入設(shè)計者的情感變化、心理活動以及用戶功能需求，增添產(chǎn)品的人性化以及生活化，所以在UI界面設(shè)計中加入中國傳統(tǒng)元素，傳遞中華民族優(yōu)秀的文化元素，能夠引起用戶的情感共鳴。

1.4? UI界面設(shè)計原則

基于用戶功能需求以及產(chǎn)品市場需求，UI界面設(shè)計一般遵循以下設(shè)計原則：（1）操作簡易性原則，UI界面設(shè)計的宗旨始終圍繞用戶需求，同時操作復(fù)雜并且容易崩潰的界面設(shè)計無法贏得市場，因此UI界面設(shè)計的首要就是保證界面的便捷性與操作簡易性;（2）最大可能降低用戶的記憶負(fù)擔(dān)，UI界面設(shè)計中記憶負(fù)擔(dān)的減少也是尤為重要，用戶的記憶儲存量是有限的，大腦處理時間的效率會受到記憶負(fù)擔(dān)的影響，UI界面設(shè)計如果暫居大量的記憶負(fù)擔(dān)就會降低用戶處理事情的效率;（3）UI界面設(shè)計還要綜合考慮產(chǎn)品定位，用戶的使用習(xí)慣和興趣愛好;（4）UI界面設(shè)計還應(yīng)該遵循一定的安全性以及靈活性，這樣既能保證用戶使用軟件的信息安全，確保軟件安全穩(wěn)定性能，還能滿足用戶的個人需求，自由的設(shè)計界面。

2? 中國傳統(tǒng)元素在UI界面設(shè)計中的意義

我國UI界面設(shè)計的發(fā)展深受國外設(shè)計理念的影響，使得國內(nèi)UI界面設(shè)計越來越趨向于歐美風(fēng)格，忽視中國傳統(tǒng)元素的藝術(shù)之美。將中國傳統(tǒng)元素應(yīng)用到UI界面設(shè)計中，不僅可以傳承中華民族優(yōu)化的傳統(tǒng)文化，還是國內(nèi)UI界面設(shè)計的創(chuàng)新，使得國內(nèi)設(shè)計的產(chǎn)品越來越帶有中國特色。

2.1? 傳承中國傳統(tǒng)文化

中國有著上下五千年的歷史文化，這是西方國家無法媲美的。我國UI界面設(shè)計起步較晚，導(dǎo)致我國設(shè)計理念以及設(shè)計模式經(jīng)常模仿歐美國家。但是，在UI設(shè)計過程中切記一味的照搬模仿，我們應(yīng)該取其精華，去其糟粕，不斷融入中國優(yōu)秀的傳統(tǒng)元素，這樣就能借助UI界面設(shè)計的形式向用戶傳遞中國傳統(tǒng)文化，讓用戶體驗更加震撼的視覺效果。此外，還要注意傳統(tǒng)元素的內(nèi)涵，合理的運用到現(xiàn)代設(shè)計中，向用戶展示更加不一樣的中國風(fēng)。

2.2? UI界面設(shè)計的創(chuàng)新發(fā)展

中國傳統(tǒng)元素的合理應(yīng)用是UI界面設(shè)計的一次重大創(chuàng)新，將中國傳統(tǒng)文化元素與現(xiàn)代設(shè)計理念的有機融合，能夠在傳承傳統(tǒng)文化的同時做到與時俱進(jìn)。如何應(yīng)用傳統(tǒng)元素推動UI界面設(shè)計的創(chuàng)新發(fā)展是目前UI設(shè)計師關(guān)注的重點問題。對于現(xiàn)代UI設(shè)計師而言，要善用多角度分析問題，比如前段時間比較流行的Q版歷史人物形成的手機壁紙，正是UI界面設(shè)計與傳統(tǒng)元素相結(jié)合的創(chuàng)新設(shè)計。因此，傳統(tǒng)元素的應(yīng)用還能加快UI界面設(shè)計的創(chuàng)新發(fā)展。

2.3? 中國傳統(tǒng)元素與現(xiàn)代UI界面設(shè)計的交融

傳統(tǒng)文化元素是先輩遺留的產(chǎn)物，是我國歷史發(fā)展的產(chǎn)物，通過中國傳統(tǒng)文化元素能夠了解當(dāng)時人們的生活習(xí)慣。因此，從不同角度分析傳統(tǒng)文化具有不一樣的見解。以歷史文化為例，傳統(tǒng)元素更多的是物質(zhì)元素與精神元素的積累，這樣不同年代的傳統(tǒng)元素具有一定的聯(lián)系。所以，在現(xiàn)代UI界面設(shè)計中，設(shè)計師可以將中國傳統(tǒng)文化合理的融入到UI設(shè)計中，能夠促進(jìn)現(xiàn)代設(shè)計與傳統(tǒng)元素的有機融合，帶給用戶更加震撼的視覺體驗。此外，如何在不扭曲歷史文化的情況下，把傳統(tǒng)元素設(shè)計成現(xiàn)代圖形成為現(xiàn)代UI設(shè)計師需要關(guān)注的重點。

3? 中國傳統(tǒng)元素與UI界面設(shè)計的關(guān)系

3.1? 中國傳統(tǒng)元素的內(nèi)涵

翻開我國歷史的篇章，每個時代都有著標(biāo)志性的傳統(tǒng)文化元素，并且這些傳統(tǒng)元素值得大家學(xué)習(xí)與傳承。人們對于中國傳統(tǒng)文化元素的認(rèn)知來源渠道各不相同，國內(nèi)90后對于中國傳統(tǒng)元素的認(rèn)識大多數(shù)來源于手機軟件，比如通過音樂播放器熟知周杰倫歌曲中青花瓷元素，還有通過視頻APP了解京劇等元素。但是，在手機界面以及APP打開界面中卻過多的融入了大量的外國元素，外國元素在UI界面設(shè)計中占據(jù)著重要地位。因此，在進(jìn)行UI界面設(shè)計時，適當(dāng)?shù)募尤胫袊鴤鹘y(tǒng)元素是當(dāng)前UI設(shè)計師需要注意的一點。同時中國傳統(tǒng)元素的呈現(xiàn)形式一般和設(shè)計師的設(shè)計風(fēng)格、人生經(jīng)歷、認(rèn)知能力以及興趣愛好有關(guān)，不管何種形式展示中華民族優(yōu)秀的文化元素，都必須尊重歷史，不能過分追求產(chǎn)品效果而丑化甚至詆毀中國傳統(tǒng)元素。中國傳統(tǒng)元素應(yīng)用在UI界面設(shè)計的意義就是傳承我國博大精深的傳統(tǒng)文化。

3.2? 中國傳統(tǒng)元素在UI界面設(shè)計中的應(yīng)用現(xiàn)狀

進(jìn)入到21世紀(jì)，生活節(jié)奏不斷加快，人們使用手機的頻率以及時間越來越多，所以手機的UI界面設(shè)計的效果一定程度決定著人們使用手機的感受和體驗。全球多元化的發(fā)展使得手機UI界面設(shè)計存在多種風(fēng)格，我們也要認(rèn)識到國外優(yōu)秀的文化元素，意識到國外元素的滲透已經(jīng)帶來了巨大的壓力?，F(xiàn)階段，國內(nèi)UI界面設(shè)計中文化元素還是以國外元素為主，比如美國漫威電影系列、日本動漫系列等。但是隨著“黨的十九大”順利召開，習(xí)近平總書記著重強調(diào)中華民族偉大復(fù)興的光榮使命，傳承我國中華民族傳統(tǒng)元素，使得UI界面設(shè)計中傳統(tǒng)元素的使用量與日俱增，涌現(xiàn)一大批以京劇、青花瓷、傳統(tǒng)書法以及吉祥圖案等傳統(tǒng)元素應(yīng)用在手機UI界面設(shè)計中。相信在不久的將來，中國傳統(tǒng)元素會取代國外元素，成為UI界面設(shè)計的首選。

3.3? 中國傳統(tǒng)元素與UI界面設(shè)計的聯(lián)系

UI界面設(shè)計在于向用戶傳遞產(chǎn)品的藝術(shù)美感、用戶體驗以及設(shè)計理念，而傳統(tǒng)元素中恰好能夠滿足藝術(shù)美感，將其應(yīng)用到UI界面設(shè)計中能夠吸收傳統(tǒng)元素的藝術(shù)美感。此外，傳統(tǒng)元素也能借助UI界面設(shè)計流傳于產(chǎn)品的用戶群體中，互相促進(jìn)彼此之間的發(fā)展。但是不能一味的照搬模仿，生硬的將傳統(tǒng)元素應(yīng)用到UI界面設(shè)計中，而應(yīng)該加入一定的創(chuàng)新元素，增添傳統(tǒng)元素的活力，給用戶展現(xiàn)不一樣的視覺效果。

4? 中國傳統(tǒng)元素在UI界面設(shè)計中應(yīng)用分析

4.1? 傳統(tǒng)書法在UI界面設(shè)計中的應(yīng)用

我國書法發(fā)展至今已有上千年的歷史，每個時代都有著著名的書法元素，對于我國的發(fā)展有著重要的意義。隨著時間的推移，我國存在許多不同種類的傳統(tǒng)書法，比如常用的行書楷書等。在UI界面設(shè)計中，書法能夠設(shè)計成多樣的圖形，增添產(chǎn)品的視覺沖擊力，并且夾帶著濃厚的現(xiàn)代氣息，使其成為UI界面設(shè)計的一道靚麗的風(fēng)景線。所以，對于UI設(shè)計師而言，應(yīng)該時刻關(guān)注時代熱議元素，順應(yīng)時代潮流，然后將我國傳統(tǒng)的書法元素完美的融入到UI界面設(shè)計中，比如可以通過飄逸的行書形式向用戶傳遞書法的魅力，讓用戶體驗濃厚的傳統(tǒng)書法氣息。

4.2? 京劇在UI界面設(shè)計中的應(yīng)用

京劇是我國的國粹有著濃厚的文化氣息以及悠久的歷史底蘊，值得大家深入探索京劇中含有的藝術(shù)氣息和文化奧秘。隨著我國越來越重視傳統(tǒng)文化的傳承與發(fā)展，京劇已經(jīng)滲透于人們生活的各個領(lǐng)域。在UI界面設(shè)計中，設(shè)計人員應(yīng)該秉承著傳遞中國京劇文化的設(shè)計理念，將其合理的應(yīng)用到UI界面設(shè)計中，增加人們對京劇文化的認(rèn)知程度。同時，UI界面設(shè)計中應(yīng)用京劇元素，在人們休閑娛樂之時普及京劇文化，帶給人們不一樣的傳統(tǒng)文化享受。京劇與現(xiàn)代元素的融合，也能加快我國京劇文化的創(chuàng)新與發(fā)展，給大眾展現(xiàn)全新的UI界面盛宴。

4.3? 傳統(tǒng)吉祥圖案在UI界面設(shè)計中的應(yīng)用

自古至今，我國流傳著多種傳統(tǒng)吉祥圖案，這些吉祥圖案也常用于人們?nèi)粘Ｉ钪?，比如中國結(jié)、中國娃娃等。流傳下來的吉祥圖案是我國歷史文化的沉淀和傳承，寄托著人們美好的祝福以及心中的祈求等，將其應(yīng)用到UI界面設(shè)計中有著深遠(yuǎn)的意義。因此，UI設(shè)計師應(yīng)該充分考察傳統(tǒng)吉祥圖案代表的文化內(nèi)涵以及歷史背景，將傳統(tǒng)吉祥圖案完美的應(yīng)用到UI設(shè)計中，能夠引起大眾的情感共鳴。比如，支付寶每年進(jìn)行的集“福”字活動，正是應(yīng)用了我國傳統(tǒng)的吉祥圖案并抓住用戶的心理，活動中刮起了一股傳遞“?！眰鹘y(tǒng)吉祥圖案的浪潮。

4.4? 中國太極陰陽圖元素在UI界面設(shè)計中的應(yīng)用

人們對于太極的認(rèn)識大多數(shù)來源于相關(guān)電視和電影。太極元素作為我國傳統(tǒng)文化之一，闡述了世界演變的哲理。宇宙從無極到太極，然后再到萬物化生的演變過程。其中太極圖案傳遞的正是我國神話故事中混沌未分陰陽的狀態(tài)。在UI界面設(shè)計中，常用到陰陽魚圖案，整體視覺為一個完整的平面圓形，各有一黑一白首尾相連，其中黑白“魚”各為太極圖形中陰陽，表示的是陰陽相互轉(zhuǎn)換滲透。因此，許多UI設(shè)計師熱衷于將太極圖形應(yīng)用于天氣界面以及手表設(shè)計中，展現(xiàn)時間以及天氣元素，這樣使得界面具有一定的趣味性以及神秘性。

4.5? 青花瓷元素在UI界面設(shè)計中的應(yīng)用

中國瓷器文化作為我國優(yōu)秀的文化元素之一，還是我國中華文明的象征，歷史悠久并聲明享譽國內(nèi)外。其中最具代表性的莫過于青花瓷，從視覺效果來看，色調(diào)明快，藍(lán)白相映帶給人們舒適的視覺體驗。此外，青花瓷還帶有色澤潔白、細(xì)膩純潔的質(zhì)感。UI界面設(shè)計中也能發(fā)現(xiàn)青花瓷元素，帶給人們?nèi)碌囊暯窍硎堋Ｔ趹?yīng)用青花瓷元素時，UI界面設(shè)計師更關(guān)注青花瓷元素展現(xiàn)出的質(zhì)感和藝術(shù)美感，尤其藍(lán)色圖案色調(diào)分明，使得產(chǎn)品更具有畫面感和層次感，使得UI界面更具有藝術(shù)特性。此外，設(shè)計過程中還要區(qū)分不同類型青花瓷，根據(jù)用戶需求以及界面設(shè)計要求，合理應(yīng)用青花瓷元素，增添產(chǎn)品的視覺效果和青花瓷文化氣息。

5? 結(jié)語

綜上所述，中國傳統(tǒng)元素與UI界面設(shè)計相輔相成。傳統(tǒng)元素應(yīng)用到UI界面設(shè)計中，能夠增添產(chǎn)品的藝術(shù)美感以及界面效果，給大眾展現(xiàn)全新的視覺效果。同時，中國傳統(tǒng)元素能夠借助UI界面設(shè)計，傳遞我國悠久的文化元素，增加人們對傳統(tǒng)元素的認(rèn)識。因此，在UI界面設(shè)計中應(yīng)用傳統(tǒng)元素，切記照搬模仿，善用多角度分析，合理應(yīng)用創(chuàng)新元素，使其衍生成各種類型的傳統(tǒng)元素，契合人們審美需求，這樣UI界面設(shè)計能夠散發(fā)出無窮的藝術(shù)氣息。

參考文獻(xiàn)：

[1] 趙晨音. UI用戶界面色彩設(shè)計研究[A]. 中國流行色協(xié)會、紹興市柯橋區(qū)人民政府、亞洲色彩聯(lián)合會.2017中國國際時尚創(chuàng)意論壇論文集[C].中國流行色協(xié)會、紹興市柯橋區(qū)人民政府、亞洲色彩聯(lián)合會：中國流行色協(xié)會，2017：7.

[2] 鐘愛青，謝冠懷.世賽標(biāo)準(zhǔn)下的《網(wǎng)頁UI設(shè)計》一體化課程開發(fā)——暨世界技能大賽網(wǎng)站設(shè)計項目網(wǎng)頁界面設(shè)計模塊課程轉(zhuǎn)化[J].信息技術(shù)與信息化，2017（10）：64～66.

[3] 盧菲.論傳統(tǒng)書畫藝術(shù)的數(shù)字化呈現(xiàn)——中國元素在網(wǎng)站UI設(shè)計中的應(yīng)用[J].中國報業(yè)，2017（16）：71～72.

[4] 唐冶，李穎.“項目貫穿式”UI互動設(shè)計教學(xué)探索——以工業(yè)產(chǎn)品中的軟件界面設(shè)計為例[J].電腦知識與技術(shù)，2017（23）：108～109+112.

[5] 李文波，謝鑫輝.淺論數(shù)字時代視覺傳達(dá)設(shè)計專業(yè)面臨的挑戰(zhàn)與出路——以UI界面設(shè)計推廣為例[J].藝術(shù)與設(shè)計（理論），2013（8）：163～165.

[6] 汪亞文. UI設(shè)計中的視覺表現(xiàn)[A]. 北京中外軟信息技術(shù)研究院.第三屆世紀(jì)之星創(chuàng)新教育論壇論文集[C].北京中外軟信息技術(shù)研究院：北京中外軟信息技術(shù)研究院，2016：1.