数字插画在APP 界面设计中的应用研究

◎邱羽亭

一、数字插画

插画历史悠久，插画一词来源于拉丁文illustration，在中国俗称插图，最早应用于印刷物中，常与文字结合。现随着时代的变迁，载体的变化，插画创作将不再受到传统媒介的限制，呈现多元化发展的趋势，由此出现了一种新的艺术形式，即将数字技术与艺术进行结合，数字插画应运而生，插画也被广泛应用于社会生活的各个领域。例如：产品包装、广告媒体、网页界面、出版物、服饰配件等。数字化是这个时代的特征，是社会转变的趋势。

二、APP 界面与数字插画

数字时代的到来，手机作为现代人重要的通讯工具之一，是我们进行信息输入和输出的重要媒介。自2008 年乔布斯开始在手机里加入APP STORE，大量的手机从业者开始开发APP，出现了UI 设计师的职业，同时也兴起了移动互联网的热潮。APP 与我们生活密切相关，界面设计之所以越来越重要除了人们审美需求的不断提升还得益于APP 市场的不断竞争，例如：外卖、打车、短视频等领域，在大互联网环境下，一旦有一种互联网产品发展得很好，很快就会相互借鉴从而出现大量类似的产品。此外，与传统PC 界面的不同，手机界面尺寸更加小巧，设计发挥有限，导致中国的很多同类互联网产品的页面结构基本一致，例如：淘宝、天猫、京东等电商平台APP 之间的互相借鉴，例如：优酷和Youtube，淘宝和ebay 等。

唐纳德说：“产品不仅是所有功能的集合，他们真正的价值可以是满足人们的情感需求。”纵观现有的APP，大部分是功能复杂齐全，体验全面平庸。APP 在保证用户正常使用的同时还要考虑界面的合理、美观性与实用性。在一款APP 中，如果图标的寓意明确，图形简洁直观易识别，往往能更有效地提升用户操作的效率。数字插画是一种新的流行文化，正是由于其图形语言的精简直白，才如此受到界面设计师的青睐，因此各大类APP 在视觉设计上也纷纷开始融入插画的形式。将插画与品牌进行深度融合，可使APP 兼具美观与个性，在同类中脱颖而出，例如一些购物类APP，通过插画的形式营造一种热烈的氛围，不仅给用户带来良好的视觉体验，还能刺激消费者购买的欲望。除此之外，随着人们生活水平不断提升，加上人们审美方式和阅读方式的转变，人们对产品的体验需求越来越趋向情感化与个性化，插画便是利用图形图案的方式来表达想要营造的画面，由于它造型色彩突出，引人注目，往往能很好地传递视觉信息，是一种带有强烈情感的艺术表达形式。一个好看的界面能更好更快速地获得用户的好感，引起用户情感上的共鸣，因此无论是加载状态、空态页面、出错页面还是弹窗页面，如果在APP 中融入部分小插图无疑能让页面给用户有更多的耐心等待或查看。

三、数字插画在APP 界面中的应用场景

插画在APP 中的应用方式多种多样，目前常见的几种类型有：启动页、引导页、刷新图标、icon、banner、专题页、弹窗、背景图等。

启动页与引导页通常在打开APP 时出现的画面，在APP 发展的初期，这个界面只要求能使用即可，并不被人们所重视，但实际上它往往会影响到软件带给用户的第一印象，因此要重视启动页或引导页的视觉设计。现在很多APP 为了追求精美与独特，也逐渐选择插画作为设计的一部分，插画的风格种类繁多，不仅能起到补充文字说明的作用，还能发挥着视觉中心的信息传递作用。

插画在APP 界面中的运用，不得不提到icon 图标。现在越来越多的界面采用插画风格的icon，插画图形的形式多样，具有很强的色彩表现力，给人年轻、活力的感觉。例如MBE 风格的icon，从线框型Q 版卡通画中演变出来，断线的运用与色块的溢出让icon 独具风格，能在界面丰富多彩的基础上带来更多的层次感。如今信息碎片化的时代，用户注意力的持续时间越来越短，插画图标让原本理性严谨的手机界面增添了一丝趣味性，用户在接收信息的过程中也能获得情感上的享受，手机界面配有插画图标，用户便无需通过文本标签来了解功能，可以更快更直观地了解到界面所要传达的信息，并且做下一步决策。

Banner 是网络中最常见且有效的一种推广方式，尤其在手机小尺寸的界面下，想要第一眼吸引用户，传递重要信息，数字插画的形式无疑成了一个很好的宣传方式，丰富画面内容的同时还能提高用户点击率，强化用户与界面之间的互动，为手机界面的设计增添一抹色彩。

纵观一线互联网公司出品的APP，大部分产品将细节做到了细小的刷新图标和加载图标上。由于在APP 运行过程中的速度限制，有时会出现需要用户等待的时间，若此时界面没有任何反馈，用户在等待过程中就会流失，如何让等待的时间不那么枯燥，数字插画的作用至关重要，在短暂停留的几秒钟内，它迅速能拉近用户与产品之间的距离，有趣的小插图附带轻量动效也缓解等待带来的枯燥感。

另外还有弹窗、专题页、背景图等，在界面中采用数字插画的形式，设计师无需担心版权的问题还能让界面更具有可识别性。

四、数字插画在APP 中的多元化应用

新媒体时代为数字插画带来了新的发展机遇，插画领域也呈现多元化的发展趋势。视觉上，插画的形态已逐渐从静态转变为动态。动态插画是一种介于插画与动画之间的表现形式，动态叙事的方式给用户带来全新的审美体验，最常见的一种形式即为表情类插画，拥有动态效果的GIF图丰富了人类的视觉语言，例如表情包的运用，在社交类APP 中，人们往往看不到说话者的情绪，这经常会影响到人们对于说话内容的判断，动态的表情插画则更好地帮助说话者传递情绪，用户可以在聊天的同时准确匹配当前的聊天环境，符合现代人们视觉体验的同时还能够丰富当前的说话场景，让聊天氛围更加轻松愉快。

在部分APP 产品中，插画界面也加入了声音的元素，例如一款名为《walkup》的记步数APP，几乎所有的界面都是由精美的插画构成，在场景中配有优美的音乐，让用户在饱览地图的同时有一种身临其境的感觉。还有故宫博物院发布的APP 类产品——《胤祯美人图》，画面精致优美，充满古韵，插画与声乐的配合达到了一定高度。《韩熙载夜宴图》同样将细节做到了极致，应用中的文字、语音、视频都在为用户讲述其背后的故事，只需轻轻滑动指尖就能全景触摸互动，实属APP 中的精品。

摄影摄像类的软件例如：Faceu 激萌、B612 咔叽等，则是将插画与AR 技术相结合，可以实时地在人脸上诞生一些虚拟的、具有动态效果的小贴图插画或道具，用户可自由进行叠加或切换。另外，还可以配上音效，对拍摄的视频或照片进行后期处理，令APP 的功能更具丰富多样性。

五、结语

插画由传统走向数字化是时代发展的必然趋势，APP 界面为数字插画提供了全新的展示平台，数字插画也发挥自身优势为APP 界面设计带来了更丰富、更具情感化的场景，数字插画打破了人机界面的冰冷，拉近了人机交互的距离，给用户带来了温度。各类技术的兴起也为数字插画的表达提供了有利的条件，人们开始追求APP 界面的品质与设计感，因此插画在APP 界面中的应用方式也呈现多样化。在APP 未来的发展中，数字插画将会融入更多的创意形式，发挥其更大的作用与价值给人们带来全新的体验。