赞助商
立即赞助

用这2个方法,让你迅速掌握不同的插画风格

手绘3年前 (2021)发布 流光
3.2K 0 0

文教你用仿型破型的思路,掌握各种插画风格。

管是 UI设计中还是营销中,插画都有很的场率,原因并复杂:插画起图片可控性更强,更容易发挥创意,营氛围,传递信息。从容到技术细节,插画都在某种程上超过现成的图片。

作为视觉设计师,我们也常常会接到各各样需求,针不项目和品绘制插画,往往项目时紧张又需要在插画展示上有异性。

但看着网上风各异的插图,往往想学习却又无从下手,该怎么办?

下面我将从仿型破型两角度阐述,如何速掌握风格各异的插画。

用这2个方法,让你迅速掌握不同的插画风格

△ dribbble形式各异的插画 图片源:dribbble

一、仿型

仿型,可一模仿、练习的过程。选择喜欢的插画作学习对象,拆解画面构元素,总结表性特征,了解其思考方式,一种理解原作者绘画思法的过程。

从形式上来说可以将一张插画拆解为5个构成素:构图、造型、素描关系、配色和肌理。

用这2个方法,让你迅速掌握不同的插画风格

1. 构图

构图一张插画的骨架,各元素按照设的置、小排列画面中,就能形一张画基础的模样。概括,基本的构图如下这么几种:

环型

环形构图非常常见的一种形式感很强的构图,往往画幅中存一视觉焦点,围绕视觉焦点发散/聚拢元素。

用这2个方法,让你迅速掌握不同的插画风格

对称

对称构图的画面中存在一个轴,画面元素围绕轴两边对称。种对称既以是追求强形式感的绝对对称,也以是形成一种视平衡的动态对称。

用这2个方法,让你迅速掌握不同的插画风格

平铺

平铺构图画往往不存在个明确视觉心,所有元素均匀充满着画,强调体统性。

用这2个方法,让你迅速掌握不同的插画风格

S

S构图是非见的一种构图方式,形式灵多变,相信很多接受过素描静物训练的同一定对此陌生。S构图重点在于元素的布是「S」或是「Z」,而是利错位布,营空间,增强画面的节奏感。往往 S构图有着明显的层次系,元素在空间上可分为前、中、后景。

用这2个方法,让你迅速掌握不同的插画风格

2. 造型

同的素,在不同的计上画出的觉一定是不同的,一个插画最显的风格征也往往体现在造型的独性上。造型的类别是无法枚举的,写实或抽象、弛或硬朗、细或概括……对造型的提升需要多优秀的作品辅以大量的练习。

用这2个方法,让你迅速掌握不同的插画风格

△ 风格迥异的人物造型 图片来源:dribbble

3. 素描关系

素描关系这个词想必大家不陌生,严格来说它也是造型的要素之一,独提出来是方便大家更好的理解。素描关系由高光、灰部、暗交界线、暗部、反光、投组成。一个素加哪种素描关系,怎加,加在哪,什肌理,都能左右一张插画的视觉风格。一来说,对素描关系理的越多,画面会有更多的细节,更趋近于写实。

用这2个方法,让你迅速掌握不同的插画风格

△ 对同一素素描关系的增减

4. 配色

人类的视觉知系统,对于颜色是第一位的,其次是形状。插图的颜色往往能决定观者的第一印象。对于配色,需要注点:

颜色的配比

决定画面整体色调的颜色,一占画面60%以上,余下有30%的辅助色,10%的点缀色。这并不味着画面中只能出现三个颜色,但是三个纬度的颜色需要尽量在色相上保持近。

用这2个方法,让你迅速掌握不同的插画风格

颜色的对比

一张插画中,一蕴含色彩的对比。

知道颜色三要素是:色相、度、纯度。相应的对比也为色相的对比,度的对比,纯度的对比,当然更多候是混用的。对比的作用有多,较的对比可以使得你的画面更层次和视觉冲击力,较弱的对比则营造一种柔和然的受。

用这2个方法,让你迅速掌握不同的插画风格

△ 不同类型色彩对比营造的画面 插图来源:dribbble

5. 肌理

肌理本是指物体表面的组织纹理结构,即各种纵横交错、高低不、粗糙滑的纹理变化,是表达人对计物表面纹理征的受,是一种三维的概念。在这,肌理所指的含义质相近,是一种二维概念。可以通过刻制造的笔触、噪点、纹理等,使得画面蕴含丰的细节,更加耐。

用这2个方法,让你迅速掌握不同的插画风格

△ 对同一素的不同肌理表现

二、破型

破型,就是在充理解学习对象构成的基础上,结的风格痕迹和需要表现的内容,形成新的插画画面。

好的插画是形式与容的美结合,优秀的表现形式是为了传递信息,你应该明确插画需要传递何种信息,并且有的元素为之务。

缺少内容创作插画学习会失去内涵乃至成为抄袭,这是我们定要避免。如何更好结合内容呢?

1. 理解各个元素的视觉表意

环形构图更聚焦,称构图更具形感;曲线运用会让画更柔和,贴近自然,线与几何则更具现代感和技感。先要理解各个元素所隐含视觉语言,再过你想传内容去挑选合适呈现。

2. 构建一个故事

想象个故事,谁(who),在哪(where),什么时(when),做什么事(what),怎样在做(how)?

比说,果是想画关工的故,是谁在工(加班狗),在哪(工位),什么时间(深夜),做什么(加班),怎样在做(几个人讨论需求)。

然后我们再问自己一问题:这故事传达什么绪(趣、温馨…)。

不断思考这的问题,完成从故事画面的转变,画面物-情-的搭建。

3. 视觉转译

故事是文字,需要将文字视觉转译为图形。

我们接着上面继续想:怎样的班狗是有趣的,么表情是温馨的?班的桌上应该有么?怎样的色彩和素描系可表现深夜,又体现温馨? 等等。

答案也许会浮现:深夜这个词从颜色纬度,应该是冷色调;从素描关系纬度,应该是具有较深投影,较强高,乃至是个背。

一点点的细化你的故,将每一个词转化为见的图形和颜,并且快速的反馈到你的草图中去。当,个程对每个人来说得到不同的结果,自信一点,才是你创中最与众不同的部分。

用这2个方法,让你迅速掌握不同的插画风格

采用样的思路,我们以快速的创不同风的插画:

用这2个方法,让你迅速掌握不同的插画风格

用这2个方法,让你迅速掌握不同的插画风格

用这2个方法,让你迅速掌握不同的插画风格

△ 左侧为作者练习 右侧为习对象

三、几个建议

1. 关上电脑

在主创作的阶段中,一定会遇想法不够,不知该如何进行下去的候,此应该避免回过头去学习的对象,这会让的创作变的局限,从而越来越像作。

2. 足够细致的草稿

多人对待草稿是不够用心的,粗糙的草图味着你并没有真正做好独立创作的准备。请尽量保证从投的造型人物脸部的配色,每一个素的细节都能在草稿画完之后心中有数,这才能使你避免你对着 AI/PS中的半成品不知所措。

用这2个方法,让你迅速掌握不同的插画风格

△ 作者日的草稿

3. 向经典学习

dribbble 上固然能提供许多新鲜的想法和创,但是不妨去了解一下新艺术运动的插图,席勒的速写,达达主义和立体主义的海报等等,你会发现艺术史上如此多大和流派,都是取之不尽用之不竭的灵源。

注阿里巴巴体验技术团队(TXD)公众号,第一时间了解更多精彩容,还有设计职位期待你的入!

用这2个方法,让你迅速掌握不同的插画风格

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

本篇文章给大家带来一位国外插画大神的成长经验,希望对你有所帮助。 Katarzyna Dziaduś作品链接:https://dribbble.com/kat...
彩云译设计
如何在一个快速发展的领域不断成长?这可能是每个设计师都需要思考的问题。了解新的设计趋势,学习新的设计技术,磨练手艺,...
动效设计
大家好,我是娅一。初次见面,给大家带来一篇既简单又能出效果的教程。 既然简单,那么在上手前让我们先轻松愉快的欣赏下两...
扁平插画
@Jenny黄静雯 :节日闪屏的呈现虽然只有一个画面,但了解设计背后的来龙去脉,才能让设计有根可寻。 一、节日闪屏是什么?​ 1...
情感化设计
​​​​​@N可可洛N、@爆炒地瓜​​​​:最近火爆微博的 iPad 插画创作你有看过么?今天优设请来了这些教程的作者 Gal Shir(https:/...
专访
编者按:本文从选择参照物、构图与位置关系、主体物轮廓及比例、把控平面与半立体、风格统一、远近变化六个核心问题,教你绘...
扁平风格
描边风是近几年比较流行,且被大量应用于平面和 UI 设计中的一种设计风格。 欢迎关注作者微信公众号:...
MBE风格
大家好,我是没有肚肚的杜杜~今天给大家分享下我在绘制人物插画的时候对人体结构的一些理解和小经验~以及我的字母女孩们的...
人物插画