广州白纸网络科技有限公司插画引导页设计常见套路
为什么引导页中要用插画?答:给用户留下好的印象,并且更能吸引到用户的注意。各种APP都希望能在设计上与其他APP区分开,现在的APP数量越来越多,制作也是越来越精美,特别是引导页,插画引导页应运而生!
为什么要用插画?
因为插画的视觉冲击力强,很容易就能给用户“惊艳”的感觉,同时能增加趣味,使页面显得不那么单调和乏味,承载更多的信息量。
插画引导页设计常见套路
肌理插画类引导页
这是在扁平插画的升级版,增加了颗粒感,这种类型插画明显的特点是比扁平插画有质感,且会突出光影关系。
例,我们可以看到都是由简单的物体加上光影效果,就能搭配出俯视的感觉,颗粒的感觉让整个画面更有质感。
优势是上手也没那么难,而且视觉效果比扁平插画好;缺点就是对页面的精致感要求比较高,光感要是把握不好,画面难出彩。
扁平插画类引导页
扁平插画是现在很流行,也是常用的风格,用简单线条或者色块概括的外部轮廓,绘制出“平”的感觉。
例,采用简单的色块是不是就能让你看出这是在地铁中的场景,搭配文案,让用户对产品的内容一目了然。
这种类型的插画优势是新手能够快速上手,难度不大,同时画风简洁明了,突出重点,能够快速的让用户了解内容;缺点就是因为比较普遍,视觉上难以让用户记住。
手绘插画类引导页
手绘插画的风格比较多,表现力和精致度比上面说的两种好,视觉冲击力也很容易就能表现出来。
从上面的案例可以看出,人物和建筑与整个环境的色彩搭配都十分舒服,页面整体感觉很清新自然,符合春的主题,视觉感很抓人眼球。
优势是展现的东西很多,应用范围也很广,有趣味的同时还能够惊艳到用户;缺点是难特别高,对设计师的美术功底要求也是高的,先从扁平画练起吧。
立体插画类引导页
立体插画是采用2.5D或者3D的风格,在二维的空间里表现出三维的事物,让扁平的东西能够营造出立体感。
从上面的例子可以看出,2.5D风格的插画大多是以近似色为主,就能简单的营造出立体感,搭配一些对比色做点缀,整个画面的视觉感就能有好的体现。
优势是整体画面能够抓住用户眼球,有一定的氛围感;缺点是对空间感、造型能力和光感要求比较高,耗时久。
MBE插画类引导页MBE插画的特点就是简洁、圆润、可爱,断点和周围的小点缀加上一些微微的光泽感,是它的标志。
以上图为例,整个引导页的画风很简洁,对物体的描绘也很简单,明亮的色彩搭配、断线加上点缀使整体给人感觉比较可爱。
优势是难度系数小,能够快速上手;缺点是因为风格偏可爱,所以范围比较局限,能够适用的产品不是很多,目前市面上用的比较少。
为什么要用插画?
因为插画的视觉冲击力强,很容易就能给用户“惊艳”的感觉,同时能增加趣味,使页面显得不那么单调和乏味,承载更多的信息量。
插画引导页设计常见套路
肌理插画类引导页
这是在扁平插画的升级版,增加了颗粒感,这种类型插画明显的特点是比扁平插画有质感,且会突出光影关系。
例,我们可以看到都是由简单的物体加上光影效果,就能搭配出俯视的感觉,颗粒的感觉让整个画面更有质感。
优势是上手也没那么难,而且视觉效果比扁平插画好;缺点就是对页面的精致感要求比较高,光感要是把握不好,画面难出彩。
扁平插画类引导页
扁平插画是现在很流行,也是常用的风格,用简单线条或者色块概括的外部轮廓,绘制出“平”的感觉。
例,采用简单的色块是不是就能让你看出这是在地铁中的场景,搭配文案,让用户对产品的内容一目了然。
这种类型的插画优势是新手能够快速上手,难度不大,同时画风简洁明了,突出重点,能够快速的让用户了解内容;缺点就是因为比较普遍,视觉上难以让用户记住。
手绘插画类引导页
手绘插画的风格比较多,表现力和精致度比上面说的两种好,视觉冲击力也很容易就能表现出来。
从上面的案例可以看出,人物和建筑与整个环境的色彩搭配都十分舒服,页面整体感觉很清新自然,符合春的主题,视觉感很抓人眼球。
优势是展现的东西很多,应用范围也很广,有趣味的同时还能够惊艳到用户;缺点是难特别高,对设计师的美术功底要求也是高的,先从扁平画练起吧。
立体插画类引导页
立体插画是采用2.5D或者3D的风格,在二维的空间里表现出三维的事物,让扁平的东西能够营造出立体感。
从上面的例子可以看出,2.5D风格的插画大多是以近似色为主,就能简单的营造出立体感,搭配一些对比色做点缀,整个画面的视觉感就能有好的体现。
优势是整体画面能够抓住用户眼球,有一定的氛围感;缺点是对空间感、造型能力和光感要求比较高,耗时久。
MBE插画类引导页MBE插画的特点就是简洁、圆润、可爱,断点和周围的小点缀加上一些微微的光泽感,是它的标志。
以上图为例,整个引导页的画风很简洁,对物体的描绘也很简单,明亮的色彩搭配、断线加上点缀使整体给人感觉比较可爱。
优势是难度系数小,能够快速上手;缺点是因为风格偏可爱,所以范围比较局限,能够适用的产品不是很多,目前市面上用的比较少。