现在的APP数量越来越多，制作也是越来越精美，特别是引导页，各种APP都希望能在设计上与其他APP区分开，从而给用户留下好的第一印象，并且更能吸引到用户的注意。
我最近一段时间一直在做引导页的练习，在设计的过程中也有了一些自己的思考，文章主要讨论了几个问题：为什么引导页中要用插画？以及插画引导页设计六种常见的套路。
为什么引导页中要用插画？
1、引导页是什么？
引导页是只针对第一次启动APP的新用户才能看到的页面，目的是介绍产品的某些功能/流程，让用户能够快速了解。就是说手机安装好APP后第一次打开，就会看到引导页。当你关闭后，再次打开，是再也看不到的（除非某些app内在设置?？橹?，能看到新用户介绍入口）。
2、为什么要用插画？
因为插画的视觉冲击力强，很容易就能给用户“惊艳”的感觉，同时能增加趣味，使页面显得不那么单调和乏味，承载更多的信息量。
插画引导页设计五个常见的套路
很多设计师可能一听说要画引导页，第一个想到的就是用插画，但是用什么插画心里却不清楚，插画也分很多类型的，不同种类的插画引导页特点和适合的产品也有所不同，下面我们就五种不同的插画套路来详细说明。
1、扁平插画类引导页
扁平插画是现在很流行，也是最常用的风格，用简单线条或者色块概括的外部轮廓,绘制出“平”的感觉。
以上图为例，采用简单的色块是不是就能让你看出这是在地铁中的场景，搭配文案，让用户对产品的内容一目了然。
这种类型的插画优势是新手能够快速上手，难度不大，同时画风简洁明了，突出重点，能够快速的让用户了解内容；缺点就是因为比较普遍，视觉上难以让用户记住。
使用场景：扁平风引导页形象的插画和简单的文案一起，就能快速的让用户了解产品要表达的信息，适合用于功能介绍和问题总结。
2、肌理插画类引导页
这是在扁平插画的升级版，增加了颗粒感，这种类型插画最明显的特点是比扁平插画有质感，且会突出光影关系。
以上图为例，我们可以看到都是由简单的物体加上光影效果，就能搭配出俯视的感觉，颗粒的感觉让整个画面更有质感。
优势是上手也没那么难，而且视觉效果比扁平插画好；缺点就是对页面的精致感要求比较高，光感要是把握不好，画面难出彩。
使用场景：肌理类引导页通过一些清新、生活化的场景搭配简洁的文案很能渲染出产品的基调，除了产品功能介绍外，还适合用在推广类的引导页上。
3、手绘插画类引导页
手绘插画的风格比较多，表现力和精致度比上面说的两种好，视觉冲击力也很容易就能表现出来。
从上面的案例可以看出，人物和建筑与整个环境的色彩搭配都十分舒服，页面整体感觉很清新自然，符合春的主题，视觉感很抓人眼球。
优势是展现的东西很多，应用范围也很广，有趣味的同时还能够惊艳到用户；缺点是难特别高，对设计师的美术功底要求也是最高的，先从扁平画练起吧。
使用场景：手绘类的引导页视觉冲击力很强，很容易就能体现出产品的态度和调性，适用于推广类的引导页上。
4、MBE插画类引导页
MBE插画的特点就是简洁、圆润、可爱，断点和周围的小点缀加上一些微微的光泽感，是它的标志。
以上图为例，整个引导页的画风很简洁，对物体的描绘也很简单，明亮的色彩搭配、断线加上点缀使整体给人感觉比较可爱。
优势是难度系数小，能够快速上手；缺点是因为风格偏可爱，所以范围比较局限，能够适用的产品不是很多，目前市面上用的比较少。
使用场景：MBE类引导页画面简洁，界面展示能够简要明白，通俗易懂，适用于功能介绍和使用说明类型的引导页上。
5、立体插画类引导页
立体插画是采用2.5D或者3D的风格，在二维的空间里表现出三维的事物，让扁平的东西能够营造出立体感。
从上面的例子可以看出，2.5D风格的插画大多是以近似色为主，就能简单的营造出立体感，搭配一些对比色做点缀，整个画面的视觉感就能有好的体现。
优势是整体画面能够抓住用户眼球，有一定的氛围感；缺点是对空间感、造型能力和光感要求比较高，耗时久。
使用场景：有一定的视觉表现力，同时能够营造出氛围感，适用于推广类和问题解决类的引导页。
总结
1、选择适合文案想要表达的插画风格，功能介绍和使用说明类型的文案就用扁平、立体和MBE风格的插画，推广类型的文案用肌理和手绘风格的插画，解决问题类型的文案用扁平和立体风格的插画。
2、每页的插画要保持一致的设计风格，并且与产品的气质保持一致。
3、插画要尽可能的有创意，虽然我知道这很难做到，但是也要体现出设计师的想法和心思在里面，最重要的是注意细节，细节决定成败。
技术
