恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
插画入门,没你想的那么难
0.0°
2019-04-04 原创文章 教程 举报 2576 41 25 3

想入门插画但没有头绪从何入手?

作者的插画作品前几天上了UI中国的官微头条,本文记录了她9个月前接触插画到现在的学习心得。



写在前面

-

从18年7月份接触插画到现在已有9个月的时间。在不断学习的过程中我尝试了各种风格,也梳理了一些心得,希望能给初学插画的同学们一点建议,如果你是插画大神可以忽略了,不足之处还请大家留言指正~



插画的应用场景

-

如果你有细心观察过,不难发现插画的应用已越来越广了。不管是UI设计、营销活动页或是产品包装都能看到插画的身影。


原因很简单,插画可塑性强,亲民且更易传递信息,利于设计师发挥创意。

 

我大致将插画分为线上和线下两类。线下插画主要是绘本/广告/刊物/包装等印刷类。多少人曾经因为农夫山泉好看的包装买了那瓶有点贵的水。而本文我们重点说一下线上的插画,主要有以下应用场景:


| UI设计

APP闪屏页、节日开屏页、新手引导页面、内容缺省页面、WEB登录页。

Image title

| 视觉设计

H5页、营销活动页、吉祥物、表情包、营销海报等。

Image title

| 游戏设计

CG类游戏原画,包括游戏场景设定、人物设定、图标和界面设定等。

Image title



如何开始学习插画

-

说了那么多,我是如何开始学习插画的呢?答案就是这四个步骤: 看-临-仿-创 。

Image title

很多人学插画不知道如何下手,感到迷茫。 有一个简单的方法就是 不停地去看。把觉得好的素材存下来,一星期后,再把文件夹翻看一遍,重新把觉得更好的内容筛出来存到另外一个文件夹里面。筛选的过程中,其实你的大脑也在过滤,最后剩下来的就是你真正喜欢和真正适合你的素材。这也就达到了看的目的。


知道了怎么看,然后用什么看呢?

Image title

这些网站大家肯定都知道,我平时会在这几个网站上逛一逛然收集自己喜欢的图片,通常我习惯用左边三个搜集素材,再用右边三个去分享自己的作品。


说到素材,年前的花瓣事件相信作为设计师的你多少受到了一些影响,为了不让自己这么被动,也为了能把自己喜欢的图片合理分类,并存储统一的地方。推荐大家用eagle这个软件,感觉很好用!好用!好用(此处非广告,纯属个人意见)

Image title


俗话说工欲善其事必先利其器。设计师最好养成将素材分类的习惯,不管是按内容还是风格,总之,能够让自己快速找到参考或者灵感即可。


如果你有配色的问题,eagle可以帮你分析图片配色,并给出配色方案,你还可以创建自己常用的配色库。

Image title

找到了自己喜欢的风格, 就去临摹吧!很多人不喜欢临摹,但是我觉得临摹是了解一种风格最快的方法。在临摹过程中,可以从构图、造型、配色、纹理几个方面去分析和思考,深入的理解一种风格。

Image title

就比如同样是画一个人,不同的人会画出不同的比例、不同的五官。所以,我们还要不断的积累自己的素材库,同时加入自己的特点,久而久之就有了所谓自己的风格。掌握了这些之后,就可以试着去表达自己的东西。就到了仿这个步骤。

Image title

Image title

创作Tips::保持主题、造型、肌理三个基本点的一致性


按照这种方法我们可以玩出很多不同风格的插画:

Image title

Image title

说到创作,作为渣渣的我也只能瑟瑟发抖。不过还是有一个能够快速出图又不涉及抄袭的方法:


| 将照片转为插图

在AI或Sketch中,用钢笔工具将人物各个部位粗略地勾勒出来。注意!这里不需要像抠图一样精细,然后再根据我们想画的人物特点,调整细节和人物比例。最后,根据图片本身颜色或找喜欢的配色来进行上色。

Image title

用这个方法可以很快速的出一系列比较有意思的插图。

Image title

Image title

Image title

这里还想说几个老生常谈的问题:


【逻辑】打稿的时候不要设定框架,随便想随便画,不管细节不管逻辑,或是最后的呈现是否与最初想法一致。


【内涵】插画要纯粹有趣,用它来表达我们对事物的理解,而不是去外加一些传说中的意义,这些会随着人生阅历的增加慢慢融入作品中。 


【画风】不要限制自己,当还没有自己风格的时候,去尝试多种画风,随着眼界、阅历、见识的增长,自然就有了自己的画风。

 

最后,还有一句话真的很鸡汤,但是说的简直深得我心。

那就是:我们什么都不擅长,唯有坚持。


 今日福利 

添加微信公众号SFUED,后台回复 麦芽糖

获取作者dribbble账号,赏析最新作品

或加小编微信 dix1991 

进粉丝群和作者畅聊

Image title

Image title


作者:SF_UED,顺丰科技用户体验设计部,简称SFUED (SF. Tech User Experience Design)是顺丰科技的核心设计团队,负责顺丰相关产品的用户体验设计与研究。



更新:2019-04-04

收藏

41人已收藏

  • 6

    作品

  • 17

    粉丝

  • 0

    关注

  • 译文 | 深度解析3条设计心理学原则,提升设计方案说服力!
  • 忽略了间距,设计稿怎么改都觉得乱乱的!
  • 设计师,拿什么拯救你的“搜商”
  • 译文 | 语音交互时代,UX设计该怎么做?
相关标签

    猜你喜欢

      2019-04-04 原创文章 教程 举报 2576 41 25 3

      插画入门,没你想的那么难

      0.0°

      你确定要举报插画入门,没你想的那么难

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2019年04月04日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      25
      41
      3

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录