如何快速掌握涂鸦技能并让涂鸦把工作变得更有趣

向作者提问
10年网络安全产品测试,目前是研发经理,还做过点产品经理。《测试架构师修炼之道》作者,《ios取证实战》译者,绘画爱好者。喜欢涂鸦和彩铅。
查看本场Chat

我在读小学的时候,和大多数孩子一样,家长也把我送去了兴趣班,去学画画。虽然叫“兴趣班”,但老师教授的内容确是“应试”的——我们的目标是考美院,只练习考美院会考的内容,比如石膏像,人物头像,还有陶瓷罐、啤酒瓶、水果等静物。不过最后我并没有去考美院,而是去读了电子信息专业,毕业后本来想做个程序媛,却阴差阳错的做了测试,一测就是十年。

从01年7月读大学开始直到14年7月,整整13年,我没有再摸过画笔。直到14年8月,因为一个分享,我遇到了一群做视觉引导的人,感觉一下子被他们“点燃”了:我从来没有想过,那些枯燥、难于理解的架构、代码、测试、产品、管理方面的知识,可以被绘成一幅一幅的涂鸦,而且这些知识在绘成涂鸦后,也变得有趣、清晰、易于理解了。再看那些绘制涂鸦的艺术者,他们给人的感觉也非常阳光、激情,有种特别感染力。

enter image description here

我突然感到,涂鸦和文字、音乐、演讲一样,都是一种表达方式。在漫长的没有文字的时代,我们的祖先就是通过涂鸦的来记录、沟通和交流的。那些刻在岩壁、石板上的涂鸦,即使过了万年,也不影响现代人去解读和理解它们。事实上,文字的鼻祖,“象形文字”,正是从涂鸦演变过来的。和文字相比,涂鸦给人的感觉更直接,比文字或者描述更易于理解,更容易达成共识。我们完全可以在工作和生活中使用涂鸦,简化沟通,同时也给生活添加一些趣味。

于是在2014年8月7日,我在去西安出差的路上,时隔13年,我又再次拿起了笔,画了我的第一幅涂鸦(捂脸):

enter image description here

这幅试水之作,涂得并不是很好,但相信大家也能看出来我想表达大致意思:我要去西安研究所去分享“test case”啦,但飞机晚点了。不过我心情并没有受到飞机晚点的影响(请看我的眼神),因为我在关心西安有啥好吃的,有啥好玩的。和用一段文字来表达这些内容相比,用涂鸦来表达是不是觉得要更有趣,更简单,并且给人的印象更深刻一些? 有朋友会说,你有绘画基础的,而我没有学过画画,所以我画不了涂鸦。事实上,涂鸦并没有大家想象的那么难。和绘画“学院派”中要求的“行准”、“色准”、“透视关系准”不同,涂鸦只要求“感觉”像你涂的这个东西就可以了。我在GitChat上附上我的第一幅涂鸦,也是想告诉大家,我的起点也就是这样,虽然现在也算不上涂鸦的高手,但我已经可以用涂鸦来应对生活和工作的各种场景啦。让我们先来看看用涂鸦可以做什么。

用涂鸦来记录生活点滴趣事

涂鸦很适合用来记录生活中的点滴趣事,事实上,用涂鸦来记日记也不错。

这幅涂鸦,是我最终还是没有经受住促销的忽悠,买了一条连体裤。细思却觉得这个设计真是反人类呐……

enter image description here

这幅涂鸦记录的是一天的活动——滑雪:

enter image description here

节日从来都是生活涂鸦的重头戏,下面这幅记录的是快乐的冬至节,和妈妈一起喝羊肉汤,顺便科普一下“冬至”:

enter image description here

这幅是圣诞节,不过这个圣诞节过得好像有点悲催……

enter image description here

当然,也可以帮朋友做个手工涂鸦地图,是不是特别别致、浪漫呢:

enter image description here

用涂鸦来作沟通的引子

涂鸦特别适合用场景重现,所以涂鸦也特别适合作为培训、总结、沟通之前的“引子”,让大家可以尽快进入要讨论的场景,进入到沟通的状态。

下面是一个需求沟通中常见的场景:研发想把功能砍了,但和市场沟通时,市场因为一些原因并没有注意到。

enter image description here

但交付时市场又提出异议,研发只有通过紧急升级包的方式来解决:

enter image description here

这幅涂鸦表现的是两个联调团队封闭开发,因为没有沟通,导致联调失败:

enter image description here

这些场景相信很多同学都不会觉得陌生。用涂鸦的方式画出来后,更利于我们在沟通中根据问题来找到解决问题的方法。而且涂鸦也不会涉及到人名,涂鸦也比较直接就事论事更容易让团队或者当事人接收,更有利于达到沟通的效果。

当然,最后用涂鸦来总结一下你希望达到的沟通效果也是不错的,比如这个封闭开发中沟通的故事,只要大家注意沟通,问题也就解决了,用涂鸦表现出来,是不是比直接沟通给人的感觉更深刻一些?

enter image description here

用涂鸦来进行产品推广

用涂鸦来进行产品推广也是非常不错的。下面两幅涂鸦都是我司新功能发布时的一个推广:

enter image description here

enter image description here

用涂鸦来梳理知识

涂鸦还特别适合用来梳理知识。这是我给我的书《软件测试架构师修炼之道》绘的涂鸦。 这幅图总结了书中的第6章~第8章的中“如何制定测试策略”的内容:

enter image description here

这幅涂鸦是对书中测试设计方法的总结:

enter image description here

在一些分享和沟通中,我也会把这些涂鸦拿来作为引子和总结,我发现大家都特别喜欢。这也让我的分享变得更轻松,更受欢迎了。

用学一门新的编程语言的方式来学涂鸦

当然,我也非常能理解,那些从来没有画过画的朋友,想涂鸦却脑中一片空白,无从下笔的无力感,有没有什么办法可以让我们可以放开手开始涂鸦并快速找到感觉呢?

答案是肯定的。我觉得我自己学习涂鸦的方式还蛮特别的,但是这个方法也没有让我失望,只画了几幅,我就快速上手了,这个方法就是“用学一门新的编程语言的方式来学涂鸦”。

我们先来想想我们是如何学习一门新的编程语言的:

  • 一般来说,我们会去找一本浅显易懂,例程还不错的教程,从头到尾看下去,不用看很多本,把例子练习一下,理解一下。有些知识点可能要有意识的背一下。
  • 找一个实际项目练手。
  • 去github上找一些别人的程序看代码,理解别人的程序,调试别人的程序。
  • 继续找项目练手。

对涂鸦来说也是一样:

  • 找一个喜欢的涂鸦绘本,临摹。和学语言一样,不用临摹很多本,因为涂鸦就是要创作,临摹多了手会变死,但是对那些基础、典型的画法,如人物的表情的画法,人物动态的画法(简单的坐、卧、行),可以有意识的默一下。
  • 给自己想一个命题,开始涂鸦。
  • 涂一个命题时,常常会有不会表现的地方,不要停下来,边画边查,现学现卖。比如我想画一件让人抓狂的事情,但我不知道该怎样涂出“抓狂”的感觉。这时我就可以去网上找找,看看别人是怎么表现的抓狂的,表情是怎样的,动作是怎样的,有哪些可以烘托出抓狂氛围的东西,把找到的东西,立即用到你想表现的故事中,现学现卖。
  • 平时多收集各种素材,遇到好的,自己感觉有用的,可以临摹下来,然后想方设法的用在你要涂鸦的下一个故事中。
  • 继续给自己找命题,继续练习。

我自己用了这套方法后,很快就发现我的脑子变得灵光了起来,脑中想到一个东西,一个故事,就可以用涂鸦自由的表现出来,真的是一种非常快乐的体验。左边第一幅涂鸦是8月7日画的第一幅涂鸦,中间是8月10日画的第三幅涂鸦,右边是8月12日画的第五福涂鸦,怎么样,是不是表达得越来越顺畅,越来越得心应手了。

enter image description here

更棒的是,当我需要思考分析问题的时候,涂鸦这种直接的表达方式,可以帮我快速梳理清楚自己的思路,更快的找到解决方案,竟然治好了我“纠结”的毛病,真是涂鸦带给我的最意外的收获。

不可否认,我童年的那些绘画基础对我快速掌握涂鸦有很大的帮助。但对那些从来都没有画过一笔,完全零基础的朋友,可能第一步都会觉得很难,临摹都不知道该如何下手。这也是很正常的,首先要有信心,想想我们第一次在屏幕上打印“hello world”,也是懵懵懂懂的,但请相信我,几乎所有的涂鸦都是这样折腾过来的。但是如果折腾的时间太长,一直看不到一点点成绩,也容易让人沮丧、放弃,所以我们还是需要一些“策略”,能够尽快的出“作品”,让自己感到涂鸦的乐趣的成就感,,来吸引自己继续折腾下去(这点和学习编程语言也是很像)。我给大家推荐的“策略”是先掌握一些基本的涂鸦元素和绘画原则,总结来说有四点:

  • 掌握人物表情的表现方法。
  • 基本图形组合法。
  • 学会构图。
  • 使用配色原理来给涂鸦上色。

掌握人物表情的表现方法

人物是涂鸦中不可缺少的元素,但要想画好一个人物却不是一件容易的事。不过涂鸦更注重感觉,即使我们没有能力绘出一个完整的人,但我们只要能恰如其分的画出这个人的表情,这幅涂鸦的整体感觉也就八九不离十啦,所以掌握人物表情的表现方法,是玩转涂鸦的一个捷径。

对一点绘画基础都没有的朋友来说,临摹表情非常适合作为开始涂鸦的第一步。给大家推荐《Amily的可爱手绘生活》,里面有开心,纠结,无奈,搞笑,悲伤,愤怒,无语,装酷等等各式表情大集合,又很简单,下图就是书中的一些例子,我有好几个朋友都是从表情开始入门涂鸦的,Amily可爱的画风也特别受小朋友的喜欢,和小朋友一起来涂也是非常不错的亲自活动哟。

enter image description here

由于人物在涂鸦中实在是很普遍,我建议可以默背一下常见的表情,直到你可以在你的涂鸦作品中自如的表达表情,而不用再去翻资料为止。这会大大加快你的涂鸦速度,提升你对涂鸦的感觉。

基本图形组合法

对刚开始涂鸦的朋友来说,即使是非常常见的东西,往往也不知道该怎么去画。我的方法是,找这个目标是由哪些基本图形构成的(所谓基本图形,就是指圆形、三角形、正方形、长方形等),然后把这些基本图形组合起来,就可以画出你的目标啦。

举个例子,比如我们想画下图这样一头狮子:

enter image description here

如果你是一个新手,可能会被这个狮子的细节吓得不敢下笔。我们来试试用基本图形来拼一拼这头狮子。

我们先来仔细观察一下这幅图片:狮子的脑袋看起来是个圆形,两个耳朵是三角形,鬃毛像两个平行四边形,身体是矩形,脚是细长的梯形,尾巴是细长的三角形。

然后我们把这些基本形状组合起来,看看是不是就有点狮子的样子了?最后我们可以稍微把狮子的外轮廓画得柔和一些,啧啧,是不是一只狮子就被我们快速的画出来了呀。

读到这里有没有觉得有点手痒呢,那就赶紧拿起笔来试试把。

学会构图

虽说涂鸦追求的是个性,随心所欲,但要想绘出主题分明,有画面感的涂鸦,还是要掌握基本的构图规则,然后按照构图规律来组织你的涂鸦。

涂鸦中最基本的构图法有“单图构图法”、“多图构图法”和“不规则分割线构图法”三种。

  • 单幅构图法
    单幅构图法比较简单,就是一幅图来表达一个场景,然后用几幅图来形成一个故事。1.2节中的图一和图2,就是用的单图构图的方式来表现工作中SE的遇到的小故事。
    单幅构图法的要点是“集中”:画中只要有相关的人物,不相关的内容不要画进去。尽量用表情、动作等来表达人物内心的活动,文字要尽量精简。

  • 多幅构图法
    多幅构图法是在一幅图中表现多个场景,也可以理解成把几个单图放在一幅图中。有点像我们看的四格漫画,或者是在美图秀秀中玩的拼图。1.3节中的两个例子,就是使用的多幅构图法来完成的。

  • 不规则分割线构图法
    不规则构分割线构图法是指在画面上通过不同的分割线来组织你的涂鸦元素。例如1.1节中滑雪的例子,就是用一条“路”来分割和组织各种场景的(这些场景包括“到滑雪场”、“器械介绍”、“开始练习”、“失败”和“征服15度坡道”)。
    使用不规则分割线构图法,能让人觉得比较活泼,但因为还是有一条“主线”,也不会让观者觉得过散,特别适合做生活涂鸦,梳理知识等。而单幅构图法和多幅沟通法更适合有故事情节的情况,更适合做沟通中的引子或总结,产品的推广等。

使用配色原理给涂鸦上色

在生活中,我们会发现有些色彩放在一起让人觉得很舒服很协调,但有的色彩放在一起却让人觉得不舒服。我们称那些看起来舒服的色彩搭配叫“色彩的和弦”。我们学习配色的知识,就是为了掌握“色彩和弦”规律,不要让自己辛苦涂鸦的作品在上色后反而变得突兀变得不好看了。

要了解“配色”,首先要了解“色环”。“色环”就是下面这个画在一个圈里面的“彩虹”:

enter image description here

按照色彩给人的感觉,色环上的颜色又被分为了暖色和冷色:

enter image description here

暖色给人感觉鲜艳、热烈、进步的感觉,而冷色则给人平静、温馨的感觉。这就是我们在涂鸦中要掌握的第一个配色原则:

  • 如果我们想涂鸦给人清新浪漫的风格,我们就要尽量避免选择暖色。
  • 反之如果我们想表现开心节日的氛围,我们就不要选择冷色。
  • 除了冷色和暖色之外,还有四个中性色:黑色、白色、灰色和金色。中性色可以起到调和色彩冷暖的作用,就像中药中的甘草,可以让色彩看起来更加和谐。

接下来的问题是,可供我们使用的色彩太多了,我们该如何选择色彩进行配色呢?给大家推荐有如下几种思路:

  • 互补色配色
    enter image description here

互补色是指处于色环上对角线上的颜色,如红和绿,橙色和蓝色,黄色和紫色。把一对互补色放在一起,会比单独看这两种色彩给人的视觉冲击更强,使用互补色配色的方式,特别适合需要营造出一种强烈的,生气勃勃的场景。但如果大面积的使用互补色配色方式,容易显得太突兀。这时我们可以借助中性色,使用大量的中性色+适当的互补色往往可以收到非常好的效果。

  • 类似色配色
    enter image description here

类似色系是指下一个在色轮上相邻的色彩。类似色不会显得突兀,会给人一种自然、和谐、平静、舒服的感觉。如果你恰好要想表现这种氛围的场景,类似色配色会是不错的选择。但类似色配色也会给人平淡的感觉,不会给观者留下太深刻的印象。

  • 大协调小对比的配色
    enter image description here

大协调小对比方案,是大量选择类似色,再选取少量对比色作为配色的方案。这个配色方案结合前面两种方案的优点,几乎适合所有的情况。我们按照这种原则来选择色彩,一般不会有什么问题,强烈推荐大家在涂鸦中使用这种方式来进行配色。

涂鸦工具

在分享的最后,我们还是来聊聊涂鸦的工具的问题。但事实上,涂鸦的工具真的不重要,一支普通的签字笔,一个普通的本子,就可以开始拉。

如果我们需要给涂鸦上色,可以买一些马克笔和彩铅。这时可以用稍微厚一点的纸,不洇水就可以了。

马克笔

马克笔如下图所示,一头粗一头细,大头更适合大面积的涂色,小头又可以画细节,很适合涂鸦。

马克笔有很多颜色,很多朋友会纠结于该买哪些颜色。事实上,无论是网店还是实体的美术用品专卖店,都有搭配好的套餐。对涂鸦来说,12~24色的基础色系就足够了。

enter image description here

彩铅

彩铅分为油性和水溶性两种。水溶性彩铅在你画在纸上后,可以再用一只湿笔把画的内容晕开,达到水彩的效果,如下图所示:

enter image description here

而油性彩铅不可以溶于水,但画出来的色彩比水溶性要艳丽一些。不过涂鸦基本不需要使用水溶法,用水溶性还是油性差别不大。

彩铅的色彩也有很多,可以到150色。品牌也很多。我的建议是对涂鸦来说,选择辉柏嘉红色纸盒(俗称红辉),36色或者48色就足够了,如下图所示:

enter image description here enter image description here

针管笔

针管笔书写流畅,不会断墨,上色也不会花,用来涂鸦勾线非常好用。

针管笔有很多种不同的粗细规格,如下图所示:

enter image description here

粗的可以用来画外框,细的可以用来画细节,软头可以用来画背景,每一种粗细都会有使用的场景,而且买齐一套也不是很贵,我的建议是先整套入手,后面再根据实际使用的情况单支补充就好了。

末了,祝大家玩得愉快。


本文首发于GitChat,未经授权不得转载,转载需与GitChat联系。

Chat 三人行
你现在作为产品经理,在产品设计或者UI设计方面有没有应用到涂鸦或者画画的技能?具体的应用场景有哪些?
Chat 三人行
你在用涂鸦梳理知识的时候,画画的过程对于思考和整理知识是一种干扰还是一种帮助?为什么?
Chat 三人行
你看到文章中,你还是采用纸和笔这样的传统工具,但是现在很多平板和手写板这样的数字工具已经非常常见,而且非常优秀了。请问你是否经常采用数字创作方式?如果没有的话,是什么原因?如果有的话,你有哪些应用或者硬件可以推荐?
谢工
IT程序员普遍色感差一些,有没有办法提供一些画画辅助工具或技巧,让大家先上手,树立信心,很多人第一步就认为自己不是画画的料,怎么破?
微信扫描登录