现在APP的数量越来越多,制作也越来越精美,各种APP都想在设计上能够与其他APP区别开来,从而更好的吸引用户的注意,将插画运用在APP当中,无疑是一种好的选择,在IOS 11的App Store“Today”中就用了很多的插画,给用户带来了全新的体验。

最近一段时间一直在给公司的新产品设计插画,在设计的过程中也有了一些思考,从而产生了这篇文章,文章当中主要探讨了几个问题:目前流行的几种插画风格;APP中哪些地方适合配插画?

一、目前比较流行的几类插画及其特点

1、扁平插画

2、肌理插画

3、手绘插画

4、MBE插画:dribble一位大神创作了这种风格,因此被称为MBE风格插画

5、渐变插画(有时也称微光插画)

6、立体插画(也叫2.5D插画)

7、描边插画

下面分开对各种插画进行举例,所有例子均来自dribble

01、扁平插画

特点:扁平插画的特点当然是扁平啦,哈哈哈,不要打我,扁平插画是现在很流行、也是最常用的风格,特点是简洁明了。

02、肌理插画

我觉得肌理插画也属于扁平插画的一种,但是在最后要增加颗粒感,肌理插画的最明显的特点应该就是有质感,光影关系表现的比较好。

03、手绘插画

我认为这是难度最高的一种,也是对设计师的美术功底要求最高的。手绘风格的应用也比较广,可以展现的东西也很多。下面这位设计师的作品富有童趣,像梦境一样美好。

04、MBE插画

特点:简洁、圆润、可爱

05、渐变插画

特点:一种很唯美的风格,在颜色的运用上一般采取近似色,颜色的种类不要过多。

06、立体插画

特点:从名字就可以看出,这类插画最大的特点就是立体了,能够二维的空间里表现三维的事物。

07、描边插画

除了运用形状,还要运用描边,可以很好的对事物进行抽象画处理。

二、各类插画在实际的APP中的运用

01、扁平插画

得到、摩拜单车(用在banner、背景图)

02、肌理插画

百度外卖、淘宝、App Store(用在刷新、背景图、专题)

03.手绘插画

ofo、下厨房(用在banner、专题、弹框)

04.MBE插画

下厨房当中的图标,MBE风格很适合用来制作icon

05.渐变插画和立体插画

拉勾。把这两种放到一起来讲,是因为很多时候一幅插画是包含这两种风格的。(用在banner、专题)

06.描边插画

拼多多、网易云音乐(用在icon、启动页)

总结一下

插画适合用在APP当中的启动页、banner、专题、刷新、icon、弹框、背景图等等。

三:关于APP插画的几点小建议

1、插画的风格要和app的整体风格搭配,例如洋葱数学的整体风格都是扁平的,如果在当中用手绘风格的插画就不合适。

2、插画的内容要能够体现出主题,要和文案配合好;

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

文章来源:搜狐   http://www.sohu.com/a/214206112_285010