PS设计教程网欢迎你!

多种方法快速掌握不同的插画风格

文章来源于 UI中国,感谢作者 阿里巴巴AIS_TXD 给我们带来经精彩的文章!
设计教程/前端设计/前端设计2018-10-10
本文教你用仿型和破型的思路,掌握各种插画风格。非常有干货的一篇文章,推荐给思缘的朋友学习,希望大家可以喜欢。

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

不管是 UI设计中还是营销活动中,插画都有很高的出场率,原因并不复杂:插画比起图片可控性更强,更容易发挥创意,营造氛围,传递信息。从内容到技术细节,插画都在某种程度上超过现成的图片。

作为视觉设计师,我们也常常会接到各种各样的需求,针对不同的项目和产品绘制插画,往往项目时间紧张但又需要在插画展示上有差异性。

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

下面我将从仿型和破型两个角度来阐述,如何快速掌握风格各异的插画。

多种方法快速掌握不同的插画风格

△ dribbble上形式各异的插画 图片来源:dribbble

一、仿型

仿型,可说是一个模仿、练习的过程。选择喜欢的插画作为学习对象,拆解画面构成元素,总结代表性特征,了解其思考方式,是一种理解原作者绘画思路和想法的过程。

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

多种方法快速掌握不同的插画风格

1. 构图

构图是一张插画的骨架,各个元素按照设计的位置、大小排列在画面中,就能形成一张画最基础的模样。概括来说,最基本的构图有如下这么几种:

环型

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

多种方法快速掌握不同的插画风格

对称

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

多种方法快速掌握不同的插画风格

平铺

平铺构图的画面往往不存在一个明确的视觉中心,所有的元素均匀的充满着画面,强调整体的统一性。

多种方法快速掌握不同的插画风格

S型

S型构图是非常常见的一种构图方式,形式灵活多变,相信很多接受过素描静物训练的同学一定对此不陌生。S型构图重点不在于元素的布局是「S」或是「Z」,而是利用错位布局,营造空间,增强画面的节奏感。往往 S型构图有着明显的层次关系,元素在空间上可以分为前、中、后景。

多种方法快速掌握不同的插画风格

2. 造型

同样的元素,在不同的设计师手上画出的感觉一定是不同的,一个插画师最明显的风格特征也往往体现在造型的独特性上。造型的类别是无法枚举的,写实或抽象、松弛或硬朗、精细或概括……对造型感的提升需要我们多看优秀的作品辅以大量的练习。

多种方法快速掌握不同的插画风格

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

3. 素描关系

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

多种方法快速掌握不同的插画风格

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

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa