单身狗插画-插画在APP设计中的应用

如题所述

你觉得该如何做一个完美的单身狗?

一两个可以讲心事的朋友,但是看剧也会眼花,运动也会乏累,于是你又躺在沙发上开始感叹,这时候请你掏出手机,打个电话给你朋友约出来一起吃吃饭喝喝酒,聊聊天看看电影。如果很不巧你和笔者一样好友恰巧天各一方,那你同样需要掏出手机,发发微信、视视频,同样可以聊聊天、吐吐槽嘛!

原创手绘水彩人物插画·化蝶

上周接到某专题编辑的邀请,帮他们根据所选文章画插画。作为一个拖延症晚期患者一直拖了一个星期才把图给他们真是特别不好意思_(:_」∠)_

那个故事大概就是讲一个女子经历生死离别然后从一个抑郁症患者蜕变成职场女强人然后拒绝了当时弃她而去的恋人复合的请求blabla(我一单身狗也不懂爱情c(`Д_)ノ┻━┻)感兴趣的朋友可移步世间事专题去看看

照例先放一张成图。就很简单的一个女子长出了蝴蝶翅膀,象征蜕变,就是这么简单粗暴!ε-(__`;)文章作者好像很喜欢蓝色,总是用蓝色来描述这个女子,于是我也用了蓝色作为画面主色,

打稿。由于我想把画面处理成色彩比较纯粹的效果,加上预想有一部分只作勾线处理,为了防止画面过于单一,线稿需要画得比较细,细到每一根头发丝儿(没办法没有线稿我怕手残画坏了_(:_」∠)_)

接着开始上色。首先是勾线。我习惯先把最难的啃了。于是开始勾头发。虽然都是用蓝色勾,但是也要有所变化才不会过于单调。线条要有疏密、粗细变化,同时我还根据明暗变化,暗部用深蓝色勾,亮部用浅的湖蓝色勾。

至于线条流畅度这个没什么好说的,还是得练,不然手抖_(:_」∠)_

勾完头发就除了翅膀之外的其他线条。顺便把眼睛的颜色也上好。都是用的蓝色,很快的~ε-(__`;)

然后就可以上阴影了,用淡的蓝色和紫色把明暗关系表达出来就行了,用淡红色画嘴唇。为什么要用紫色?色彩统一比较好看(我觉得)

最后画翅膀。这个翅膀的品种是属于世界上最美丽的蝴蝶——光明女神闪蝶的。大概长下面这样

由于右边人物主题只作勾线处理,上色只上了淡彩,为了防止画面比重失调,左边的翅膀上色不能过重,否则会显得左边太实右边太虚。这里处理得比较有透明感。

先用湿画法让淡蓝色在翅膀的范围内晕染,注意翅膀上白色的斑块要留白出来。等干了之后再用稍微深一点的蓝色勾细节,比如翅膀的经络。

然后,把起稿的铅笔线擦掉,上了颜色的地方是不怎么擦得掉的,所以打稿的时候尽量要轻一点。

最后一步,喷点。为了体现光明女神闪蝶的闪,用硬毛牙刷蘸上白色颜料,然后用沾水的手指拨牙刷毛,在画面上喷白点。点的大小可以通过水分控制,手沾的水少一点喷的点就会小一点。疏密可以通过离纸面的距离及喷的次数控制。具体效果大家自己试一下就知道啦~ε-(__`;)。最后用笔蘸白颜料再根据效果点上一些点点,就完成啦~

插画在APP设计中的应用

现在APP的数量越来越多,制作也越来越精美,各种APP都想在设计上能够与其他APP区别开来,从而更好的吸引用户的注意,将插画运用在APP当中,无疑是一种好的选择,在iOS

11的AppStore“Today”中就用了很多的插画,给用户带来了全新的体验。

一.什么要在APP当中使用插画?

增加视觉冲击感,总结为两个字“惊艳”,例如“walkup”APP,当中的每一个页面都运用了插画,而且设计得极其精美。

增添趣味性,使页面不显得单调、乏味,一个明显的例子就是APP当中的空页面和错误页面,例如淘宝在无网状态下,显示一幅可爱的插画要比单纯的显示文字要给人的感觉好得多,也可以尽可能的减轻用户的焦虑。

承载更多的信息量,更加的直观,这一点在图标上显示的比较明显了,例如百度糯米的分类图标,采用了写实的风格,给人的感觉就更加的直观了。

满足用户的情感需求,情感化设计,这一点在keep当中得到了很好的体现,在刚刚过去的七夕节,keep把跑步路线变成了粉红色,还配上了一条狗,七夕节还在跑步的人,很有可能是单身狗啊,意思不言而喻。

二.目前比较流行的几类插画及其特点

扁平插画

肌理插画

手绘插画

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

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

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

描边插画

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

扁平插画:扁平插画的特点是扁平,简洁明了,扁平插画是现在很流行、也是最常用的风格

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

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

MBE插画:简洁、圆润、可爱。

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

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

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

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

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

描边插画:拼多多、网易云音乐(用在icon、启动页)

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

温馨提示:答案为网友推荐,仅供参考
相似回答
大家正在搜