![商业插画设计:扁平风案例应用解析](https://wfqqreader-1252317822.image.myqcloud.com/cover/490/44819490/b_44819490.jpg)
![](https://epubservercos.yuewen.com/57166A/23950109501167706/epubprivate/OEBPS/Images/43165_9_1.jpg?sign=1739136724-JxLtUY1Uu9SOMjsOoolf9vb89td3AZkP-0-ee6e1126d27790f94f549d5615978367)
第1章 当今的商业插画及其发展
1.1 商业插画的多源运用
在互联网蓬勃发展的当今社会,插画作为互联网设计中不可或缺的设计元素之一,广泛应用于各个领域,如各大电商网站及各大App的开屏、Banner广告位、H5、出街广告、活动物料等。有别于其他形式的插画,我们称这种应用于商业的,能产生商业价值的插画为商业插画。它与其他形式插画的最大不同点在于:它服务于商业,而不仅仅是展示插画师的喜好。
![](https://epubservercos.yuewen.com/57166A/23950109501167706/epubprivate/OEBPS/Images/43165_10_1.jpg?sign=1739136724-GyQS5CTKCtyjNlerH4x5Zp6nXGFUgljm-0-2de677923303d10fe39b10d95fd10c75)
商业插画的优点是显而易见的,总结下来共有三点。其一,商业插画作为插画的一个分支,更具艺术性和审美价值,而美的事物总能吸引人们的眼球,从而带来商业价值。试想,有两家电子商铺卖同样的产品,其中一家只是简单展示出商品页面,而另一家则在展示商品页面的同时,加入了可爱的插画元素,人们更愿意浏览和购买哪一家的产品呢?答案显而易见,这就是商业插画的魅力和价值所在。
![](https://epubservercos.yuewen.com/57166A/23950109501167706/epubprivate/OEBPS/Images/43165_10_2.jpg?sign=1739136724-nmnjMH7pmF9BVeBx0tpYJhzveXvP1PVj-0-8e0b9588f98f8ab434df0f2dd0d46d4b)
其二,商业插画相较于其他设计形式,更为灵活和多变,设计师可以创作出千变万化的图像,完全不受限于素材的数量和品质。
![](https://epubservercos.yuewen.com/57166A/23950109501167706/epubprivate/OEBPS/Images/43165_11_1.jpg?sign=1739136724-kfP7Wdyc2hFhkBv7tLDBMfOhzgOmBp04-0-9c6035563a4d37f294f2180a76edb379)
其三,商业插画更具情感化价值。何为情感化价值?就是充分调动观者的情感,引起观者的共鸣,从而更好地进行商业化变现,这也是各大平台争相在重大节日使用插画作为宣传媒介的原因。例如,春节,相较于其他设计形式,插画无疑更具温度,更贴近人心。
![](https://epubservercos.yuewen.com/57166A/23950109501167706/epubprivate/OEBPS/Images/43165_11_2.jpg?sign=1739136724-00Ar7oQarZUMxiKkFzK0i5t60NdXEml2-0-c20d70bec8371b06f79e932622bb00b9)
下面,来讲一讲商业插画在互联网行业中的具体应用,主要以线上及线下两种方式呈现。
1.1.1 线上插画
线上插画,顾名思义,就是肉眼可见的所有应用于线上的插画,包括移动端、电脑端、电视端等。其中,移动端插画为本书主要介绍的内容。下面,来简单了解一下移动端插画。
![](https://epubservercos.yuewen.com/57166A/23950109501167706/epubprivate/OEBPS/Images/43165_12_1.jpg?sign=1739136724-99JEwYSrvxQTCTLBVK03vCUwJwKD2HCh-0-03a96309f51ac7f10d51655de1f25660)
移动端插画,主要应用于App开屏、引导页、运营活动H5、Banner位广告、海报等。不同于电脑端插画的是,移动端屏幕更为狭小且浏览速度较快,画面一闪而过,人们不会专注于更多细节,所以在做应用于移动端的插画时,需要注意画面不宜过于繁复,细节不宜过细,否则会导致其无法在移动端上清晰展示,失去了细致刻画的意义。另外,要注意的一点是,画面整体颜色不宜过于灰暗,从而失去“一眼抓人”的机会,也不要过于艳丽,造成刺眼的效果同样会失去传播作用。
![](https://epubservercos.yuewen.com/57166A/23950109501167706/epubprivate/OEBPS/Images/43165_13_1.jpg?sign=1739136724-vC4I66Juv34q7SL5oiHRIuIrb7Wfr6Cs-0-4f9eedaa28cba93cca21d099fc64f440)
如果在开屏、Banner、H5中出现了按钮,一定要注意按钮不要过小,也不要使用和插画背景相似的颜色,否则易使观者错过,从而失去按钮存在的意义。文案也是同理,注意颜色与画面相区别,最好使用对比色或明度相差较大的同色系,且字号不宜过小。
![](https://epubservercos.yuewen.com/57166A/23950109501167706/epubprivate/OEBPS/Images/43165_13_2.jpg?sign=1739136724-PUDQM4MfVPBldUbvQdfWJq5bTET5qy2D-0-d60b5ac97e6898f2d90ad93a1d3431b2)
1.1.2 线下物料
线下物料,即在线下商业推广及宣传中用到的所有物料,包括大幅海报、宣传单、周边、展板等。线下物料多会出现在人流聚集的公交站、地铁站、大型商场、活动现场等。在我工作的这几年内,制作过公司内部年会的线下物料,包括大型展板、合影牌,还有用于公司外部宣传的其他物料。
![](https://epubservercos.yuewen.com/57166A/23950109501167706/epubprivate/OEBPS/Images/43165_14_1.jpg?sign=1739136724-a1ZgqLRQWa0AENyVQ3GYTQAvCm2OAo0R-0-0cbea81433a04fd556e1d1d9bc1ed7c4)
需要注意的是,地铁站海报、公交站海报这些应用于人流繁杂地区的大幅海报,在绘制时要尽量运用高饱和度颜色。这样做的原因有两点。一是高饱和度颜色能在短时间内迅速抓住人们的视线,要知道人眼对于高饱和度颜色的敏感程度是明显高于低饱和度颜色的。二是地铁站、公交站这样的场所,人流量大,且人们穿着各色衣物,要在色彩混杂的人群中凸显出来的方法就是使用大面积的高饱和度颜色。当然,我所说的高饱和度并不是高到刺眼的程度,而是在人眼舒适的基础上稍做调整。另外,这类场所人流速度快,人们行色匆匆,很少有人会驻足观看一幅海报的细节,所以海报不宜过小且设计不要过于细致。
![](https://epubservercos.yuewen.com/57166A/23950109501167706/epubprivate/OEBPS/Images/43165_15_1.jpg?sign=1739136724-JCIpHMxT5S5tXm1DSPrVxuEEa7IrJt1I-0-8b4c96b0827fceda565e6cbb4f81ae2d)
不过,在其他的线下物料中,如周边、宣传单等,如果用到了商业插画,就要尽量做到精致。这里所说的精致,并不是画多么繁复精致的花纹或造型,而是要保证所有图案,都是经过了反复思考和打磨的,这样才能起到有效的宣传作用,不然人们拿到后只会随意丢弃,白白浪费了人力、物力和财力。
![](https://epubservercos.yuewen.com/57166A/23950109501167706/epubprivate/OEBPS/Images/43165_15_2.jpg?sign=1739136724-UvhPPFHDiJLOGjRNZO85JwrQxXorzQuI-0-be2e590a84f7a25425c6eb13665ee8a6)