插画在APP设计中的应用
现在APP的数量越来越多,制作也越来越精美,各种APP都想在设计上能够与其他APP区别开来,从而更好的吸引用户的注意,将插画运用在APP当中,无疑是一种好的选择,在iOS
11的App Store“Today”中就用了很多的插画,给用户带来了全新的体验。
一. 什么要在APP当中使用插画?
增加视觉冲击感,总结为两个字“惊艳”,例如“walk up”APP,当中的每一个页面都运用了插画,而且设计得极其精美。
增添趣味性,使页面不显得单调、乏味,一个明显的例子就是APP当中的空页面和错误页面,例如淘宝在无网状态下,显示一幅可爱的插画要比单纯的显示文字要给人的感觉好得多,也可以尽可能的减轻用户的焦虑。
承载更多的信息量,更加的直观,这一点在图标上显示的比较明显了,例如百度糯米的分类图标,采用了写实的风格,给人的感觉就更加的直观了。
满足用户的情感需求,情感化设计,这一点在keep当中得到了很好的体现,在刚刚过去的七夕节,keep把跑步路线变成了粉红色,还配上了一条狗,七夕节还在跑步的人,很有可能是单身狗啊,意思不言而喻。
二. 目前比较流行的几类插画及其特点
扁平插画
肌理插画
手绘插画
MBE插画(dribble一位大神创作了这种风格,因此被称为MBE风格插画)
渐变插画(有时也称微光插画)
立体插画(也叫2.5D插画)
描边插画
下面分别对各种插画进行举例,所有例子均来自dribble。
扁平插画:扁平插画的特点是扁平,简洁明了,扁平插画是现在很流行、也是最常用的风格
肌理插画:我觉得肌理插画也属于扁平插画的一种,但是在最后要增加颗粒感,肌理插画最明显的特点应该就是有质感,光影关系表现得比较好。
手绘插画:我认为这是难度最高的一种,也是对设计师的美术功底要求最高的。手绘风格的应用比较广,可以展现的东西很多。下面这位设计师的作品富有童趣,像梦境一样美好。
MBE插画:简洁、圆润、可爱。
渐变插画:一种很唯美的风格,在颜色的运用上一般采取近似色,颜色的种类不要过多。
立体插画:从名字就可以看出,这类插画最大的特点就是立体了,能够在二维的空间里表现出三维的事物。
描边插画:除了运用形状,还要运用描边,可以很好的对事物进行抽象化处理。
MBE插画:下厨房当中的图标,MBE风格很适合用来制作icon
渐变插画和立体插画:拉勾。把这两种放到一起来讲,是因为很多时候一幅插画是包含这两种风格的。(用在banner、专题)
描边插画:拼多多、网易云音乐(用在icon、启动页)
总结一下:插画适合用在APP当中的启动页、banner、专题、刷新、icon、弹框、背景图等等。
沈苑苑插画的特点
1.扁平插画
。扁平插画相对来说有很强的通用性,因为它简约又直观、弱化了细节和透视,识别度和上手度也相对更快,契合了年轻人对可爱和萌趣的审美要求,是最容易让画面出整体效果的技法;通常会运用规则的几何图形或不规则的矢量图形去保留物体原有的辨识度形态,搭配大块面的色块,用简约的图形去让主体形态更加抽象或者简约化,运用的范围比较广阔,常见的有海报、包装、banner、App闪屏、游戏界面等。
2.渐变插画。
渐变插画的特点是大量运用低饱和度的渐变手法,且在用色上一般采取近似色;其细节丰富而细腻、画面风格偏写实、视觉稳重大气,让画面很有视觉冲击力和层次感。其中,渐变插画里面又细分双色渐变、半透明渐变、网格渐变、渐变模糊等形式。
3.MBE插画
。这种插画风格的特点是:简洁、圆润和可爱,一般都带有特粗的深色描线、Q 版化卡通形象、圆润的线条、矢量绘制的线条+面组合的设计风格,整体很清新、可爱的调性,一般运用在图标和空白界面的提醒等方面。
4.肌理插画。
肌理插画一般是在基于扁平画的基础上,最后融入肌理效果,最后呈现出有质感,且有光影效果的画面;这种画法一般没有描边线,大多都是通过色块的明暗来区分每个元素;通过增加质感、杂色等,来增加插画的层次和立体感,可以有效的刻画作品的细节;给人很朴实的感受,比较轻松随意;肌理中的颗粒感增加了画面细节,也更耐看,同时也更有个人风格。
5.立体插画。
立体插画能够二维的空间里表现三维的事物,为画面带来透视感和空间感,更好地传达信息。
6.描边插画
。描边插画可以简单理解为众多线面结合图标组合在一起,互相呼应而组成一个大画面,多带有描边的处理;多运用线条和描边,画面整体比较干净整洁,常用于H5/App;在应用时要注意描边的粗细对比,要衡量是否符合常规。
7.剪纸插画。
剪纸风格插画就是用剪纸的方式制作插画,通过切割,堆叠分层剪纸来营造不同的内容。与传统的平面插画相比,剪纸插画可以使画面更具层次感和立体感,形式上也更加新奇有趣。
8.国潮插画。
国潮在近几年备受推崇,简言而知,国潮就是以中国文化和传统为基调,集时尚、格调和腔调于一身,是传统与现代的文化思潮碰撞,更是东方美学的淋漓展现。因此插画融合了国潮文化,加速画面的传播力度,更具时尚感;同时也赋予了品牌更多的符号和文化价值。品牌可以借此迸发出无限的魅力和营销潜力。
9种常见插画风格的分类
1、【肌理质感】
肌理质感风格的插画相比于噪点插画运用的肌理质感更加丰富,以笔刷的肌理变化与纸张的纹理质感互相结合,呈现出丰富的画面效果。
特点:色彩丰富,肌理质感层次强。
2、【描边风格】
在扁平或者肌理插画的基础上加上描边的处理,以线稿为主,上色方式保留简单的平涂或者肌理变化,保留线稿部分。
特点:保留勾边效果,简洁,具有一定装饰性
3、【日韩系风格】
画面氛围属于小清新类型,色彩明快,颜色丰富。人物的比例比较偏向写实,同样注重光影的表达和氛围的烘托。
特点:明快,治愈,暖心。
4、【写实风格】
写实的人物风格多出现在游戏中,注重光影的表现,人物结构明确,画面更为逼真。
特点:写实,光影感强,结构清晰。
5、【扁平风格】
以极简的方式表达画面内容,清爽整洁没有过于复杂的细节。
特点:简约,平面化,几何造型感强
6、【纯手绘风格】
保留纯手绘的肌理变化,与数码绘画相比,纯手绘分割的插画给人的感觉会更加朴实。
特点:柔和,清爽,具备自然的肌理变化。
7、【欧美风格】
欧美风格主要是体现在人物的五官与体态方面,人物比例修长,五官更加具有欧美风格的立体感。
特点:丰富的人物表情,具有一定的夸张表现
8、【儿插风格】
儿童插画风格,属于书籍装帧插画的一种,可以作为个人风格的独立绘本,也可以用作儿童和青少年杂志的配图。是最近几年很受欢迎的风格。
特点:童趣,可爱,具有故事感。
9、【噪点风格】
在扁平插画的基础色块上做出统一的噪点效果的处理,增加肌理变化,丰富画面细节,增加画面层次变化。
特点:复古,画面统一,具有层次感。
