迅速掌握不同插画风格的方法幻灯片.ppt

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,#,不管是,UI,设计中还是营销活动中，插画都有很高的出场率，原因并不复杂：插画比起图片可控性更强，更容易发挥创意，营造氛围，传递信息。从内,1,2025/7/14 周一,容到技术细节，插画都在某种程度上超过现成的图片。作为视觉设计师，我们也常常会接到各种各样的需求，针对不同的项目和产品绘制插画，往往项,2,2025/7/14 周一,目时间紧张但又需要在插画展示上有差异性。但看着网上风格各异的插图，往往想学习却又无从下手，该怎么办？下面我将从仿型和破型两个角度来,3,2025/7/14 周一,阐述，如何快速掌握风格各异的插画。,dribbble,上形式各异的插画 图片来源：,dribbble 01,仿型仿型，可说是一个模,4,2025/7/14 周一,仿、练习的过程。选择喜欢的插画作为学习对象，拆解画面构成元素，总结代表性特征，了解其思考方式，是一种理解原作者绘画思路和想法的过程。,5,2025/7/14 周一,我们从形式上来说可以将一张插画拆解为,5,个构成元素：构图、造型、素描关系、配色和肌理。,1.,构图构图是一张插画的骨架，各个元素按照,6,2025/7/14 周一,设计的位置、大小排列在画面中，就能形成一张画最基础的模样。概括来说，最基本的构图有如下这么几种：,1.1,环型环形构图是非常常见的一,7,2025/7/14 周一,种形式感很强的构图，往往画幅中心存在一个视觉焦点，围绕视觉焦点发散聚拢元素。,1.2,对称对称构图的画面中存在一个轴线，画面元素,8,2025/7/14 周一,围绕轴线两边对称。这种对称既可以是追求强形式感的绝对对称，也可以是形成一种视觉平衡的动态对称。,1.3,平铺平铺构图的画面往往不存,9,2025/7/14 周一,在一个明确的视觉中心，所有的元素均匀的充满着画面,强调整体的统一性。,1.4 S,型,S,型构图是非常常见的一种构图方式，形式灵活多变，,10,2025/7/14 周一,相信很多接受过素描静物训练的同学一定对此不陌生。,S,型构图重点不在于元素的布局是“,S”,或是“,Z”,，而是利用错位布局，营造空间，增强画面的,11,2025/7/14 周一,节奏感。往往,S,型构图有着明显的层次关系，元素在空间上可以分为前、中、后景。,2.,造型同样的元素，在不同的设计师手上画出的感觉一定,12,2025/7/14 周一,是不同的，一个插画师最明显的风格特征也往往体现在造型的独特性上。造型的类别是无法枚举的，写实或抽象、松弛或硬朗、精细或概括,.,对造型,13,2025/7/14 周一,感的提升需要我们多看优秀的作品辅以大量的练习。风格迥异的人物造型 图片来源：,dribbble3.,素描关系素描关系这个词想必,14,2025/7/14 周一,大家不陌生，严格来说它也是造型的要素之一，单独提出来是方便大家更好的理解。素描关系由高光、灰部、明暗交界线、暗部、反光、投影组成。一个,15,2025/7/14 周一,元素加哪几种素描关系，怎么加，加在那，什么肌理，都能左右一张插画的视觉风格。一般来说，对素描关系处理的越多，画面会有更多的细节，更趋近,16,2025/7/14 周一,于写实。对同一元素素描关系的增减,4.,配色人类的视觉感知系统，对于颜色是第一位的，其次是形状。插图的颜色往往能决定观者的第一印,17,2025/7/14 周一,象。对于配色，我们需要注意两点：,4.1,颜色的配比决定画面整体色调的颜色，一般占画面,60%,以上，余下有,30%,的辅助色，,10%,的点缀,18,2025/7/14 周一,色。这并不意味着画面中只能出现三个颜色，但是三个纬度的颜色需要尽量在色相上保持接近。,4.2,颜色的对比一张插画中，一定蕴含这色彩,19,2025/7/14 周一,的对比。我们知道颜色三要素是：色相、明度、纯度。相应的对比也分为色相的对比，明度的对比，纯度的对比，当然更多时候是混用的。对比的作用,20,2025/7/14 周一,有很多，较强的对比可以使得你的画面更富层次感和视觉冲击力，较弱的对比则营造一种柔和自然的感受。不同类型色彩对比营造的画面 插图来,21,2025/7/14 周一,源：,dribbble5.肌理肌理本是指物体表面的组织纹理结构，即各种纵横交错、高低不平、粗糙平滑的纹理变化，是表达人对设计物表面,22,2025/7/14 周一,纹理特征的感受，是一种三维的概念。在这里，肌理所指的含义与质感相近，是一种二维概念。我们可以通过刻意制造的笔触感、噪点、纹理等，使得画,23,2025/7/14 周一,面蕴含丰富的细节，更加耐看。对同一元素的不同肌理表现,02,破型破型，就是在充分理解学习对象构成的基础上，结合自己的风格痕迹和需要,24,2025/7/14 周一,表现的内容，形成新的插画画面。好的插画是形式与内容的完美结合，优秀的表现形式是为了传递信息，你应该明确插画需要传递何种信息，并且让所,25,2025/7/14 周一,有的元素为之服务。缺少内容创作的插画学习会失去内涵乃至成为抄袭，这是我们一定要避免的。如何更好的结合内容呢？,1.,理解各个元素的视,26,2025/7/14 周一,觉表意环形构图更聚焦，对称构图更具形式感；曲线的运用会让画面更柔和，贴近自然，直线与几何则更具现代感和科技感。先要理解各个元素所隐含,27,2025/7/14 周一,的视觉语言，再通过你想传达的内容去挑选合适的呈现方式,2.,构建一个故事想象一个故事，谁（,who,），在哪（,where,），什么时间（,w,28,2025/7/14 周一,hen,），做什么事（,what,），怎样在做（,how,）？比如说，如果是想画关于工作的故事，是谁在工作（加班狗），在哪（工位），什么时间（,29,2025/7/14 周一,深夜），做什么事（加班），怎样在做（几个人讨论需求）。然后我们再问自己一个问题：这个故事要传达什么情绪（有趣、温馨,.,）。不断思,30,2025/7/14 周一,考这样的问题，完成从故事到画面的转变，画面里物境,-,情境,-,意境的搭建。,3.,视觉转译故事是文字，我们需要将文字视觉转译为图形。让我,31,2025/7/14 周一,们接着上面继续想：怎样造型的加班狗是有趣的，什么表情是温馨的,?,加班的桌上应该有什么？怎样的色彩和素描关系可以表现深夜，又体现出温馨,?,32,2025/7/14 周一,等等。答案也许会一点点浮现：深夜这个词从颜色的纬度，应该是冷色调的；从素描关系的纬度，应该是具有较深的投影，较强的高光，乃至是一个背,33,2025/7/14 周一,光。一点点的细化你的故事，将每一个词转化为可见的图形和颜色，并且快速的反馈到你的草图中去。当然，这个过程对于每个人来说都会得到不同的,34,2025/7/14 周一,结果，自信一点，这才是你创作中最与众不同的部分采用这样的思路，我们可以快速的创作不同风格的插画：以上 左侧为作者练习 右侧,35,2025/7/14 周一,为学习对象,03,几个建议,1.,关上电脑在自主创作的阶段中，我们一定会遇到想法不够，不知该如何进行下去的时候，此时应该避免回过头去,36,2025/7/14 周一,看学习的对象，这样会让自己的创作变的局限，从而越来越像原作。,2.,足够细致的草稿很多人对待草稿是不够用心的，粗糙的草图意味着你并没,37,2025/7/14 周一,有真正做好独立创作的准备。请尽量保证从投影的造型到人物脸部的配色，每一个元素的细节都能在草稿画完之后心中有数，这样才能使你避免你对着,A,38,2025/7/14 周一,I,PS,中的半成品不知所措。作者平日的草稿,3.,向经典学习,dribbble,上固然能提供许多新鲜的想法和创意，但是不妨去了解一下,39,2025/7/14 周一,新艺术运动的插图，席勒的速写，达达主义和立体主义的海报等等，你会发现艺术史上如此多大师和流派，都是取之不尽用之不竭的灵感源泉。原文链,40,2025/7/14 周一,接：,www.ui/detail/376813.html,本文作者：,TXD,技术体验团队,-,李以杰（阿里巴巴视觉设计师）,41,2025/7/14 周一,完！,品牌设计,42,2025/7/14 周一,