我们已经准备好了,你呢?

我们与您携手共赢,为您的企业形象保驾护航!

当前位置: 首页 > 百科知识问答 > 插画类引导页常见的几种类型

现在的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、插画要尽可能的有创意,虽然我知道这很难做到,但是也要体现出设计师的想法和心思在里面,最重要的是注意细节,细节决定成败。

免责声明:本站内容(文字信息+图片素材)来源于互联网公开数据整理或转载,仅用于学习参考,如有侵权问题,请及时联系本站删除,我们将在5个工作日内处理。联系邮箱:chuangshanghai#qq.com(把#换成@)

我们已经准备好了,你呢?

我们与您携手共赢,为您的企业形象保驾护航!

在线客服
联系方式

热线电话

132-7207-3477

上班时间

周一到周五 09:00-18:00

二维码
线