艺术设计中UI 界面设计及应用

李媛（江西师范高等专科学校艺术学院）

如今我国已经步入信息化时代，而信息设计的概念被提出后，立刻就彰显出了其蓬勃发展的生命力。信息设计包括许多因科学技术的进步而出现的全新设计模式，而UI 设计就是其中相当重要的一部分，并已经深入我们的生活之中，逐渐改变人们的视觉体验和使用习惯。UI 指的就是User In-terface（用户界面），是每个用户必定要用到的一部分，进行UI 设计，要在界面美观信仰的基础上，实现人机交互和各种逻辑操作，以此来提升整个用户界面的美观程度和使用体验感。好的UI 设计能充分体现软件或网站的定位，并将其特征突出优化，让用户能以简单的操作体验到个性而有品位的用户界面。

许多人对艺术设计在UI 设计中的应用理解不够充分，认为艺术家的美化工作只能用来做界面装饰。然而，实际上许多艺术原理和创作理论都能够指导UI设计工作进行，从而创造出更加人性化，符合实际生活应用和人机交互逻辑的图形界面和反馈模块。如今电子产品更新换代的速度很快，各类软件更是层出不穷，为了在同质化严重的竞争中脱颖而出，高水平的界面交互设计就成为各大企业在市场中竞争的一种重要方式。一个符合日常使用习惯，界面整洁美观的UI 设计，能成为整个产品的卖点，吸引更多的使用者并形成用户黏性。在进行UI 设计的过程中，要考虑到的绝不仅仅是其艺术性和美感，更要考虑到UI 设计的应用模式和使用此类数据的人群特征。比如，在进行互动网络电视UI 设计的过程中，就要注意到消费者对此类产品有怎样的需求，以及其日常的操作习惯和使用方式，先了解好设计方向，然后再进行艺术设计，这样来互动网络电视的菜单界面就会更加符合消费者的心理预期，在这个基础上再进行外观优化和视觉焦点以及整体色彩风格的设计，才能称得上是优秀的UI 设计。如今有许多设计师开始涉足UI 设计行业，并通过实践取得了一定的经验，逐渐完善了相关工作的体系和理论基础。在进行UI 设计的过程中，艺术设计师所进行的工作和此前有一定的差距，除了要体现艺术给人带来的美的享受之外，更要兼顾实际用途和用户在使用过程中所得到的反馈感。综合以上这些背景，对艺术设计中UI 设计的应用现状和提升途径进行研究，对相关企业来说非常重要。

一、界面设计常用的软件介绍

随着计算机水平的不断进步，各类软件得到了大幅更新，这也给艺术设计工作者带来了许多便利条件。在进行UI设计时，常用的软件有Adobe 开发的图形图像系统软件Photoshop，此类软件能够有效进行编辑工作，完成设计开发所需的任务，是应用最为广泛，且公认功能最强最为完善的图形编辑软件，能很好地进行色彩调控和图形设计。与此同时，CorelDRAW 作为最为著名的矢量图形软件，也被广泛应用在UI 设计工作中，由于UI 设计涉及了许多图形的绘制，尤其是各种按钮、指向性图标都要用到矢量图形，CorelDRAW 强大的色彩系统以及不断更新的图像编辑设计工具，让其设计出的矢量图形有着更广阔的应用空间，且能够随着用户的想法随意进行调整，实现设计理念。

二、UI界面设计及其分类

我国的UI 设计发展时间较短，但由于电子产品持有量越来越多，消费市场庞大，所以发展速度很快。在信息技术的影响下，UI 设计工作正在逐渐进行创新，并形成了较为成熟的设计风格和设计体系。由于在开发软件的过程中，软件的实际操作体验感是必须要纳入考量的，因此，从最初的规划工作开始就要纳入UI 界面设计工作，并对整个UI 界面的艺术美感和使用价值进行综合考量，从消费者的需求出发，面向市场的实际情况来进行整体的设计规划。从艺术角度来说，UI 界面不只是单纯的装饰，而是将美感和实际使用体验有机结合在一起，从消费者的实际需求和市场的现状出发，进行综合考量，来设计出能够取得广泛市场的产品。

如今有许多高校都已经将UI 设计纳入艺术设计类课程的必修科目，这也证实了信息技术对我国社会的影响，虽然进行设计专业学习的学生对UI 设计的理念和相关技术的应用有较深层次的理解，但想要优化整个UI 设计效果，还需要对市场有更深刻的认识，并具备实际操作的经验。

UI 设计主要有两个方向，第一个方向就是对用户进行研究，考虑人机交互和操作逻辑。在软件编写人员设计UI 界面的过程中，要考虑到操作模块和反馈模块的统一性，最终得出的界面品质将会有编写人员决定，但这种传统的工作方式已经无法满足市场竞争的需求，因此，设计人员要提前进行市场调研，通过对用户的反馈信息进行整理分析，最终得出市场所需的实际设计需求，并根据软件服务群体的特征以及应用场合的环境，从客户出发来设计UI 界面的交互功能和操作板块。设计人员在这个过程中，应当不断修改自身的设计想法，使最终的UI 界面符合用户所需，推广到市场中后，能吸引更多消费者，发挥最大的影响力。

第二个方向就是美观设计。现在的信息技术应用，已经改变了原本的界面设计模式，传统的装饰性设计已经无法满足产品需求，不能仅仅只进行美工工作，还要对软件屏幕设计和用户心理情感因素进行考量，设计出更加人性化的使用界面。为了让更多用户对产品认可，要不断优化UI 设计，减少用户内存负担，并优化操作体验，保持接口一致性和环境兼容性。

三、界面设计原则

（一）简易性原则

在对用户进行调查过后，能够发现简易性是目前用户在评价操作界面时最常提到的基本要求，而简易性原则也正是UI 设计的基本原则。在用户进行操作的过程中，如果没有提前了解过界面，就无法准确地使用复杂的操作流程来完成自己的需求，从而放弃使用相关产品，因此，只有简化操作流程，并设置相关的引导方式，才能让用户获得更加简便快捷的使用体验。

（二）减少记忆负担原则

设计界面的过程中，要考虑到用户在进行实际操作的过程中，会产生哪些记忆负担，并尽量减少用户需要记忆的内容。由此一来，结合简易性原则，减轻用户记忆负担，就能够优化UI 使用体验。

（三）自定义原则

设计人员在进行UI 设计的过程中，要给用户留下充裕的自我调整空间。在用户使用产品的过程中，常常会因个人习惯而感到不适应，此时如果能进行自定义的话，就能够根据自身意愿进行调整，增加使用产品的积极性和频次。

四、UI界面元素设计

（一）布局设计

设计师在设计整体的页面布局时，要综合自身所学知识，将各种元素进行组合，以一个明确的主题为指导来布置各类元素内容。在进行整体页面布局设计的过程中，设计师要认真研究设计风格和几何元素的基本构成理念，处理好疏密关系和空间分布，以美学设计的原则进行布局设计。

（二）尺寸设计

在进行界面设计的过程中，要根据实际显示屏幕的大小分辨率来选择合适的尺寸。由于在设计过程中经常要采用首屏、分屏和多屏的设计，因此要尤其注重首屏设计工作，这在UI 设计过程中被称作黄金屏的设计，直接关系到了多个UI 设计界面的整体风格和效果。

（三）风格设计

在设计UI 界面时，要选取合适的色彩、图形和基本元素，来构建一个整体的外观造型风格。设计师在设计UI 界面的风格是，要考虑到不同的图形和元素的组合给用户带来的视觉感受，并保持风格的统一性和完整性。

（四）编辑设计

UI 界面包含了各种文本信息，为了有效展示这些文本内容，要优化文字排版和编辑设计工作，选择合适的字体字号，并搭配合适的颜色组合来设计文字。要保障文字编辑过后符合整体设计的风格，并和图形能够形成呼应。

（五）图片设计

为了补充视觉效果，设计UI 界面时要注重图片的引用及排版工作，形成能够和文本信息以及基础元素相互衬托的视觉效果，以此来呈现更加丰富的表达形式。

（六）多媒体设计

UI 界面设计可以利用各种动画效果，引入不同的多媒体参与，实现多层次的丰富表现力。通过引入声音、视频等各类多媒体元素，能够充分调动使用者的感官，来获得进一步的体验感。

（七）背景设计

在进行UI 设计师，一定要谨慎选择背景，合适的背景能让后续的设计工作起到事半功倍的效果。选择背景色调和纹理时一定要尽量简洁和柔和，强化其衬托作用。

（八）色彩设计

在艺术设计工作中，色彩表达一向是相当重要的一部分工作，并涉及了UI设计的方方面面，因此，需要重点关注。为了给人们的感官带来冲击，为用户营造不同的心理感受和精神状态，有对色彩的运用进行设计，以此来实现整个UI界面的人性化和个性化。

同时，此类设计也要依照自定义设计原则，让用户具备改变颜色，进行自我调整的能力。作为设计师和用户沟通的媒介之一，色彩应用一向是备受关注的工作。为了巧妙运用合适的色彩，吸引更多的用户，要优化色彩搭配应用，突出重点并更加贴合用户心理和情感表达需求。具体的色彩运用设计方式有以下几种。

（1）深浅对比搭配。选用深浅对比搭配的技术后，设计出的界面将会更具层次感。比如，在深色背景上使用亮色文字，或通过叠加颜色改变视觉重心，都能够突出色彩搭配的重心，便改变设计的风格。（2）纯色极简搭配。使用纯色配色，能够呼应UI 设计的扁平化设计，并形成极简风格，以更具可用性的客户端来吸引更多的用户参与体验。在使用纯色配色时，要尽量选用柔和的颜色，否则容易喧宾夺主，取代了其他界面元素的视觉重心位置，让用户难以具备完整的体验。（3）彩色协调搭配。虽然纯色搭配能够起到优化扁平化设计，符合极简风格的效果；但想要吸引更多的关注，并形成个性化的色彩搭配应用，就要注重多种颜色的协调，通过不同色彩的搭配组合来打破单一的视觉效果，更好地烘托主题并突出重点。

为了让设计独具一格，产生自我特征，因此，要加强配色技巧，考虑品牌特点和面向用户群体，运用最合适的色彩进行设计。色彩搭配要注意该项工作的目的性，必须要以面向用户群体为最终目标，以此来进行颜色设计并科学选择颜色搭配。想要产生最佳的色彩搭配效果，就必须要对市场进行有效调研，掌握消费者的颜色喜好和特定用户群体的色彩搭配习惯，以此来设置自定义板块，优化并完善色彩搭配方案。

五、应用与现实结合的实例分析

如今消费者可以选择的电子产品有很多，配套的软件产品选择空间也很大，能让消费者根据自身喜好来自行选择。为了能够抓住消费者眼球，扩大用户群体，对产品的设计应当做到精益求精。特征鲜明，外观美观的界面设计，将会使消费者形成一个良好的第一印象，是进行产品设计时要额外给予重视。各大生产厂商想要推广销售自己的产品，树立良好的企业形象，就需要一个优秀的用户界面，如今的用户界面收到网络技术和计算机技术和发展的影响，有了各种颇具突破性的变化，尤其是移动端的UI 设计，更加注重人与人之间的使用习惯的不同，力求做到个性化和便捷化，提升人机交互的体验。在各类产品不断推陈出新，在功能上日益完善的同时，市场竞争的重心就来到了用户体验感上，如今各类产品同质化越来越严重，想要脱颖而出，就要具备鲜明的特点，让用户有更加简便快捷的操作体验，并具备更好的感官享受。如今的UI 设计包含各类操作的按钮和响应反馈。比如，如今移动设备应用最为广泛，在互联网时代变革最为成功的腾讯QQ 和微信，对用户的体验感优化就非常良好，各种图标按钮都深入人心，操作方式也非常方便。精心设计过的操作界面配合上各类UI 元素，给人留下深刻印象的同时，也让用户在使用过程中收到良好反馈，通过能够个性化定制的各类设置，在聊天之余还能够简单快捷地完成语音图片的传输，而且其简单又不失美学要素的设计，都各自斩获了一大批用户。而在不断发展的过程中，微信通过更加简洁有效的操作模式，以及大气的设计外观，受欢迎程度逐渐超越QQ，有了属于自己的独特竞争力。纵观微信的发展历程，UI 设计的不断更新，操作体验的不断优化是其取得竞争力的关键所在。微信的UI 设计为行业提供了一个典范，将各类功能如何安排合理，在丰富完善，符合用户所需的基础上，又不显得杂乱无章，且用户在进行操作的过程中，记忆力负担小，各类操作的流程也简单易懂，这样一来用户群体和用户黏性将会不断增加，产品的推广也将十分顺利。

六、结论

UI 设计的优化，将会是产品用户体验感提升的最直接手段。随着人们的审美标准和审美需求不断增加，UI 设计人员也应当不断加强自身工作，通过更先进的技术条件来拔高审美水平，为自身的设计工作注入新的创意和更加科学合理的艺术设计指导理念。从而设计出更加符合用户需求的人性化图形界面，满足用户的人机交互体验和审美享受。