用戶體驗視角下視覺傳達設計在UI界面中的創新探究

摘要：目的：研究視覺傳達設計在UI界面中的創新思路。方法：基于大量相關文獻，從用戶體驗角度系統性分析UI界面的三大基本原則，證明用戶體驗感在UI中的必要性。結果：文章展開了對創新性理論的總結和探索，推動設計師在UI創新上取得突破性發展，以進一步提升用戶體驗。與此同時，通過分析色彩、文字、圖形、版式這四個方面，探尋用戶體驗下UI界面的視覺需求，從而提出更具可行性的創新思路。在分析UI界面的創新性實例的過程中，從顏色搭配、排版布局、圖標設計等角度思考如何優化UI界面的設計效果。通過對理論知識和創新思路的深入研究，完善和優化UI界面設計，為現代UI界面設計提供新的啟示。結論：UI設計離不開創新，用戶體驗感是UI設計的核心所在，因此創新UI設計是提升用戶體驗最直接的手段。

關鍵詞：用戶體驗；視覺傳達設計；UI設計

中圖分類號：TP311.56；TP391.41 文獻標識碼：A 文章編號：1004-9436（2024）01-0-03

1 研究背景

如今，數字產品快速更迭，其核心用戶界面（UI）的互動體驗（用戶體驗，User Experience，簡稱“UX”）與設計成為人們日益關注的重點。UI設計與數字產品的功能都在于不斷創新，簡單的界面美化已無法滿足市場需求，優秀的用戶體驗成為UI設計成功的關鍵。因此，要從用戶交互體驗中的視覺需求方面來研究UI界面的創新。

2 UI設計中的視覺傳達

UI設計（User Interface）是通過文本與圖形元素，使人與設備之間高效交互的一種手段。其設計內容通常包括軟件操作邏輯、界面美觀設計、人機交互設計這三個方面［1］，讀圖時代促使界面視覺設計在UI設計中的地位日漸提升。UI界面設計將用戶交互體驗的感受放在首位，遵循人機交互原理，同時兼顧界面的美觀，在滿足這兩點的基礎上展現產品定位，使用戶在智能便捷的操作中體驗審美與個性共存的用戶界面。

創新是UI設計與生俱來的成長基因，其視覺呈現的創新方式朝著多元化方向突破。文字、圖形、色彩等視覺元素的創新成為提升用戶體驗最直接的手段。UI界面中的視覺傳達創新設計主要包括設計理念、視覺語言和表現方式，設計師須借助這三者表達設計需求，以文字、色彩、圖形、版式形態要素優化設計語言，呈現品牌的價值和訴求，使設計的產品更加新穎［2］。

3 用戶體驗與視覺思維

用戶體驗（User Experience，UE/UX）是20世紀90年代由美國設計師唐納德·諾曼（Donald Norman）提出的一種注重用戶主觀感受的設計理念。隨著時代的發展，用戶越來越關注購買體驗，而非單純的購買東西［3］，良好的用戶體驗在UI設計等以數字技術為主體的市場消費中更為重要。人的感知有90%來源于視覺，因此視覺思維成為設計流程的構成起點，設計師要明確特定用戶的視覺思維，將視覺邏輯與美學相結合。

視覺思維即視知覺，其核心概念由魯道夫·阿恩海姆（Rudolf·Arnheim）基于認知心理學提出。視覺思維分為思維成分和感性成分。因此，在設計過程中要將用戶體驗感與UI緊密相連，以此滿足用戶在使用過程中的信息和審美需求。簡易性和一致性原則是UI設計中的應用原則。簡易性原則是指設計過程中在滿足用戶使用需求的前提下簡化操作流程，使用戶獲得更加簡便的使用體驗；一致性原則是用來保證UI設計的使用邏輯和視覺感受的同一性，使用戶迅速掌握新軟件的使用。同樣，視覺思維在針對UI用戶交互體驗設計中具有兩點應用價值：一是視覺思維在用戶交互體驗中的應用可以幫助UI設計進一步突破技術限制，擴大相關軟件及產品的應用市場，具有較好的推廣宣傳效果；二是滲透視覺思維可以切實提升設計的合理性及圖形的美觀性，降低軟件及產品在實際應用中面臨的風險。

4 UI界面設計原則

UI設計的第一步是理解產品的設計需求——用戶需求，在不同的情境下，要考慮文化差異所帶來的用戶需求差異，這些差異受性別、使用場景、地域、民族、品牌、文化傾同、年齡層次等影響［4］。因此，充分了解目標用戶的需求，通過精準分析與定位，確定適合的交互方式，加強用戶與設計師之間的有效溝通和互動，是完成UI界面設計的基礎。

4.1 視覺元素統一性

良好的用戶視覺體驗是設計UI界面的首要目標。設計師應遵循一致性設計原則，確定品牌所需的視覺設計風格，考慮不同視覺元素給用戶帶來的視覺感知、情感體驗與信息傳達，組織構建和諧統一的視覺形態，在完成UI界面的功能流程和品牌屬性的基礎上，使用戶獲得更多的視覺審美體驗。

4.2 界面結構合理性

設計師還應從用戶操作體驗角度考慮，確保UI界面布局的合理性。優秀的界面結構可以極大地降低用戶的學習成本，避免因常識性問題而造成用戶流失；在UI界面設計中，功能的流程設計在構思過程中同樣不可忽視。人性化的流程設計可以提高用戶對UI設計界面的體驗和使用效率。

4.3 設計風格簡約性

UI設計風格從擬物化的盛行到簡約化、扁平化風格占據主流，不僅僅是因為審美疲勞，還有科技成熟所帶來信息量的爆炸性增長。保持簡約的設計風格成為時代設計的主要需求之一。復雜的界面設計風格會使用戶望而生畏，導致用戶流失。簡化設計元素，使用符號性的簡約化扁平化圖標使界面中的流程和選項清晰明了，更有利于用戶接受和使用。

5 UI界面中的視覺傳達

在UI界面中，設計元素的應用在于有效地傳達信息和提升用戶體驗。設計元素的應用涉及要素的選取和構成組織。以下從色彩、文字、圖形、版式這四個角度探尋用戶體驗下的UI界面視覺需求。

5.1 界面色彩設計

用戶作為獨立的個體，具有個性化的色彩感知。設計師在設計界面的過程中，要合理使用色彩，以避免色彩對用戶的視覺差異化影響。用戶對色彩的認知會影響UI界面的色彩定位，以用戶為中心的UI設計原則能夠指導色彩設計在不同受眾的色彩審美中求同存異，以此滿足大多數用戶的審美標準［5］。當然，這并不意味著設計師摒棄了UI界面的個性化需求，設計師可以依據色彩心理學合理配色，靈活運用色彩，在一定程度上滿足用戶的個性化需求，使UI設計更加科學和人性化。

5.2 文字信息設計

在UI界面中，文字設計是最直接、最有效的視覺元素，是人機交互中重要的信息傳遞和交互手段。基礎的文字展示方式直接決定著用戶的信息接受程度。界面文字信息分為展示文字信息和功能文字信息這兩類，設計師要根據文字功能對這些文本內容進行有效的分類優化，保證視覺界面信息的準確傳達。

5.3 圖形符號設計

圖形符號作為最直觀、最豐富的視覺語言，是設計師傳達設計理念不可缺少的載體，使用圖形語言可以使用戶快速獲取有效信息，這也是高度視覺化的社會屬性的體現。因此，優質的圖形創意設計是成就優秀界面設計的重要因素。設計師應圍繞產品和核心設計思想，運用不同的圖形創意構思方法來升級界面樣式，幫助品牌建立產品功能與視覺符號間的內在聯系，運用現代構成法則，以用戶體驗感為核心，進行符合現代美學原則的規劃布局，同時通過與文字的有機結合，用簡潔的界面傳達信息重點，避免視覺要素過多造成用戶對信息的捕獲缺失。

5.4 版式布局設計

UI界面的功能實現離不開網格化的版式設計，優秀的UI版式必須主題明確、表達清晰，兼具簡易性、一致性、靈活性的UI設計原則。在UI界面中，圖形、色彩、文字等視覺元素都需要設計師根據形式美法則進行有序的排列組合，結合功能與審美追求良好的用戶體驗。文字與圖形是UI界面主要的構成元素，有序的網格分布，恰當的節奏和韻律，合理的動靜結合，運用視覺原理增強目標效果，將空間與時間融入界面中，減少視覺跳躍感，增加用戶的趣味體驗，縮短用戶的閱讀時間，避免因長時間集中注意力而帶來的眼部疲勞，使用戶高效地接收信息。

6 創新性研究的必要性

商業社會的高速運轉促使產品更新迭代的速度越來越快，功能日漸趨同化，導致消費趨勢從購買產品轉向購買體驗。

6.1 UI界面的創新設計理念

6.1.1 大眾化、多元化、個性化的設計理念

設計中的大眾化和個性化看似相互對立，實則相輔相成。大眾化不意味著單一和乏味，UI設計的出發點是用戶體驗，應從用戶的視覺需求方面出發，用多元化的視覺元素豐富UI界面設計形式，拓寬設計思路，靈活運用設計元素，在變化中尋求統一。社會的多元化發展滋生多種多樣的審美觀念和價值取向，也使人們在UI設計中追求更加符合自身審美情趣的個性化呈現。因而在設計過程中，設計師必須從主客觀影響因素方面進行分析，將多元化、大眾化設計理念與個性化的設計原則充分融合，激發用戶的視覺體驗，使產品脫穎而出。

6.1.2 與時俱進的創新思維

隨著生活水平的提高，人們對產品的審美水平和需求不斷提升，這要求設計師緊跟時代步伐，擁有敏銳的洞察力和與時俱進的創新思維。在滿足用戶日常功能需求的同時，使人耳目一新。設計師只有站在用戶體驗的角度，把握隨時代發展的需求動向，從多角度出發，才能設計出好的UI界面。

6.1.3 視覺語言與設計理念表現形式的創新

在科技飛速發展的背景下，設計師必須不斷地嘗試探索新的視覺語言和表現形式，求新求變，使產品變得更加新穎。在這個過程中，學科的交叉融合、變化發展為設計創新帶來了無限的可能性。

6.2 創新對用戶體驗的影響

第一，創新性設計可以吸引用戶眼球，增強用戶黏性。第二，創新可以加深用戶對信息的感知和理解。設計師通過優化界面中的信息呈現，幫助用戶更加快速地獲取和理解所需要的信息，減輕用戶的認知負擔。此外，UI界面創新性設計還可以提升用戶的情感體驗。通過創新性的視覺設計元素和設計理念，可以在界面中營造出不同的情感氛圍和情緒體驗，促進用戶對產品或服務的品牌認知和情感共鳴。

7 UI界面的創新性實例

19世紀，路易·沙利文提出“形式追隨功能”這一設計原則，不論社會如何發展變革，這一原則始終可以作為設計的出發點和落腳點。對功能的認知不能停留在物理層面，應包括精神層面的功能，我們將其稱為“形式追隨體驗”。如今市場競爭日趨激烈，產品本身的功能性和視覺設計愈發精益求精，對產品UI界面中以人為本的解讀也各顯個性。

以人為本最杰出的案例之一就是蘋果公司旗下的系列電子產品。蘋果公司的用戶忠誠度很高，是因為蘋果公司生產電子產品時的硬性要求——以消費者的消費心理和需求理念為主生產電子產品。蘋果公司的一切設計都來源于用戶的真實體驗，從iOS 1發布開始，其就一直致力于在用戶體驗感基礎上進行UI界面的創新，不管是多點觸控操作還是簡潔的圖標設計，都在一步步改善用戶體驗。Control Center（控制中心）、Notification Center（通知中心）等功能的開發都在UI設計方面展示了蘋果的創新，它使設計的外在形式與內在結構達到了統一。作為世界上首先使用圖形用戶界面的公司，蘋果對于用戶情感體驗，一直走在行業前沿，其通過不斷優化造型，嘗試新的工藝、材料，運用多種表現手段來體現產品的人文特性，做到真正的人性化設計。

同時，社會公共服務呼喚UI界面設計人性化的創新，健康碼就是近年來純粹從用戶角度出發的經典。它的誕生和普及來源于緊急的傳播性病毒，直接關系到人們在疫情期間的健康安全。首先，健康碼的界面要清晰地呈現用戶的健康信息，使用戶明確信息的使用目的和范圍，同時要保護用戶的隱私；其次，健康碼UI界面設計遵循色彩心理學原理，傳遞目標情感信息，如綠色表示健康、黃色表示觀察、紅色表示風險等；最后，健康碼貫徹了易用性原則，其存在價值決定了其須適應不同的電子設備和屏幕類型，確保在不同的設備上都有良好的顯示效果，同時，在緊急時刻能夠快速查看自己的健康狀態，這項功能在健康碼的更新中也加入了快速訪問、一鍵操作等便捷操作。總的來說，健康碼的UI設計對于保證用戶信息的準確性和清晰度十分值得借鑒，是少有的純粹從用戶角度出發的非商業性優秀UI設計案例。

8 結語

在UI設計中，UI界面的創新是提升用戶體驗最直接的手段。在市場選擇日漸增多、產品飽和的當下，UI設計師要深入研究用戶對視覺傳達的感知與認知過程，利用學科交叉進行創新，并深入挖掘與分析用戶行為和反饋，以進一步完善和優化UI界面設計。

參考文獻：

［1］ 江承美. UI設計中的交互性與界面視覺化設計應用研究［J］.家庭影院技術，2023（6）：47-50.

［2］ 黃啟駿. UI設計的交互性與界面視覺設計研究［J］.數字通信世界，2022（9）：56-58.

［3］ 王銳.基于UI設計的交互性與界面視覺設計研究［J］.無線互聯科技，2020，17（7）：143-144.

［4］ 馬文娟，郭麗.基于系統設計思維理念下的交互產品設計研究［J］.包裝工程，2020，41（16）：105-110，123.

［5］ 李潔星. UI設計中用戶交互體驗的視覺思維淺析［J］.科技創新導報，2020，17（14）：250，252.

作者簡介：王嘉琪（2003—），女，山西孝義人，本科在讀，研究方向：UI設計。