赞助商
立即赞助

用这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个方法,让你迅速掌握不同的插画风格

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

相关文章

从16年刚到 ofo 的时候我心中就有一个巨大的疑惑,像 ofo 这样一个简单的出行类产品还能怎么设计呢?纵观周围很多出行类 App...
情感化设计
本文要推荐的「Open Peeps」是一个矢量的手绘免费图库,主要以人物为主,比较特别的是它其实是一个有系统的涂鸦,可以在人物...
人物插画
本篇文章给大家带来一位国外插画大神的成长经验,希望对你有所帮助。 Katarzyna Dziaduś作品链接:https://dribbble.com/kat...
彩云译设计
经过上一篇文章《插画风格图鉴(上篇):知道插画风格是如何演化的吗》,大家多少了解到,传统风格的插画是怎样被技术加持,...
手绘插画
在之前《从超多案例中,我总结了2020年值得关注的8个插画设计趋势》中,就提到了扁平插画是未来的一个流行插画设计趋势。扁平...
人物插画
编者按:这篇文章来自设计师 Titus Decali,他详细梳理了最近几年最为流行且他最喜欢的10种插画风格,并且每个风格下都推荐了...
手绘插画
当下插画的流行,让插画设计变成设计师必备能力之一,大部分设计师并不是美术科班出身,那如何设计插画?这篇文章给你一个方...
插画技巧
插画是网页当中最常见的设计元素之一,无论是用是强化视觉,还是传达信息,都是非常不错的,这也是为什么它越来越受到设计师...
插画技巧