MaryDesign:现在APP的数量越来越多,制作也越来越精致,各种APP都希望在设计上能够区别于其他APP,从而更好的吸引用户眼球,而在APP中使用插画,无疑是一个不错的选择。iOS11的AppStore“今日”中大量使用了插画,为用户带来了全新的体验。最近一直在为公司的新产品设计插画。我在设计过程中也有一些想法,这导致了这篇文章。文章主要讨论几个问题:APP为什么要用插画?几种流行的插画风格;APP里哪些地方适合插画?以及我在运球上看到的一些不错的图解分享给大家,还有一些实际的例子。***根据我的经验,我想在设计插图时给你一些建议。1.为什么要在APP中使用插图?增加视觉冲击感,用“惊艳”两个字来概括,比如“走起”APP,每一页都使用插图,设计极其精美。增添趣味,让页面看起来不单调乏味。一个明显的例子就是APP中的空页和错误页。比如在淘宝离线的时候,展示可爱的插画比单纯展示文字更有趣。它感觉好多了,并尽可能减少了用户的焦虑。它承载的信息更多,更直观,这一点在图标上表现得更加明显。比如百度糯米的分类图标就采用了写实风格,让人感觉更直观。满足用户的情感需求,情感化的设计,这一点在keep上体现的很好,在过去的七夕节,keep把跑步路线变成了粉色,并且搭配了一只狗,七夕节还在跑步的人很可能会单身,这是不言而喻的。2、目前流行的几类插画及其特点平面插画纹理插画手绘插画MBE插画(一位运球大师创造了这种风格,因此被称为MBE风格插画)渐变插画(有时也被称为微光插画)立体插画(也叫2.5D插画)StrokeIllustration下面是各种插画的例子,所有例子都来自dribbble。平面插画:平面插画的特点是平面、简洁、清晰。平面插画是现在非常流行也是最常用的一种风格。质感插画:我觉得质感插画也是平面插画的一种,但首先要增加颗粒感,质感插画最明显的特征应该是质感,光影关系更好。手绘插画:我觉得这是最难的一种,也是最需要设计师的美术功底的。手绘风格的应用比较广泛,可以展示的东西也很多。下面这位设计师的作品充满童趣,美如梦境。MBE插画:简单、圆润、可爱。渐变插画:非常唯美的风格。在色彩的运用上一般以相近色为主,色彩的种类不宜过多。三维插画:顾名思义,这类插画最大的特点就是三维,可以在二维空间里表现三维的东西。笔画图解:除了用形状,还要用笔画,可以很好的把东西抽象出来。3、各种插画在实际APP中的使用平面插画:Get、摩拜(用于banner、背景图)质感插画:百度外卖、淘宝、AppStore(用于刷新、背景图、专题)手绘插画:ofo,kitchen(用在banner,topics,bulletboxes)MBE插画:厨房里的图标,MBE风格很适合制作图标渐变插画和立体插画:拉钩。将这两者放在一起是因为大多数时候插图都包含这两种风格。(用于banner和话题)笔画插画:拼多多、网易云音乐(用于图标、启动页)总结:插画适用于启动页、banner、话题、刷新、图标、弹框、APP背景图和很快。4.APP插画的几个小技巧插画的风格要与APP的整体风格相匹配。例如,OnionMath的整体风格是扁平化的。不宜使用手绘插图。插画的内容要能体现主题,要与文案配合好。插图应尽可能有创意。虽然我知道做起来很难,但是也应该在里面体现出设计师的心思和想法。最重要的是要注意细节,细节决定成败。***,请贴几张我自己的贴图。
