UI設(shè)計(jì)中傳統(tǒng)元素的應(yīng)用

趙蓓

摘要：本文通過將中國的傳統(tǒng)元素在UI設(shè)計(jì)中的應(yīng)用，利用數(shù)字交互平臺表現(xiàn)傳統(tǒng)文化深厚的底蘊(yùn)為探討方向，得出傳統(tǒng)元素融合于新媒體的設(shè)計(jì)中不僅是立足本土文化的設(shè)計(jì)思路，同時(shí)詮釋了華夏傳統(tǒng)文化的論點(diǎn)，從而引起從視覺效果到心理層面的共鳴，達(dá)到良好的設(shè)計(jì)效果。

關(guān)鍵字：UI設(shè)計(jì)；傳統(tǒng)元素；交互設(shè)計(jì)

隨著數(shù)字科技日新月異的發(fā)展，電腦、手機(jī)、服務(wù)平臺的使用，UI操作界面已經(jīng)滲透到我們生活中的方方面面。何為UI呢？UI是英文User interface 的簡稱，即用戶界面，也可以稱之為人機(jī)交互界面。是指用戶和電腦系統(tǒng)進(jìn)行交流、操作、指令等交互的界面。人機(jī)交互平臺的應(yīng)用范圍廣泛，交互界面的設(shè)計(jì)受到關(guān)注，營銷者意識到交互界面的設(shè)計(jì)不僅需要科學(xué)理性的編排設(shè)置，還需要有品位、風(fēng)格的藝術(shù)情感，有美感的UI設(shè)計(jì)更容易給用戶留下深刻的印象，在完成人機(jī)交互的同時(shí)拉近產(chǎn)品與用戶之間的距離。

UI的設(shè)計(jì)從英文的字面來看我們可以將其分為User即用戶和intreface即界面兩部分，用戶與界面之間形成的關(guān)系就是用戶與界面之間的交互關(guān)系。由此可見界面的設(shè)計(jì)要以用戶的需要首任，科學(xué)合理的編排界面的各種信息，使用戶能夠一目了然的找到主體信息并實(shí)現(xiàn)操作。滿足用戶方便快捷操作的同時(shí)，界面的美感、視覺效果也不不可忽視的重要元素。簡潔美觀富有個(gè)性的界面不僅為用戶帶來美的享受，還能提高用戶的關(guān)注和興趣，從而更好的推銷產(chǎn)品的賣點(diǎn)。所以界面交互設(shè)計(jì)是科學(xué)與美感的結(jié)合體。

UI設(shè)計(jì)信息傳播和視覺享受是同樣重要的，用戶通過交互界面的操作引起情感或達(dá)到心理的共鳴，這樣的界面設(shè)計(jì)將能達(dá)到一個(gè)新的高度。將民族的傳統(tǒng)文化引入到UI設(shè)計(jì)中，是一種立足于本土文化，融入新的媒體技術(shù)，將其傳承發(fā)展的方式。傳統(tǒng)元素作為傳統(tǒng)文化的經(jīng)典代表，其含義非常廣泛，在中華民族悠久的歷史過程中不斷產(chǎn)生、演化、融合、發(fā)展，優(yōu)秀的傳統(tǒng)元素是我們?nèi)≈槐M的文化寶藏，將傳元素樣應(yīng)用于交互界面的傳播形式中，不僅能夠弘揚(yáng)我國優(yōu)秀的的文化傳統(tǒng)，還能在界面設(shè)計(jì)中帶來新的視覺享受，這種植根于本土文化的媒體設(shè)計(jì)迎合本民族的視覺欣賞習(xí)慣和審美心理，不失獨(dú)特的藝術(shù)個(gè)性。

文本是交互界面設(shè)計(jì)中重要的組成部分，在交互界面中文本是傳播信息的主要渠道，界面交互中的文本講究簡潔，用最少的文字準(zhǔn)確的傳達(dá)信息。在UI的文本設(shè)計(jì)中，多選擇識別性強(qiáng)的精簡字體，為了方便用戶的解讀和操作，簡潔識別的字體為首選字體。在不影響識別的情況下，將書法或根據(jù)書法變形的字體引入到界面設(shè)計(jì)中，豐富交互界面的視覺效果，增強(qiáng)關(guān)注點(diǎn)，也是一種將傳統(tǒng)元素應(yīng)用于界面設(shè)計(jì)的方法。尤其在娛樂、文化傳播、游戲等界面中，利用書法字體的結(jié)構(gòu)或在書法意象化的基礎(chǔ)上變形設(shè)計(jì)的文字融入到界面設(shè)計(jì)中，不僅增加頁面文本的視覺沖擊力，還拓寬了書法的表現(xiàn)形式。

按鈕在UI設(shè)計(jì)起著重要作用，在交互界面中用戶點(diǎn)擊按鈕，可觸發(fā)相應(yīng)的人機(jī)交互反應(yīng)。在交互界面中按鈕的設(shè)計(jì)應(yīng)是一目了然、直觀形象，避免出現(xiàn)歧義的形象符號。從設(shè)計(jì)的角度來說按鈕在界面的構(gòu)成元素中屬于點(diǎn)的作用，平面構(gòu)成將設(shè)計(jì)歸納為點(diǎn)、線、面的綜合體，點(diǎn)線面有各自的特點(diǎn)并共同組成畫面，在視覺感受中這三種元素缺一不可。作為點(diǎn)狀出現(xiàn)的按鈕是醒目、關(guān)注的作用，在界面中肩負(fù)著是操作交互命令的任務(wù)。按鈕的設(shè)計(jì)可以是多樣化的，以統(tǒng)一，規(guī)整的圖形形狀作為按鈕，這是由于規(guī)整的圖形容易識別，在是識別的基礎(chǔ)上可以在按鈕中添加傳統(tǒng)紋樣作為底紋，起到美觀按鈕圖形增加視覺刺激的作用。交互界面中的按鈕具備多種狀態(tài)，例如正常狀態(tài)、選中狀態(tài)、等待狀態(tài)，這需要為一個(gè)按鈕設(shè)計(jì)不同的狀態(tài)，在不同的狀態(tài)下對紋理或顏色、文字做出相應(yīng)的變化。傳統(tǒng)紋樣豐富的紋理變化為按鈕的不同狀態(tài)提供了多樣的素材，有了這些變化，用戶在交互操作的過程中才不會感覺乏味。

交互界面的整體設(shè)計(jì)風(fēng)格以及顏色搭配是設(shè)計(jì)格調(diào)的體現(xiàn)，不同風(fēng)格的界面顏色的搭配也隨之變化。以水墨元素引入界面設(shè)計(jì)中，使界面感覺古樸、韻味濃厚，用戶仿佛置身于國畫中。交互界面的顏色以墨色的清、淡、濃、重而成為系列設(shè)計(jì)，國畫中蘊(yùn)藏的深厚文化無形的傳播于其中，為界面中的設(shè)計(jì)平添詩情畫意。傳統(tǒng)元素應(yīng)用于現(xiàn)代UI設(shè)計(jì)中，也要遵循因地制宜的原則，不能生搬硬套，更不加變化的用在現(xiàn)代設(shè)計(jì)中，使傳統(tǒng)元素適應(yīng)現(xiàn)代媒體的發(fā)展，符合現(xiàn)代審美要求。在UI設(shè)計(jì)中，顏色也起著至關(guān)重要的作用，顏色的套系使用是UI設(shè)計(jì)系列中顏色設(shè)計(jì)普遍的方式。大部分交互界面多選用同一色系的明度變化展現(xiàn)整套設(shè)計(jì)，講究和諧的整體效果。在設(shè)計(jì)過程中有意的加入一些傳統(tǒng)顏色或紋樣，起到點(diǎn)綴、醒目、提示的作用也是一種表現(xiàn)方式。我國的傳統(tǒng)顏色多為對比色、互補(bǔ)色，需要經(jīng)過降低純度或調(diào)節(jié)色彩面積來統(tǒng)一色調(diào)，濃郁的色彩很有視覺沖擊力。在一些裝飾或提示部分可以引入對比強(qiáng)烈的民族色彩或紋樣作為修飾，在不影響整體的色調(diào)的情況下，起到調(diào)節(jié)氣氛的作用。當(dāng)然，在為一些節(jié)慶時(shí)期或有關(guān)民俗、地域介紹的界面中我們可以大量的運(yùn)用我國傳統(tǒng)元素進(jìn)行表達(dá)，彰顯我們深厚的文化精髓。

傳統(tǒng)元素引入U(xiǎn)I設(shè)計(jì)是我們立足本族文化，將其融入發(fā)展到新媒體設(shè)計(jì)的結(jié)合方式，這是在發(fā)展中傳承民族文化的途徑，也是傳統(tǒng)元素經(jīng)過提煉融合于現(xiàn)代設(shè)計(jì)的過程，我們在探索的過程中不斷進(jìn)步，利用新的媒體交互傳承發(fā)揚(yáng)華夏深厚的文明底蘊(yùn)。

注：本文系2017年保定市科學(xué)技術(shù)研究與發(fā)展指導(dǎo)計(jì)劃課題（課題編號：17ZG013；課題名稱：傳統(tǒng)元素與新媒體的融合發(fā)展）結(jié)項(xiàng)論文

參考文獻(xiàn)：

[1]騰訊CDC.在你身邊，為你設(shè)計(jì)——騰訊的用戶體驗(yàn)設(shè)計(jì)之道[M].北京：電子工業(yè)出版社，2013

[2]徐延章.新聞媒體客戶端的情感設(shè)計(jì)策略分析[J].青年記者，2015，（11）：63-64

[3]曾慶香，張楠，王肖邦.網(wǎng)絡(luò)符號：視覺時(shí)代的交流[J].四川理工學(xué)院學(xué)報(bào)（社會科學(xué)版）.2008（03）