用户体验视角下视觉传达设计在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设计。