用戶體驗視角下視覺傳達設(shè)計在UI界面中的創(chuàng)新探究

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

關(guān)鍵詞：用戶體驗；視覺傳達設(shè)計；UI設(shè)計

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

1 研究背景

如今，數(shù)字產(chǎn)品快速更迭，其核心用戶界面（UI）的互動體驗（用戶體驗，User Experience，簡稱“UX”）與設(shè)計成為人們?nèi)找骊P(guān)注的重點。UI設(shè)計與數(shù)字產(chǎn)品的功能都在于不斷創(chuàng)新，簡單的界面美化已無法滿足市場需求，優(yōu)秀的用戶體驗成為UI設(shè)計成功的關(guān)鍵。因此，要從用戶交互體驗中的視覺需求方面來研究UI界面的創(chuàng)新。

2 UI設(shè)計中的視覺傳達

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

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

3 用戶體驗與視覺思維

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

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

4 UI界面設(shè)計原則

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

4.1 視覺元素統(tǒng)一性

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

4.2 界面結(jié)構(gòu)合理性

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

4.3 設(shè)計風(fēng)格簡約性

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

5 UI界面中的視覺傳達

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

5.1 界面色彩設(shè)計

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

5.2 文字信息設(shè)計

在UI界面中，文字設(shè)計是最直接、最有效的視覺元素，是人機交互中重要的信息傳遞和交互手段?；A(chǔ)的文字展示方式直接決定著用戶的信息接受程度。界面文字信息分為展示文字信息和功能文字信息這兩類，設(shè)計師要根據(jù)文字功能對這些文本內(nèi)容進行有效的分類優(yōu)化，保證視覺界面信息的準確傳達。

5.3 圖形符號設(shè)計

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

5.4 版式布局設(shè)計

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

6 創(chuàng)新性研究的必要性

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

6.1 UI界面的創(chuàng)新設(shè)計理念

6.1.1 大眾化、多元化、個性化的設(shè)計理念

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

6.1.2 與時俱進的創(chuàng)新思維

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

6.1.3 視覺語言與設(shè)計理念表現(xiàn)形式的創(chuàng)新

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

6.2 創(chuàng)新對用戶體驗的影響

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

7 UI界面的創(chuàng)新性實例

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

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

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

8 結(jié)語

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

參考文獻：

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

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

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

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

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

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