基于移动终端的情感化插画研究

摘    要：本文指出了插画设计在移动终端应用意义，旨在插画如何表达情感化这一概念，论述了具有情感的插画在用户界面中的重要性，重点描述了插画如何在用户界面中使用且设计的时候需要注意的方面。针对单个页面进行分析，为设计师明确了情感化插画在移动终端中的地位。

关键词：移动终端;情感化设计;用户界面;插画

2010年智能手机在中国逐步普及，移动端界面设计非常简陋甚至直接以网页的形式呈现， 用户对应用程序（APP）的期望也不高，只需要易懂易操作即可。 但是随着时代发展，手机与人们生活联系日益紧密，人们开始追求美的享受、情感的需求。 在用户看来，APP不仅仅要满足功能需求，他们还想要在使用APP过程中产生情感的共鸣。 在近几年，插画正在以一种坚挺的姿势屹立在设计趋势最前沿。 当然，插画在UI设计中也逐步占领主导地位，并且越来越频繁，形式越来越多样尤其值得一提的就是移动端界面中插画的应用。

1.情感化设计

尽管我们对情感化设计并不是很陌生，但我还要简单提及，因为插画在移动终端中的应用目的就是为了提升界面的情感化、引起用户共鸣。早在2010年诺曼教授就在《情感化设计》就提到了三层次理论：本能层、行为层、反思层，这是一种直达用户内心情感需求和精神需求的设计理念，它的目的是为了建立产品与人的联系，使用户在使用产品的过程中体验友好并且激发用户正面向上的情绪， 我个人的理解这三个层次就是好看，好用，想用。

2.情感化插画在界面设计中的优势

插画的应用主要体现在情感化设计中本能层次来满足用户的情感需求，同时与用户建立友好的联系，在界面中合理使用插画可以很好地帮助用户理解产品功能，实现界面设计原则中的差异性。

2.1通过插画调动用户情绪

APP设计往往是商业盈利目的和用户功能需求结合的产物，除了满足用户需求，让用户用的轻松愉悦之外，在使用过程中，开发商还会引导用户去做一些他们期望做的操作， 在这样的界面中如果用到合理又美观的插画，就会引导用户做到这一点。

2.1.1带动情绪：引导用户完成操作

一般情况下一个APP在发布或更新的时候，大部分用户都没有很多时间和兴趣去学习如何使用， 都是拿到手里就用，那么APP在引导页中就可以利用插画将产品的内容、功能、或者是升级的亮点简单高效地表现出来，在第一时间将用户的目光聚焦到你的产品上同事带动其情绪，让用户更快捷的进入APP的使用。

在设计的过程中设计师要通过极简的扁平化插画在短时间内吸引用户注意力，获得用户视觉好感。 这种页面如果用插画形象化、生动化、立体化的表现，可以通过一个个小场景、小故事等方向来绘制，既增加了其趣味性，同时给用户带来意外的惊喜。

2.1.2控制情绪：消灭使用时的负面情绪

这类情况多出现在一些出错页面或网络延迟时，如 404 、403页等，美观有趣的插画在这种时候可以就可以减少用户的焦虑感和不安的心理，使这个页面有了人情味，也可以提升品牌形象在用户心中的地位。

當页面正在加载时，页面中如果出现一些能够与用户互动的交互动效，用生动形象的插画设计能减少用户烦躁的心理，分散其注意力，减少网络延迟或正在加载的等待中用户焦躁不安的心理。

2.2影响用户感知

感知层面是用户通过一些外在的事物来激发自己内心的情感。相比其他表现形式，插画更加具有艺术感染力，更能达到触及用户内心的作用。

感知层面的影响因素有两种，一种是认同感，比如用户以前有相似的体验，感同身受;还有一种是兴趣使然，比如用户喜欢摄影、喜欢设计，对喜欢的事物总能保持浓厚的兴趣，从而时刻关注。

通过引入这种人类天性中关注的点，最容易赢得消费者的注意和喜欢，可以是狭义的产品App，也可以是广义的产品宣传中，最后运用插画渲染描绘出趣味性的，能与用户产生共鸣的场景。

2.3拟人化

拟人化的手法在插画中是最为常见的，通过插画将产品形象拟化成一个人，赋予它人的感情，当用户对某一项操作有困难，或者开发商希望用户去使用某些功能的时候，APP会像人一样提示用户，增进与用户的关系。

3.插画在APP界面中情感化的表达

3.3.1引导页

如今应用商城中大多数APP的引导页都是用了插画的表现手法，将产品的特色、功能、最新活动情况、更新过后的亮点表现出来。根据心理学分析，人们在接触新兴事物的过程往往伴随着紧张感，引导页目的就是极短的时间里让用户大致了解这款APP，减轻用户的紧张感，让用户更快的适应APP的使用。

3.3.2启动页

启动页在用户每次打开APP的时候出现，相当于人的脸面，所以该页面设计的好坏直接影响了用户对APP的评价。在节日或生日、节气还有运营活动时，启动页便成了各大平台争奇斗艳的场地。 一方面有助于宣传，另一方面也建立了品牌在用户心中的形象。用户会从内心感受到软件带来的祝福，从而拥有美好的心情。 启动页只有短暂的一秒钟，在短暂的时间里用户如何获得情感的共鸣，插画无疑是最佳的选择， 精致的插画配着丰富多彩的颜色比真实场景更加能让人接受，勾起用户的某段回忆或者感受。 绘制插画的时候需要考虑该APP所针对的人群、产品调性，才能更好地让用户记忆难忘。

3.3.3空白页面

空白页在网络问题造成的页面或者是没有内容的页面，例如页面中显示“没有信息”“列表为空”，但空白的页面给用户的体验是不友好的，这个时候就需要给用户说明情况。但仅仅是文字描述就会显得枯燥乏味，如果用简单的插画来表示页面就会显得生动有趣，更加能够让用户理解和操作。空白页面的插画在设计的时候要以简约易懂为主，尽可能的保持APP整体风格。

3.3.4出错页面

用户在使用APP的时候偶尔会遇到不可预见的状况会影响用户操作，例如断网、404等。插画的使用会减缓用户的烦躁心理，一些简单的拟人化的文案也会让用户感到轻松舒缓，好的空白页面会花费不少设计时间，因为这种页面不仅是用于提示，还会引导用户进行实质性的操作，这里的插画也要通俗易懂同时要提升页面的审美性和趣味性。

结语

插画通常以生动活泼有趣的形象来营造特定的氛围，带动着人们的情绪变化。而且插画本身就带有故事性，无论是在网页端还是移动端都会呈现出各种鲜活的环境与角色。人都是感性动物，在美的追求上大家都是一致的，好的插画从线条到色彩、从角色表情到四肢的活动都在竭尽全力营造氛围，渲染情绪，激发了用户情感共鸣，增强了用户对产品的粘性。

作者简介：焦洁（1996.7—），女，汉族，籍贯：甘肃酒泉人，江西师范大学美术学院，18级在读研究生，硕士学位，专业：设计学，研究方向：视觉传达设计。