视觉艺术元素在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.