視覺藝術元素在UI界面設計中的應用

韓芳芳 王崇寧 張文華

摘?要：UI界面設計是針對人機交互操作的界面所進行的視覺藝術設計，由多種視覺藝術元素組成，本文將通過對視覺藝術元素在UI界面設計中的應用目的和應用形式進行分析，對當下視覺藝術元素在UI界面設計中的應用展開探討。

關鍵詞：UI界面設計;視覺藝術元素;藝術元素組成

UI界面設計是隨著新興的互聯網技術所產生的新興設計形式，其中包含眾多的視覺藝術元素組成，主要由文本元素、色彩元素、圖形元素所構成，經由不同的藝術設計手法，通過對視覺形式的表達，傳遞操作信息，增加用戶的操作體驗。

1 視覺藝術元素在UI界面設計中應用的目的

1.1 人機交互

UI界面設計是為了便于用戶進行相關操作而進行服務的，能夠將專業難懂的數字技術信息轉化為易于理解和操作的視覺信息，引導人機之間的交互進程。視覺藝術元素就是為了便于用戶對UI界面設計傳遞的視覺信息而進行服務的，適當的視覺藝術元素應用能夠準確傳遞想要傳遞的視覺信息，如果視覺藝術元素使用不當，會使用戶無法進行準確的交互操作，降低用戶操作體驗舒適度。所以在對UI界面設計中視覺藝術元素的選擇，要遵從于視覺信息的表達，而不僅僅是藝術化的表達，更要注重視覺藝術元素的可理解性和理解的準確性。

1.2 信息傳播

UI界面設計中視覺藝術元素的組成多種多樣，如文字信息、聲音信息、色彩信息、圖形信息等，在UI界面設計的發展變化中，隨著大眾審美趨勢的變化、數字技術的不斷發展、文化信息的兼容并包等情況，UI界面設計的設計方式、操作習慣、視覺藝術元素含義等都存在變化，但無論其如何變化，核心目的都是圍繞著信息傳播的目的而變化。所以在對UI界面設計中視覺元素組成的選擇，就需要根據當前的信息傳播形勢，應用最符合信息傳播的藝術元素組成。UI界面設計中的視覺藝術元素組成的信息傳播還具有一定的變化性，會受到經濟因素、文化因素、語言因素等多種因素的影響。

1.3 審美需求

在UI界面設計中，滿足基本的人機交互和信息傳播目的后，還需要滿足審美需求的目的。滿足用戶的審美需求需要設計師在遵循用戶交互體驗的基本原則的基礎上將美學視覺傳達設計和交互設計完美的結合在UI界面中。在UI視覺交互的色彩、線條方面，可以使用漸變色、淡色線條，進行不同空間或功能區域的間隔，以滿足不同用戶在界面操作中的心理和情感期望。設計師要靈活運用一些傳統視覺平面排版設計，根據界面要求在有限空間內設計出綜合美學理念與實用性的界面。

2 視覺藝術元素在UI界面設計中應用的形式

2.1 文本元素

文本元素是UI界面設計中視覺藝術元素的重要組成部分，UI界面設計不同于單純的藝術設計，能夠通過完全的色彩、圖形等藝術語言進行表達，UI界面設計需要通過文本元素向用戶簡單明了又清晰直接地傳達具體的操作方式和操作功能等信息，但同時文本元素又需要通過藝術化的設計手法進行視覺藝術設計，使其融入UI界面設計的整體視覺藝術中，既要確保文本元素的準確性、可理解性，也要確保文本元素的藝術性和整體性，如文本元素的大小、顏色、間距、字體等等。且在具體的用戶操作中，還可能會涉及語言模式的選擇情況，UI界面設計中的文本元素也需要針對不同的語言模式進行適配的調整，使不同語言版本的UI界面設計的文本元素均能夠達到和諧統一視覺美感。

2.2 色彩元素

色彩元素是在整個UI界面設計視覺藝術元素中對用戶產生最直觀視覺影響的藝術元素。色彩是具有調性的，如紅色會讓人感覺到溫暖、熱烈，藍色會讓人感覺到寒冷、內斂等情緒，所以在UI界面設計的色彩元素應用中，需要注意不同色彩調性的表達，是否與整體信息傳達一致。色彩元素在UI界面設計的應用中，也很少只單獨使用一種顏色，通常需要多種色彩元素之間相互組合和搭配，形成綜合性的色彩調性表達。所以在UI界面設計的色彩元素應用中，不同色彩元素之間的組合和搭配還需要進行選擇和測試，避免調性沖突的色彩元素混合搭配，或過于雜亂的色彩元素應用，造成用戶在視覺上的不適或誤解，如色彩元素過于強烈或過于雜亂，導致用戶無法清晰接收文本元素的信息，導致操作有誤或中斷，都會嚴重影響用戶的操作體驗，使UI界面設計無法達到設計效果和設計目的。和諧的色彩元素應用能夠增加用戶的視覺舒適度，進而增加用戶的操作體驗。

2.3 圖形元素

圖形元素更為多樣和復雜，可以是正方形、三角形等幾何圖形，也可以是太陽、大樹、動物等具象圖形，還可以是由幾條線段、平面進行隨意或按照一定規律進行排列組合的抽象圖形。圖形元素能夠在文本元素、色彩元素之外，構建了另一種傳達信息的視覺藝術語言。現如今社會已經具有明顯的快節奏、高壓力模式，用戶的操作模式更多的是屬于碎片化操作，因此對于UI界面所傳達信息的獲取時間偏短，如果單純使用文本元素進行信息傳達，無法達到在碎片化的時間內抓住用戶的注意力和記憶力。隨著碎片化時代的到來，讀圖文化應運而生，相對于語義復雜的文本元素，圖形元素的人機交互、信息傳播和娛樂享受更為直接;相對于意義不明的色彩元素，圖形元素的人機交互、信息傳播和娛樂享受更為明確。所以，圖形元素是UI界面設計中視覺藝術元素組成不可缺少的一部分。但在圖形元素的應用中，需要注意大眾化的圖形元素選擇，確保大部分的用戶都能夠準確理解圖形元素的意義，避免用戶無法理解圖形元素的視覺意義或產生錯誤的解讀，造成錯誤的交互操作等情況，影響用戶的操作體驗。

3 結語

綜上所述，通過對視覺藝術元素在UI界面設計中應用目的和應用形式的分析，能夠明確視覺藝術元素在UI界面設計中所具有重要的應用目的和特點鮮明的應用形式。將文本元素、色彩元素和圖形元素經由視覺藝術化的設計處理與電子技術的操作形式相結合，達到明確的人機交互、信息傳播和娛樂享受的設計目的，為用戶帶來更好的操作體驗，提高在生活和工作中的使用感受與精神需求。

參考文獻：

[1]劉養軍.UI設計中視覺元素的功能及審美分析[J].明日風尚，2018（3）：44.

[2]孫驍莉，賀鵬.UI設計中的扁平化與擬物化視覺傳達解析[J].藝術科技，2019（7）：9495.