目的：对插画在APP（应用程序） GUI（用户图形界面）中的运用进行分析。方法：从市场竞争、用户需求及插画本身的作用分析插画在APP GUI中运用的原因，以及插画在APP GUI中运用所带来的效果，并且总结在APP GUI中运用的插画的特点。结论：插画在APP GUI中的运用可以有效地提高产品的用户体验，是界面设计师有意识地提高界面质量的工作内容之一。界面设计师在合适的情况下，运用插画达到预期的界面体验效果。而插画在APP界面中进行运用，也必须符合界面设计的功能性和有效性的要求。

　　引言在目前的手机App界面中，插画元素的出镜率越来越高。打开“淘点点”进行点餐的时候，首先会有带有插画元素的闪屏来传达近期的促销活动或是某个节日的信息；“数据加载中”的界面往往配有小动画或者插画画面；数据加载失败时，会出现应景的插画画面，等等。插画元素在APP界面的大量使用，并非个例，大部分移动APP都开始重视插画在GUI中的作用，并进行恰当的运用。

　　1.插画应用于APP GUI的背景伴随IT行业的发展，APP市场的竞争也愈演愈烈，尤其是移动互联网产业中，各具特色的APP层出不穷。对于APP开发者来说，想做到独具特色的APP却变得越来越困难。在各种APP应用领域（如照娱乐、互动、购物、新闻、饮食等），不论开发者涉足哪一领域，在该领域中都已有一些高质量APP竞争对手。面对着如此激烈的的竞争局面，APP的开发者也越来越重视用户体验变，并在产品（APP）开发的整个过程中强调对用户体验的重视。对用户而言，产品的多样化使他们有了更大的选择空间。在同类、功能相近的几款产品中，更好的用户体验将更容易被用户接受，因此具有更高质量GUI的App产品也必然更能受到用户的青睐。对于开发APP的企业而言，为了使产品获得更多的用户，企业必然更加重视用户需求，所以提高APP产品的界面设计的质量也将成为企业APP设计部门的一大任务。

　　插画作为视觉设计中的图形语言，是最直接也是最能引起用户的共鸣的关键元素。UI（User Interface，用户界面）设计师越来越倾向于利用插画这一直观的图形语言的元素，进行界面中视觉表现力和视觉表达效果的深层的探索与发掘。第一，插画最早期、最主要的功能是信息传达，所以设计师多采取以图辅文，或者将信息进行提取后，再用插画进行传达，这样的信息传达方式不仅使得所传达的信息更加准确，同时也更加生动，有助于用户的接受和理解，从而引起用户的共鸣和认同；另一方面，插画能够激发用户进行想象、联想，使得文字所传达的内容更加生动，并符合用户的实际生活感受。此外，用户若长时间的进行文字阅读，容易产生疲倦感，一些用户甚至在阅读文字之前更倾向于通过配图来了解文字内容的主题和中心思想。辅助文字的插画不仅可以缓解阅读的疲倦感，加深用户对所传达的信息的印象，而且可以勾起用户文字内容的兴趣，引导他们对信息进行更深层次的阅读和理解。第二，插画相较于其他的抽象几何图形和创意图案，能够更加快速吸引用户的注意力。设计师通过对插画画面的色彩、造型等因素的合理控制，可以快速地吸引用户的目光，使用户的目光在画面上停留，并且与画面进行“交流”。第三，插画本身就具有装饰美化的作用。插画元素让平淡无味的界面增添美丽的色彩，增添了界面的视觉吸引力，用户从中获得了别具一格的视觉美感。第四，插画为强调目的结果的界面增添了艺术情感。插画的艺术价值还体现在艺术欣赏这方面，能传达一定的艺术情感，创作过程更加被重视。界面设计作为一种商业设计，更强调利益、目的性，更重视信息的有效传达。用户作为具有复杂思想情感的对象，不可能仅仅满足于信息的传达，而插画所传达出的艺术情感使得用户的这一情感需求得以满足。

　　所以，将插画合理地应用于APP界面中，可以有效地提高APP产品的质量，迎合用户对APP的需求，使企业的产品拥有更多的用户。这也是插画在APP界面的出镜率也越来越高的原因。

　　2.插画在APP图形界面中的运用的目的界面设计师在APP界面中运用插画元素，主要有以下几种情况：

　　第一，以信息的有效传达为目的。例如，“淘宝”手机客户端在促销期间使用的“6.6大汇聚”闪屏中使用了让用户容易联想到“促销”的红色系和黄色系的色彩搭配，并运用俯视画面人物的角度所产生的透视效果来突出“免单”这一较强吸引力的文字内容。这种插画的运用，能在短短的几秒钟内，向用户传达具有足够吸引力的促销的信息，为促销活动引来更多的流量。又如“百度糯米”手机客户端在应用首次开启时的“新手导航”，其利用年轻人所熟知的“蜘蛛侠”、“闪电侠”的形象，使文案“标签更简洁”“外卖登场 吃货速递”等更加生动形象，更加贴近用户的生活情景。

　　第二，以安抚用户情绪为目的。诺曼在《情感化设计》一书中，分析了视觉美感、情感、用户体验三者之间的潜在的系，并提出了“美观的物品更好用”、“针对情感的多样性进行设计”等观点。界面设计师对这种潜在关系的重视可以从他们所设计的界面中得到体现。例如，“淘点点”手机客户端在数据加载的界面中，采用“淘点点”卡通人物形象骑着电瓶车努力前行的动态GIF插图，安抚用户因为等待时间过长产生的不耐烦和焦躁情绪，而骑电瓶车努力前行十分符合用户对生活中送外卖人员的总体印象，从而引起用户的情感共鸣；另外，APP在数据加载失败、无法定位用户位置等情况发生时，容易引起用户操作的挫败感，而界面设计师在这些界面中采用系列插画，可以降低用户负面情绪的影响程度，并用文字信息告诉用户当前情况和可用的解决方案，给予用户及时的反馈，博取用户对APP产品的好感和信任感。

　　第三，以增加界面的趣味性为目的。在“百度糯米”手机客户端的首页的系列icons中，界面设计师以插画为表现形式设计了系列icon图标，相对于常规的icon图标，这一系列图标使得整体界面一下子活泼有趣起来，更加吸引用户的眼球。

　　3.APP界面设计中的插画的特点近年来，无论是网站设计还是应用程序设计，扁平化和极简的设计正在成为新的趋势。由于网页、APP等需要适应多种平台的不同的屏幕尺寸，扁平化的设计可以很好的驾驭不同尺寸的屏幕。因此，应用于APP界面的插画不得不服从界面设计的总体趋势和硬性的设计规范。APP界面设计中的插画有如下特点：

　　设计简单。这来自于扁平化设计的“简单设计元素”原则。在扁平化设计之前，处于主导的是拟物化设计。拟物化设计在于模仿现实世界的物品，其一般采用纹理、透视、阴影等来装饰。然而，问题在于数字设备更是为了可用性而设计的。而扁平化正设计是对数字设备的UI设计领域，对可用性的实施。扁平化设计的核心在于去装饰化，元素被设计成最为原始的、最为简洁的形式。扁平化的元素使得在小尺寸的数字设备中，如智能手机，得以广泛应用，其使得界面干净利索，便于用户操作，为用户提供了良好的操作体验。

　　注重色彩。相对于其他设计风格，扁平化设计通常会使用更加明亮、更炫丽的颜色，从而体现一种充满活力、时尚和新颖。扁平化设计往往还会配备更多的色调，并且很少会使用到三原色（正红、正蓝、正黄）。颜色虽多，但并不意味着颜色的滥用。扁平化设计中采用的颜色往往使用色调和饱和度相近的颜色。

　　迎合大众的审美，必须是“好看的、可爱的”。尽管每个APP产品有自己的目标用户群，但是整体设计风格必须迎合多数用户的审美需求。区别于“艺术美”更强调个人主观的审美趣味和其隐含时代的思想内涵，这里的“好看的、可爱的”更倾向于符合大众的、更通俗、不会因为时代潮流思想和审美趣味的变迁而改变的一种对外观美的定义。比如，梵高的艺术在其所在那个年代并不被列入美的范畴，而随着时代审美和时代思想的变迁，他的作品称为一种别具一格的艺术美，相比较而言，玫瑰花图案的艺术造诣远不及梵高的《向日葵》，但是它几乎在每个时代，对于各个阶层的人而言，都是“好看的、可爱的”。

　　结语随着APP界面设计的进一步发展，插画在界面设计中的运用将越来越成熟。在界面设计的可行的范围内，设计师也将探索插画在界面设计中运用的新的可能性和更适宜有效的插画形式。

　　（作者单位：浙江理工大学艺术与设计学院）