插画在ui界面中的应用研究

王菡麟

摘 要：随着科技点发展，用户对于ui设计的要求也越来越高，所以ui设计逐渐商业化，而商业化点的同时对于插画的要求也是逐渐提升，并不只是仅仅满足于客户的信息接收需求，更多的是在情感上的升华。

关键词：插画;ui设计;平面设计

前言

插画在辞典中的最初的解释是“指插附在书刊中的图画，对正文内容起补充说明或艺术欣赏作用”。但是这只是对图书插画的解释，还是比较狭隘的。现如今在ui设计中它的主要作用更多的除了增加审美性，还有交互性。那么插画在ui设计中有一席之地的原因也不仅仅是简单的“好看”。

一、ui设计发展趋势

UI设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。在科技发展的今天，好的ui设计的基本要求不仅需要满足用户的基本需求也要为用户提供良好的操作体验，比如简单性，时尚性，功能性，交互性等，而在审美上面是要提升界面的美观性。当然，提升ui的界面美观性和交互性是尤为重要的，比如现在比较流行的全屏背景图片，多个可交互图层等，这都是发展的大趋势。

二、插画在ui设计中的特点

ui设计逐渐商业化的同时对于插画的要求也是逐渐提升，并不只是仅仅满足于客户的信息接收需求，更多的是在情感上的升华。

2.1风格扁平化

扁平风格是最受欢迎的在ui界面设计中，扁平化是去掉渐变，投影和纹理等的图画，用简单的几何组成的一种新式的插画风格，当然由于外形简单，颜色也会使用非常的絢丽，这也就是构建了一个非常好的视觉层次。扁平化的风格会直接减少用户的交互时间，因为不仅人读区方式通俗易懂，对移动设备的硬件需求也是大大减少了待机时间，这样精简的方式很符合当下的办事风格。

2.2故事性提升

插画更加注重故事性，通过一些细节展示，气氛的营造并结合贴切的文案，将一个生动形象的故事直接展示在用户面前，而用户也从主动的了解变成被动的了解，这就加大了宣传的效果。用图片代替大量的文字，直接将产品进行拟人化，将内容更直观的传达给用户，和现实世界联系起来，再结合当下流行的元素，直接提升用户体验，切合大众心理，增加故事性。

2.3情感性的提升

在科技高速的发展的今天，用户在快节奏的生活中是很希望情感的关怀的，而插画现在除了故事性的讲诉也在情感上的关怀做了提升。将温馨的插画附上有情感的文字去营造氛围，表达情绪，这样容易引起用户情感上的共鸣，这就使用户在需求上的需要变成了情感上的想要，这也是现在插画在ui设计中的发展大趋势。

三、插画在ui设计中的发展趋势

插画设计是视觉传达中的一个特殊领域，它可以作为单独的一个分支去扩张，但是它永远也离不开平面设计里面的一些理论支撑。插画设计终究是设计，和纯碎的艺术也是不一样的，并不是拿起画笔把天马行空画下来就好，它也还是要站在平面设计的理论下去发展的。

3.1动态插画的运用

动态插画对于现阶段的UI发展中是一个积极的方向，它大大提升了交互，设计师试图将动态结合微交互，不管是故事性还是情感性都是一个非常主动性的将“自己”展现给用户，用户也会通过互动，很快速的得到用户反馈。动态插画承载的信息量更多，趣味性更足，利用更短的时间增强交互性，降低用户的理解时间，将功能发挥到最大。

3.2海报式插画

海报的设计总能很快速的抓住用户眼球，好的排版，颜色，字体都可以作为视觉点去营造视觉气氛。海报式的插画也逐渐受到重视，一张单纯的插画现在很难去吸引用户，只有配合好的视角，好的排版，好的配色，好的字体才能抓住用户眼球那要怎样的布局才能凸显主题物而不错过关键信息。

3.3 绚丽的配色

配色在ui设计中的重要性不言而喻，在ui设计中的配色都一般是邻近色或者是对比色，无论是深色系还是浅色系的配色都是参照了以下四点。1、整体色调要协调统一。2、配色要有重点色。3、注意色彩平衡。4、对立色的调和

3.3.1整体色调要协调统一

先确定大体色，是偏向冷色调还是暖色调，以主色为参考进行配色，这样可以基础的保证整体色调协调

3.3.2配色要有重点色

选取一个重点色，重点色是除主题色以外的颜色，可以说它是非常重要的视觉焦点。因此在配色上主题色形成强烈对比，它可以是主色的对比色、互补色等，使其能跳脱于主色的色彩。重点色所用的面积比较小，只要在焦点领域运用上重点色，其本身就有着聚焦的作用。有时候强调色还扮演着衬托色的角色。

3.3.3注意色彩平衡

色彩平衡指的是颜色的明度，饱和度。高明度的颜色更亮，可以使画面空间感很强，比如黄色。低明度的颜色则会给人沉稳低调的感觉，比如蓝色。饱和度和明度的变化会直接给用户不同的感受，哪怕色系是一样，得到的效果也不一样，但是在设计中，高明度，高饱和度的颜色往往是首选，因为视觉冲击力会很强。

3.3.4对立色的调和

其实一般来说ui设计都会以黑白灰为主，然后搭配上颜色丰富的插画，这样视觉效果本身就很突出了。因为黑白灰属于中性色，它们不带任何正面或者负面的感情色彩。但是一旦界面不说黑白灰，设计师往往会结合主题色修改插画的颜色，比如调整主题物对立色的面积，添加对立色等等。

四、主题插画

主题插画的诞生就是人们对情感关怀的需求上升，需要通过不同的插画，不同的窗口去抒发自己的情感，主题插画在人文关怀上走的越来越远，不再是单一的卖产品，画插画，现在更注重的是情感交流。简介的ui设计插画不代表简单的插画，根据不同的用户需要，专属定制属于自己的界面设计。

五、结束语

随着科技的不断发展，插画在ui设计中的形式逐渐多样化，风格也随着不同的需求广阔化，我们所看到的不再是冰冷的界面，更多的是情感的慰藉，设计师要将科技变得人性化。

参考文献：

[1]邓朝晖.UI设计中的配色及应用[J].电脑编程技巧与维护，2020（01）：140-141+152.

[2]王佳.插画在手机UI界面设计中的应用[J].科技创新与应用，2019（07）：105-106.

[3].2018年UI的13个主要设计趋势[J].计算机与网络，2018，44（17）：38-41.

[4]邓丽娟.UI扁平化设计中美学原理的应用探究[J].科技经济导刊，2020，28（06）：149.

[5]邓朝晖.用户界面（UI）图标设计研究[J].办公自动化，2020，25（03）：63-64.

[6]邓朝晖.UI设计中的配色及应用[J].电脑编程技巧与维护，2020（01）：140-141+152.

[7]蒋子杰.UI设计中扁平化风格的发展方向探讨[J].大众文艺，2020（01）：53-54.

[8]陶洁.视觉传达设计在移动UI界面设计中的应用分析[J].科学技术创新，2019（35）：65-66.

[9]张毅. 视觉传达设计在移动UI界面设计中的应用与现状[C]. 中国教育发展战略学会教育教学创新专业委员会.2019全国教育教学创新与发展高端论坛论文集（卷十一）.中国教育发展战略学会教育教学创新专业委员会：中国教育发展战略学会教育教学创新专业委员会，2019：8-10.