UI設計中傳統元素的應用

趙蓓

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

關鍵字：UI設計；傳統元素；交互設計

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

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

UI設計信息傳播和視覺享受是同樣重要的，用戶通過交互界面的操作引起情感或達到心理的共鳴，這樣的界面設計將能達到一個新的高度。將民族的傳統文化引入到UI設計中，是一種立足于本土文化，融入新的媒體技術，將其傳承發展的方式。傳統元素作為傳統文化的經典代表，其含義非常廣泛，在中華民族悠久的歷史過程中不斷產生、演化、融合、發展，優秀的傳統元素是我們取之不盡的文化寶藏，將傳元素樣應用于交互界面的傳播形式中，不僅能夠弘揚我國優秀的的文化傳統，還能在界面設計中帶來新的視覺享受，這種植根于本土文化的媒體設計迎合本民族的視覺欣賞習慣和審美心理，不失獨特的藝術個性。

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

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

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

傳統元素引入UI設計是我們立足本族文化，將其融入發展到新媒體設計的結合方式，這是在發展中傳承民族文化的途徑，也是傳統元素經過提煉融合于現代設計的過程，我們在探索的過程中不斷進步，利用新的媒體交互傳承發揚華夏深厚的文明底蘊。

注：本文系2017年保定市科學技術研究與發展指導計劃課題（課題編號：17ZG013；課題名稱：傳統元素與新媒體的融合發展）結項論文

參考文獻：

[1]騰訊CDC.在你身邊，為你設計——騰訊的用戶體驗設計之道[M].北京：電子工業出版社，2013

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

[3]曾慶香，張楠，王肖邦.網絡符號：視覺時代的交流[J].四川理工學院學報（社會科學版）.2008（03）