如果你觉得笔记不好做,用这招试试?
师北宸:
一个人要写出好的作品,除了必要的写作技能,还要广泛的阅读,建立深厚的知识积储备,但日常学习时很容易造成“知识堆积”,这样不利于复盘,吸收效果打折也是常事。
解决这个问题的方法有很多,今天向你推荐王浩之的手绘图解分享,既实用、又有趣,关键是好上手。不仅是写作,职场生活中都用得上……
Enjoy:大家好,我是速溶综合研究所的创始人,王浩之。
今天和大家分享手绘图解,我一共会讲3个大家比较关心的问题:
图解是什么
图解可以有哪些方面的运用
图解和多种元素的组合。
重点不是讲我们书中的图解是怎么画的,而是从中提炼出一些更加强调实用层面内容。所以请大家放心倾听我的分享,一定会让你有所收获的。
01
图解是什么?
图解到底是什么?
我之前,对图书市场上的图解做了一些调查,当时 2015 年已经有很多书叫《图解某某某》或者《某某某图解版》。
但是我们读完以后感觉并没有我们想要的体验,我们对自己做的图解,也就是速溶研究院的图解怎么定位,作出了许多探索和定义。
我们来了解一下图解的亲戚吧。
一说起图解,肯定会让人自然地联想到信息图、思维导图、方格本上的笔记等关键词。这些对于我们来说都属于跟图解非常接近的事物,但是呢又有所不同。
首先来讲信息图,信息图的英文对应的是 infographics,信息和图形的结合。我们先来看一副信息图。
大家不难发现:
首先,信息图主要是由扁平化图标和数据图表组成,以这幅图为例,大家多在财经新闻类或者IT、金融等宣传文件或者PPT当中可以看到,非常的商业化和富含信息量。
其次,制作这种信息图需要有专业的UI配合,如果不会AI或PS的情况下,一般人是很难独自制作的。
最后,信息图背后通常有大量信息作支撑,所以在信息量不够或者信息不匹配的情况下也是很难独自制作的。
那么他和手绘图解最大的区别,就是手绘图解可以很轻松的制作,并且通过手绘做出来的东西比扁平化的图标多一份人情味。
然后我们来探讨一下思维导图。看看它与图解有什么区别。
我们现在看到的这幅思维导图就是我在准备这节的分享课的时候制作的。
1、思维导图比图解更加强调结构化思维,思维导图的发散方式大多数是一个概念上开几个分支,然后形成一个系统。
而图解中的关系就丰富多了,多种逻辑关系、平行关系都可以使用图解体现出来。
2、跟图解一样可以用手绘,但用软件做更方便,比如大家熟悉的Xmind、幕布等工具。
3、思维导图的主要目的是为了整理思路而制作的,可以一边讨论一边写,也可以一边听一边记录,而图解的目的很多是为了更好的呈现给自己或者他人。
现在讲一下方格本笔记
这个概念其实是与图解非常接近的,因为有方格,我们可以在绘制图解时有更好的参照,手残玩家的必备瞄准线
区别是,方格笔记本还有一个特性,就是可以页面区划,也就是说不只是图解好用,像东大笔记、麦肯锡笔记那样基于对页面区划的方式来增强笔记的效率也是方格本笔记的一大强处。
这里补充一下,我们团队的方格本都是在长期合作的印厂定制的,摊开有A3大,这个尺寸基本上适用于各种会议、图解、记录。
前日本麦肯锡社长大前研一的专用本据说有 A2 尺寸那么大。
怎么定义图解?什么才是图解?
我们对于图解的定义上确立了四根轴,我也是通过这个来审核团队成员的草图是否具备图解的元素。
1、看这幅图是否有信息在里面。
先这里举个例子,大家看一下这张图:
这里的插图只能当做纯粹的场景画,因为里面并没有直观的信息,有些插图里面可能也有些信息,但是这幅图主要成分用在了美术上。
作为图解的角度来说可能就会显得有点划不来了。
还有一个体现信息的方面,就是除了结构、方法、流程、手续这种逻辑信息之外,紧张感或者宽裕感等一些感官类的信息也可以表现出来。
比如说这幅图,大家看一下右下角的部分,一个小方块因为被简化了,所以变成了一个整体,你看它上面发着光,这个地方呢,我们设计的初衷是运用发光的感光方式表达“清爽”的感觉。
比如你在图解某个业务流程时,在某个环节右上角画几滴汗,可以侧面反映出这个环节很难搞。这也同样是图解体现在信息上非常重要手法。
2、看这幅图有没有结构性。
大家看一下这幅图有几个层次感。首先,他是基于一个坐标轴。然后,它组合了一些元素,比如高层和财务。最后它还在旁边标注了操作步骤,像step1、step2、step3。
其次,作为概念可视化道具的图解来说,一定要先对内容进行结构化,否则图解起来会变成漫画或者插图。
因此,我们通常会在图解之前对文本内容划定个图解范围,然后针对这个范围内的逻辑关系标出层次或者论点,然后再做图解。
这里和师北宸老师、李翔同学的分享一样,无论写作,还是读书,都需要清楚地表达逻辑关系。
3、看这幅图是否有趣。
这幅图是我们《图解思考力》这本书的一个封面上用到的配图。这个图我当时选择做封面的最主要的原因是:这个在公式的上面做了很多的小图标,所以就显得很有意思。
我们在处理图解的时候用的最多的就是比喻手法。
比如把“问题归类”画成“文件归档”,把“计划的整理”画成“抽屉里的格子”。
这种方式赋予了很多抽象概念生命,让他们显得离我们生活很近。这种图解不一定需要画的很精美,但又很高效的表达了一些抽象概念。
其次,这个比喻手法其实是一种想象力,说白了就是开脑洞。
让自己脑洞大开很好的一个方法就是多听听其他人怎么想的,看看其他人怎么画的然后相互讨论。
我们编辑部每周五都会一起画同一个内容的图解然后进行交流和学习。
尤其是各自带一本书坐了很久以后很容易形成固化思维,图解上使用的手法也会千篇一律,所以通过跟不同的人沟通图解思路也是一种丰富自己图解趣味性的方法。
4、这幅图是否能体现出你的心思和性格。
我们最担心看到的图解是赶进度时画的。
因为这样的图解中缺乏一种闲情,这份闲情能让一个人静下来让自己的带着挑剔和细腻的态度去做一件事情,而图解是为了让人看着很舒服的一种表达手法,只有用这样的态度才能达到这个效果。
所以,一个人心情状态越好,图解出来的东西就会越精湛。
如果发现自己图解的东西很没有灵感,建议去看部电影或者跟朋友出去浪一下,再次回到桌前的时候,想必你的图解肯定会比之前好很多。
如果没有这个条件的情况下,建议听会儿音乐,或者放空一阵子。
为什么要学图解?
首先图解是一项学习成本并不高的技能,不需要懂PS之类的软件。
而且一旦学会了可以随心所欲,只需要笔和纸就能实现,没有软件技术上的限制。
再者,可以把想象力的价值最大化,只要想象力够丰富,谁都可以创造出精湛的图解。
其次,图解相当于一个动态界面,只是他不是基于APP而是基于你的本子。
为什么这么说呢,图解是可以分很多阶段去追加、完成的。换言之就是,图解并非要一次性画好,它不是一个静态的东西,你可以在需求的不同阶段同步完善它。
比如一件事情的发展可以图解成进度条,一个客户的进展可以图解成人形的容器,或者计划一天要吃哪些水果,你可以先只画一个轮廓,完成一点就涂一点颜色。
最后,图解有强大的组合能力。
基本上可以与任何事物组合,手帐、笔记本、便签、图章这类工具可以跟图解组合,思维导图、业务框架、收支表等内容也可以与图解组合起来。
各种行动清单、年度计划、习惯养成目标等事项也可以与其组合。图解可以像APP里面的界面层一样,与各种功能、应用在各种平台得以实现。
第一部分就到这里啦,正好我插一个题外话吧。
刚刚提出用图解解决工作问题时,有很多朋友认为它有点过家家,而且在这个社会觉得磨洋工的事情没有价值,为什么我要这样坚持图解呢?
可以分享一下我找工作的时的体验。
我当时因为面试排的比较密集,移动距离远起来,根本没时间吃中饭。好几顿中饭都是假装上厕所,然后在厕所里啃士力架,然后若无其事的回来,继续等候面试。
因为别人不会知道你是从老远过来的,这不是人家需要知道的事情,只会认为你自我管理不当,我不想因为自己还没吃饭给接下来的事造成任何影响。这只是一件小事,但是很多事情我都有类似作风。
有些事情不是因为大家关不关心他而能断定他是否真的有价值,而是这件事情是否能形成一个有价值的自己。
就像我每天关门都会往里面推一下确认门是否关上,这个细节在基本装有自动关门装置的今天也许毫无价值,但这些细小的行为组成了谨慎的性格。
日本的就职面试中有一种叫压迫面试,就是面试官故意用高压的口吻去问你,可以说拷问你,看你是否能承受。
这种事情我在找工作期间偶有发生,且不说心理承受能力多好,不管你是否察觉到这属不属于“压迫面试”,被压迫后否还能把每个细节顾及到位就很难了。
这种修为绝不是速成得来的,这种细腻的行事作风在图解上也体现出来。
每一个图解的细腻环节其实体现着你是否在乎读取信息的人如何能更加便捷的获取信息,这种地方花的每一份心思都在形成你的作风,你无形之中是否会变成一个细腻的人呢?
图解养成的这种细腻的心思跟其他事物组合起来的时候能发挥它真正的强大。
好啦,关于我思考的环节就到这里啦。 我们进入下一部分吧。
02
图解的运用层面和帮助
刚刚谈了一些图解的优势,我们来从图解应用场景来了解图解在工作面和生活面起到的作用有很大的不同,我们从这两个层面来分析它的实用性。
1、 工作方面
在谈图解之前,我们先聊一下思维导图上大家使用的一个误区。
很多时候思维导图是我们思考过程的产物,当然也包括整理总结型的思维导图,它其实帮助我们很好的梳理了我们的思路和逻辑关系。
但是如果用于传达意见,思维导图可能会显得字特别的多,而且树状结构的表现力也有限。
因为思维导图擅长的并不是展现的多么吸引人,而是整理思路。
图解则可以发挥它丰富的表现力,用各种关联方式组合使用各种小元素,有冲击性并且有血有肉的把信息传递给对方。
我们看到日剧里工作达人的手帐、黑板、会议用 A3 大纸都是使用图解来征服公司元老的。
图解是一种非常敏捷的办公技能。为什么这么说呢,因为图解并不纯属于业余爱好,关键时刻图解是可以当做工作资料保管的。
当接到一个项目时,你的小伙伴赶紧掏出各种软件开始制作资料,而这个项目的初期阶段又不需要这样兴师动众的制作各种资料,你可以优雅的拿出笔纸,发挥你的想象力把你的框架和思路用手绘图解的方式体现出来。
这样应该比正在设定字号、字体、行间距的同事快很多,而且又显得很花心思。
还有一个,就是爱美之心人皆有之。
当你上司或者同事、前辈看到一副精湛的工作用图解时,无形的会给你贴上工作认真的标签。
只要不本末倒置,纯美观的事物上留好分寸,一份细心绘制的图解项目流程或者图解审批手续可以给人很大的方便,并且留下一个肯花心思的好印象。
2、 生活方面
图解在生活中的扮演的角色与工作中有一些共同点但也有一些截然相反的地方。那么具体有哪些呢,来,让我们来了解一下吧。
首先,跟工作上画图解一样,这是一种细心经营生活的体现,可以帮助你很认真,很用心的在运营你的生活。
比如说,我要求自己每天至少喝8杯水,那么我就在桌子上贴一个写了今天日期的便条,然后画8个空杯子,那么喝完一杯,我就填充一杯。
如果今天还要吃个苹果呢,我就再画一个苹果的轮廓,吃掉了我就填充它。
这样看着便签上填满的水杯和苹果,心情会很好。
那么跟工作上不同的地方呢,就是不是为了快捷而图解,而是为了让你的生活的细节被记录,让生活更有仪式感。
一个人画图解的时候首先可以缓和自己的紧张状态,内容可以是对生活很有意义的方面。
比如给自己每天的自由时间做一个结构框架,往里面填充一个个的小元素,用不同的颜色形成自己不同的方面的生活模块,然后每天完成一点补充一点,这样会让你沉下心来经营自己生活,可以驱除很多不必要的浮躁和焦虑。
最后呢,图解可以帮助自己规划生活。
之前跟大家介绍过,图解是一种可视化手法。可视化的目的是为了让自己直观的看到生活中一些不可捕捉的抽象概念,比如习惯养成、计划推进。
而图解在可视化道具里面有很强的私人订制的特性。所以大家可以根据自己的喜好而制定可视化界面。
比如面对一个学习目标,可以拆分成很多小元素来一步步完成,那么怎么画小元素呢?喜欢战国时代风格的少年可以画成攻城略地,喜欢攻略男神的少女可以画红桃心加鸡腿。
总之,这种自定义的图解界面能够让你做到一部分、补充一部分来慢慢完善它,这比一个方块右边拉一根下划线的checklist相比是不是多了一份玩味呢?
03
图解和多种元素的组合
图解跟手账、笔记、思维导图、计划清单、便条以及图章这些元素的组合使用。
图解+手账
图解和手账可以说是一对好搭档。
手账讲究效率和一定程度的美观性,而图解可以让这两方面在手帐上得到极大的发挥。
业务流程、操作规范、预约状态,都可以快速建立图解界面,便于管理。图解整体来说还是相对朴素的一种可视化方式,而且不必过于追求美美哒来花费你的时间。
再者,图解本身就具备可以追加补充的优势。
之前介绍过的,图解是动态的,可以先建立一个类似于界面的轮廓,然后随着项目、计划的推进而补充。而这个特性与手帐的功能完美的吻合了。
手帐上的所有流程类、进度类信息都可以搭配图解来进行跟进管理。
图解+笔记
笔记大致分为两种,一种是现场笔记、另一种是整理笔记。
现场笔记就是老师或者同事、客户一边说,我一边记。
然后像高考复习笔记、读书笔记这种有大量时间归纳和思考信息取舍以及呈现方式的笔记我们称之为整理笔记。
这里跟大家讲一下我的一个经验。
我曾经在日本读法律的时候感触非常深刻。当时教刑法总论的老师是一个中年大叔,语速快的吓人,而且基本没有板书和PPT之类的东西,讲义也很抽象。
如果像高中时代跟着老师内容做笔记的方式会把自己训练成一台人肉速记机。
我当时因此非常的痛苦,有次下课借了旁边日本小哥的笔记看了一下,宛如一个游戏界面一样,责任关系、概念定义都是各种图解,充满了游刃有余和享受。
当时我想,他怎么时间这么多可以这么霸气。
后来他告诉我,他事前就画了许多了,根据老师讲课习惯先搭建起框架,课堂中如果遇到权责关系、概念定义就会直接图解出关系构造而省略文字,然后像归档一样的记录要点,所以下课后看到的笔记既美观又有效率。
这是我在请教完那个日本小哥的笔记方法之后。用他的图解方式做了一个笔记,大家看怎么样?
是不是笔记的各个模块很清晰而对部分难懂的模块进行了局部图解。
图解在配合现场笔记最大的好处就是快速建模,然后事后再填充信息。
这就需要做笔记前先通过各种资料摸清老师的框架,然后在你的笔记本上搭建起信息收纳库。
如果你掌握了几种结构的图解方式,那么可以省略很多文字记录,从而节省时间,跟上老师的进度。
关于图解的方法,我们在后期的课程会详细带大家学习。
然后读书笔记和复习笔记的话,就可以不用在意速度跟不跟得上,而会更多的考虑自己以后重新看的可能性大不大,也就是是否美观、有序。
思维导图和图解
思维导图和图解其实是很好互为补充的关系。
思维导图擅长的是概念的结构化,可以把许多零碎的信息整理成一个系统化的框架。
而图解擅长的是丰富有趣的表达,原本只有文字和线条的平行内容会变得非常的立体而多样。
再者,思维导图的逻辑关系比较单一,所以思维导图制作出来了以后,可以用手绘图解来让他变得更加丰富。
比如中间用蜘蛛图的方式展开大框架后,可以打印出来在周边用手绘图解加以补充,相信原有的思维导图逻辑框架加上手绘图的多元化关系结构,会让你纸面的信息更加丰富而全面。
计划清单和图解
可能喜欢玩游戏的朋友会很有认同。
图解可以给你的计划清单设计成游戏界面,甚至可以很具体的呈现出你给自己设置的奖励规则。
比如大家看我给自己做的学小程序的计划界面。
因为我以前很喜欢完光荣公司的战国无双系列,所以我把小程序的一个个组件模块化成了一个个藩国,然后里面的子组件比作武将,每个藩国旁边插了小旗子。
如果我打败了所有的武将,我就占领了这个藩国,那么我就把小旗子涂成红色的,代表我已经搞定了这个组件模块。
怎么样,是不是很好玩?如果你是不喜欢战国设定,那么还可以换别的,比如我前几天跟我们团队成员章鱼哥做个日语学习计划的界面。
这个呢,因为之前有一个游戏叫跳一跳很受欢迎,虽然我没有变化那么多种的形状,但是呢,跟章鱼哥沟通了以后发现他也很喜欢这个游戏。
所以呢,我就非常简单的就只用了一种正方体,就跟他做了一个这样的一个界面,大家看看左下角和右上角是不是有一些功能分块啊,还设置了一些奖励规则。
图解和印章
以前我刚去日本的时候去银行开户需要到印章店里定制一个私人印章。
因为很多场合相当于签名,所以当时做了一个子弹头的。
没想到后来这个章子成为我很多个人计划上的搭档,阅读计划、学习计划、社交计划、打工计划,几乎所有的计划,我都在自己的本子上图解了界面管理,也基本上都用上了自己的个人印章。
所以我觉得图解和印章可以说是黄金搭档。
便条和图解
便条和手账也好和图解也好都是非常搭的工具。
由于图解可以动态管理计划,便条又属于机动性很强的载体。所以在便条上绘制图解,然后贴在手账里或者笔记本上都可以搭建起立体界面。
一天喝水量、看书页数、甚至目标被说“谢谢”的次数,都可以在便条上随身管理,而且方便提醒自己,无论在公司还是家里,都可以撕下来贴在最醒目的位置。
其次,留言型的便条也可以在上面做图解,比如请人帮忙完成一个业务上的流程,或者一些文件请帮我放到哪个位置之类复杂的事情,图解都能很快的传递信息。
并且,对方看到你这么可爱的表达方式,还是会很乐意去帮助你的。
04
感受与思考
我的朋友圈,有一半的内容是在分享游戏。我最近在尝试用图解拆解游戏,试图将游戏机制从游戏中提炼出来。也许哪天我在设计某个产品时就用上了。
我自己给这种行为取了一个名字叫“概念投影术”。
就是把一个事物的基础回路捕捉下来,投影到纸面上,让它处于一个可被研究的状态。
而投影方式通常是图解,我经常用这种方式分析问题,尤其是2-3个人在共同研讨的时候。
我现在大概以每个月通关一部角色扮演游戏的速度来进行游戏,并且像打卡一样每天坚持着。
因为我觉得这对我工作上的启发不只停留于开发大脑这么抽象,而是可以落实到借鉴框架上了,图解上的写写画画让一件益智娱乐变成了思维采样。
可能坚持图解一段时间后,对事物的思考也会变的活跃。
长期图解产生的右脑图形思维会让你在接触外界事物时恒常的保持“概念投影”。
当“概念投影术”保持发动的状态下,眼球看到的现象会源源不断的形成新的采样,从而扩大思考的射程范围。
这份跟自己视野同步的信息捕捉能力,试图对于接触的各种底层逻辑赋予其一种界面,使其能够被捕捉、被研究和被操作,是图解思维下所能赋予的一种天性,我认为也是图解对人帮助程度的究极形态。
好了,今天的分享就到这里了。希望大家通过一个小时左右的收听,对于图解能有一个全新的认识,非常感谢大家耐心的倾听,有什么问题,欢迎互动交流。
师北宸21天写作训练营
第 6 期
现在开始预约
第6期课时安排,课表将在开课前公布
(▼添加师北宸助理高小乐咨询详情)