App闪屏界面插画设计研究

石又祎

摘要：在打开app应用程序时，闪屏界面是首先会被用户看到的过渡页面。针对于闪屏界面的设计，可以向用户传递有关产品的第一讯息，无论是节日祝福、产品宣传，还是精美语录等，都可以带给用户一种更加生动、有趣的产品体验。在闪屏设计中使用插画的表现形式可以激发用户对产品的兴趣，并引发用户思考。使画面更富趣味性，插画在闪屏中的运用是当下最为流行的一种形式，它也具有多种多样的表现形式和运用技巧需要设计者掌握与灵活运用。

关键词：用户体验;插画;闪屏界面

一、闪屏的功能概述

闪屏又称为launch image，闪屏的出现是应用程序被启动时的一个加载过程。在这个加载过程中闪屏可以设计为无画面，使用户感受不到这个加载的过程，使程序的启动与与进入产品首页有一个完美的融合。当然，闪屏也可以充当一个宣传画面的角色，比如设置一些插画的宣传广告来使打开程序的过程中更加富有乐趣，为产品的界面进入过程做一个有意思的衔接。

在闪屏的设计中，又可细分成4种形式，常规闪屏、广告闪屏、活动闪屏和节日闪屏。由于闪屏传达内容上的不同，它所设计的画面也根据内容的不同有所区分，比如节日类的闪屏要更加注重画面的气氛，日常运营的则要注重产品信息的层级关系，热点传播则要突出新闻的内容，品牌传达则需要考量品牌自身的标志色彩与形象。

常规闪屏的界面设计大都需要包括产品的标志，定位语和内容图案。闪屏的设计上也喜欢与其产品自身的属性有一定的关系，使其二者产生更多的连接性。当然，为了使闪屏更好的迎合用户对产品本身的体验，很多的app闪屏设计就以与产品本身有关联性的图片作为闪屏的设计的主题元素，比如我们最常用的微信闪屏，就是以一个地球的画面作为主视觉，其本身的地球元素就与微信本身的性能特质有着紧密的联系。

广告闪屏则是产品本身留给商业盈利的展示界面，比如微博启动时会出现天猫的活动广告、有道词典的闪屏会出现英语培训的广告，这些都属于广告闪屏。由于广告闪屏自身的属性就具有商业目的，所以在设计中更加注重色彩和形式上对用户的吸引力，同时，为了减少用户使用程序的疲惫感，导致对软件自身的方案，广告闪屏中尤其需要注意的就是设计一个跳过与倒计时的按钮，保留住那些对广告不感兴趣的用户群体的继续使用的体验感。

活动闪屏与广告类的相差不多，起到的也是一个宣传作用，需要注重颜色上的醒目与形式上的丰富。比如很多活动的闪屏喜欢设计一些插画手法的宣传形式，把活动体现的更富乐趣，对用户产生更强的吸引力。插画元素的加入可以把原本缺少细节的海报体现的更加生动。

节日闪屏的设计则更能引发用户的共鸣，使产品更具生活气息，在设计上要更加的生动可爱，拉近用户的距离，可以使用户对产品有更多的新鲜感。在节日类的闪屏设计中，很多产品都喜欢运用插画来进行节日的展现。插画的加入可以使节日的气氛表现的更加淋漓尽致。同时可以吸引到不同的年龄段、不同工作领域的用户群体。[1]

二、闪屏界面中插画的风格

插画的加入是闪屏的设计中最容易产生用户吸引力的画面。首先插画有着不分年龄不分领域的跨越性，可以让更多的用户产生视觉的舒适感，对鲜艳的颜色产生兴趣。另外在表达形式上，商业化程度更低，容易被大众所理解，可以拉近用户距离。同时，插画本身富有很强的趣味性和感染力，是一种通俗易懂的视觉语言。在插画的设计上也可以用不同的风格进行表达。

比如当下最为流行的扁平化的插画风格，插画整体的风格特点就是扁平的，没有立体结构的关系，视觉感官及为简单，色彩搭配上也显得十分明朗。这种表达形式会更加清晰，让用户一目了然。使画面整体感觉更加时尚、轻快。而且在绘制效率上很高，不需要花费很多的时间就能展现出来不错的视觉感。这个风格被很多的品牌所喜欢，比如摩拜单车、飞猪等等。更加符合时代的特征，也符合年轻人简单时尚的审美观。

除了扁平风格，想要略显复杂可以加入肌理的风格，这个风格更具有趣味性与立体感，它是在扁平插画的基础上加入了颗粒感，使画面的光影效果更佳突出，也使画面多了一层质感。这样的插画看起来更加的立体，更具真实感。同时，画面不会显得粗糙、空乏，而更加精致。

当然，最为被大众所认识的就是手绘型的插画设计风格。手绘风格的插画对产品宣传的更具有针对性，而且手繪型插画更加具有设计师本身的风格，需要设计师绘制的风格与品牌调性相符。手绘风格对设计师也有着较高的要求，需要设计师有很强的画面感，来营造更加丰富、吸引人的画面。而其风格的应用领域也较广，需要灵活的协调其产品的特性。

当下流行的MBE型的插画风格也具有十分简洁、俏皮、时尚的设计感。也更具有表现力。它主要的表现形式就在于其简洁的外观和干净的线条构成的可爱形态。粗线条的描边，适当的断点空隙和色块的小面积溢出，使得画面更具灵动性。它更多地存在于产品的商标和游戏类的产品风格之中。

还有具有科技时尚感的渐变型插画风格。它的色彩使用上通常倾向于一到两种，多为近似色，营造一种神秘、奇幻的风格，更加吸引年轻人。比如一些倾向女性群体的应用软件更喜欢运用粉紫色系的渐变作为闪屏插画的主题色彩，又具有时尚感，有吸引力女性的注意力。或者很多的时尚科技感app插画设计的风格上也偏向渐变型的插画设计，色彩简洁、方式炫酷，表达直接明了，更加受年轻人的喜欢。

立体型插画设计风格或者称为2.5D插画风格，这种风格则是更加立体化的一种表达，使画面看起来有层级关系，表现三维的视觉感。这种立体感的风格，是运用插画的手法进行展现，模拟出一种立体的效果，但其形式更加可爱、更具趣味性，画面也具整体性，比如大家熟知的游戏纪念碑谷就使用的这种风格，它使固定尺寸的手机屏幕有了更多的空间感，让用户产生一定的好奇心理，抓住了用户的注意力，是一种很好的插画形式。

插画的设计风格有很多种形式，在应用程序闪屏的设计中，需要设计者对产品本身需要传达的内容有一个清晰的定位，并对客户群体的喜好有一个明确的把控，从而考虑插画在界面中的应用设计风格再进行设计。把插画与产品宣传的内容进行完美的结合。掌握多种插画设计的风格的同时可以运用多种插画手法进行组合变化，使插画本身更富魅力。

三、插画在闪屏中的设计技巧

在闪屏的设计过程中，设计者最需要注重的则是与甲方的沟通，首先要对产品有一定程度的理解，同时要对于产品过去的闪屏设计或者产品本身的设计调性有一个定位，明确产品的整体调性和宣传理念，并进行深度的分析。并与客户进行有效的沟通和探讨，了解产品所需要的预期效果，便可以展开对闪屏插画的画面构思。

插画的设计需要设计者紧密的构思，不仅需要手头的专业技能强，更加需要设计师有一个清晰的头脑来理解客户想要达成的效果。设计出一张优秀的插画，少不了思想上的投入，需要对产品本身有一个深刻的认识，对大众审美有一个广泛的理解，再加入自身的专业能力，才可以完成让用户喜爱的闪屏设计。[2]

在插画设计的前期需要设计师来进行不断的头脑风暴去完成整体的设计把控。同时，搜集大量的相关素材，把控好设计的风格和想要传达的创意点与内容。在相关案例中进行反复的对比，并针对可行的方案措施进行不断的参考与提取。将这些创新点进行结合与对比，整体进行有效的衔接，把这个思路与团队人员进行讨论与设计，提出最终的几条解决方案进行再对比。

当方案有了初步的确定，设计者可以将自己的想法进行初步绘制，展现出来，从而进行下一步的分析和探究。从画面的构图形式，到色彩风格的选取，再到整体传达的故事内容和背景设计等等，让画面有一个节奏感，使整体和谐统一。使画面层级清晰，主次分明，能够有效地传达产品想要表现的内容。

在插画方案进行确定之后，设计者则需要考虑插画的风格展示，比如在针对节日类闪屏设计上，就需要参考大量的节日类插画，选择适合产品的形式进行设计，比如产品是年轻时尚的品牌则倾向于扁平的插画风格。产品是偏传统的品牌，则可以考虑纯手绘或者带有质感的插画风格，更容易营造别具一格的视觉风格。并且根据节日的特征提取出相关的颜色，进行不断地比对与调试。搜集大量的节日元素，合理的放置到插画之中，使画面饱满、丰富，能够烘托出节日的气氛。在闪屏的设计中，我们需要在整体的画面结构设定好之后，加入色彩上的合理设计。营造出画面想要传达的大致感觉，拿给甲方进行提案，商讨画面效果达成一致。[3]

在初稿与客户产品达成一致，需要设计者进一步调整的就是细节上的问题，比如元素过多或过少，视觉中心够不够明确，产品的特色有没有展现出来等等。协调好画面的整体感觉。使传达的信息能够一目了然。让客户在打开产品应用程序中的体验过程有一个好的印象。并能过对产品产生兴趣。确认好画面想要传达的信息和传达。目前，能够有效的吸引到客户群体，有良好准确的定位与把控，这样的闪屏设计才可以对客户产生吸引力，留下一个好的印象。

四、总结

插画设计成为了闪屏的界面中的运用是最多的一种形式，它的出現可以使客户对产品形成一个初步的印象。还可以使用户对产品之间产生更多的好奇心与联系性。这是对于提高产品用户体验的一种有效方式。好的插画设计不仅可以留住客户的吸引力与注意力，同时会使用户产生更好的产品体验。而插画的形式有很多种，设计者需要利用好插画的多种形式来进行灵活的应用，使产品的闪屏更加独特、丰富、有趣。同时需要结合产品自身的调性、特点来扩展更多的内容。由于闪屏不仅仅局限于传递信息的功效，也需要更多与用户之间的互动与用户的反馈，才能够达成更好的效果，并与用户产生更多的连接、交流与共鸣。增加用户对产品的感情依赖。插画设计就很好地满足了这一点，这也就是为什么设计对插画的需求越来越高。这和用户群体的需求有着很大的关系，合理的将插画运用到闪屏设计中会成为app界面中的一大亮点。

参考文献：

[1]（美）鲁道夫·阿恩海姆.艺术与视知觉[M].滕守尧，朱疆源，译.四川人民出版社，2006（10）.

[2]李明，陈璞.商业插画设计[M].浙江：浙江大学出版社，2007.

[3]王玉燕.创意产业下插画设计的商业应用[D].青岛科技大学硕士论文，2013.