试论UI设计中视觉要素的优化控制

徐阳

摘要：伴随着现代社会的不断发展，UI设计受到了人们越来越多的关注和认可，积极进行UI界面优化，可以提升用户体验。本文以UI设计为探讨的主题，通过对UI设计的基本流程以及视觉要素的优化控制做出分析，从而便于用户操作，带给用户全新的体验。

关键词：UI设计；视觉要素；优化控制分析

中图分类号：G623.5 文献标识码：A 文章编号：1672-9129（2018）07-0049-01

Abstract： with the continuous development of modern society， UI design has received more and more attention and recognition， and actively carries out the optimization of UI interface， which can improve the user experience. This article is the subject of UI design.

Through the analysis of the basic process of UI design and the optimization control of visual elements， it is convenient for users to operate and bring new experience to users.

Key words： UI design； visual elements； optimization control analysis

前言：

在信息化社會不断发展的过程中，网络的应用性更广了，这在一定程度上促进了智能化的发展速度。智能化产品走进人们生活，促使人们对界面的交流日益频繁，比如一些应用型平台、智能化家电等产品在不断创新，同时受到了人们的一致认可。UI设计不仅具有艺术性，还具有一定的专业性，实践证明，在UI设计中积极运用视觉传达要素，不仅实现了对UI设计结构的有效完善，还有效的丰富了界面结构要素，这成为视觉效果设计的主要发展方向[1]。

1 UI设计的相关分析

1.1 什么是UI设计？

UI，即User Interface的缩写，从字面意义上理解就是用户界面。所以UI设计就是指用户界面设计。UI设计不是一个单独的个体，它是指对设备的人机交互、操作逻辑、界面视觉的整体设计。因此，严格意义上的UI设计，并不单纯指图形界面视觉设计，它包括3个方面：图形界面设计（GUI）、交互体验设计（ID）和用户研究设计（UE）.

1.2 UI设计的基本流程

一般情况下，UI设计流程分为需求阶段、分析设计阶段、调研验证阶段、方案改进阶段、用户验证反馈阶段五大基本流程。我们需要先从用户的需求为出发点（明确这个产品是给谁用，什么地方用，如何用），然后再严格按照标准流程进行设计与规划。经过一段时间的反复测试和优化，最终将产品推向市场。但是设计并没有结束。我们还需要用户反馈，零距离接触最终用户，看看用户真正使用时的感想。为产品以后的升级积累经验资料。只有在不断完善和优化下，才能将产品做得精致和完美。所以好的UI设计不只是让软件变得有个性有品味而已，更重要的是让软件的操作变得舒适、简单、易用，并且充分体现软件的定位和特点。

2 UI设计中视觉要素的优化控制

2.1 视觉要素构成

在UI设计的过程中，视觉构成要素起到了非常重要的作用。最基本的要素当然是点、线、面。如何巧妙运用好这三个基本元素，一方面要遵循美学原理，也可将数学公式或黄金分割运用到画面中，使画面呈现出严谨的美感。另一方面也取决于UI设计师自身的美学功底。

一个好的UI设计的视觉要素包括：颜色搭配是否和谐、图标是否精致、设计语言是否一致、结构分布是否合理、视图尺寸是否舒适、整体风格是否统一等等。举个例子，箭头所示的右图是优化后的界面。整体效果更美观。仅仅是缩小了圆圈的大小，却影响了整个界面的美观度。所以不要小看这几个像素，有时候放大或缩小1个像素，整体效果也会有偏差。所以我们要在反复调整中找到最佳的构图位置。

2.2 界面清晰

清晰包含很多方面，首先要设计主题清晰，视觉要素是UI设计的主要构成部分，因此在实际优化控制的过程中必须要积极遵循基本原则，在此环节要重点突出设计主题[2]。除此之外，清晰度还指设计界面中的字体是否适合阅读，颜色搭配是否混乱、图标轮廓是否发虚等等。总之清晰的界面，是让人眼前一亮的，一目了然的，在视觉效果上更加便于用户理解和使用。

2.3 布局合理化

在进行UI设计时需要充分考虑布局的合理化问题，遵循用户从上而下，自左向右浏览的操作习惯，避免常用业务功能按键排列过于分散，以造成用户鼠标移动距离过长的弊端。将不常用的功能区块隐藏，以保持界面的简洁，使用户专注于主要业务操作流程，有利于提高软件的易用性及可用性。内容才是一个产品真正的核心，学会用减法，去除繁冗，突出重点，使布局更加合理化。

2.4 重视视觉交互设计

在UI设计中需要密切关注命令界面、图形界面、操作界面，提高对界面形态的高度重视，不断提升UI设计的多样化和可视化，积极转变传统界面的实用性，对UI设计界面进行个人性和交互性分析，促进视觉要素的有效创新和完善。及时通过箭头、页面设计、图标、背景等多个方面的设计来引导用户，让用户通过这些视觉来进行界面操作，有效丰富了视觉体验，实现了对视觉交互设计的有效创新。在日常设计中注重用户的交互体验，带给用户全新的画面感和过渡效果，在此基础上，用户将注意力都集中在产品信息内容中，在获取全新的产品体验效果的同时，有效促进了产品的市场推广。

2.5 便于用户操作

在UI设计环节，必须要重视用户体验，通过整合视觉要素资源，将其融入到UI设计中，使用户方便操作界面，在UI设计环节，有效整合视觉要素，从而将视觉要素的导向作用更好的发挥出来，从而便于用户操作，提升界面操作的便利性，提高用户的满足度，这样一来，不仅将UI设计的艺术性和专业性得到了提升，还更好的满足了用户的基本需求[3]。

3 UI设计的发展前景研究

视觉是人们获取外界信息的主要途径，在时代不断发展的前提下，人们的生活逐渐向需求多样化和效率化的方向发展，使得视觉化的创新产品不断涌现[4]。使用智能化的产品，不仅满足了用户的多样化需求，还有效增强了情感体验，因此UI设计师将视觉要素优化作为当前的工作重点，更为重视用户体验，不断强化用户界面设计，积极转变了现阶段形式追随功能设计，不断提高UI设计水平，从而有效推动了UI设计人性化、互动化、实用性的更好发展。

4 结束语：

在新时期下，人们对UI设计水平提出了更高的要求，因此设计师必须要注重用户体验，以用户需求为基础，提升产品质量，提升产品的商业价值。明确UI设计的基本流程，有效整合视觉要素。重视用户体验，使得用户获取全新的产品体验效果，促进视觉要素的有效创新和完善，更好的满足了用户的多样化需求。

参考文献

[1]李巍. 论手机UI设计中视觉艺术元素的构成[J]. 文艺生活·下旬刊， 2017（11）：28-28.

[2]程安萍. 智能手机UI设计中用户体验的视觉体验研究[D]. 北京林业大学， 2016.

[3]国凤娇， 隋涌. 浅谈ios手机界面的视觉元素设计——UI视觉设计基本原理[J]. 中国包装工业， 2015（20）：27-27.

[4]张旭辉， 龚进. 网页设计中视觉要素的优化途径研究[J]. 信息与电脑（理论版）， 2013（10）：44-45.