画笔记
📖 在读

画笔记

不会画画也可以学会的视觉笔记
✍️ 作者
一休
📅 出版日期
2019-6-01
🔢 ISBN
9787113255428
⭐ 评分
8.3 ★★★★☆

本书主要分三个部分,第一部分(1~3 章),主要介绍视觉笔记以及没有任何基础的伙伴如何从零开始,有方法、有技巧,也有素材;第二部分(4~8 章),主要介绍画笔记最为核心的IMAGE五步法,伙伴们只要通过这个步骤,就可以完成属于自己的视觉笔记;第三部分(9 ~11 章),主要介绍视觉笔记在工作、生活以及学习中的应用;附录主要介绍画笔记的常用工具、视觉元素以及画笔记的过程中容易出现的一些问题。

基础篇一看就懂的视觉笔记

第 1 章摆脱枯燥的文字

什么是视觉笔记?

视觉笔记是以图像结合文字呈现信息的一种表达方式。

为什么要做视觉笔记?

人的大脑偏爱图像多于文字,图像传达能力更快速,画图是一种深入思考。
使用图像进行表达可以帮助开发右脑。

视觉笔记与思维导图、手帐的区别?

三者都使用了图文结合的表达方式,不同之处在于:思维导图更加注重逻辑思维的整理,图像可有可无;视觉笔记则是将文字信息以视觉化形式表达,图像是必要的,同时必须与文字相匹配,更加注重实用性手帐则带有很强的个人色彩,更加注重个人表达,图像与文字可以毫无关系。

无论你从什么时候喜欢上了视觉化表达,都是一个新的开始,希望这种兴趣会一直伴随着你;相对于怎么画来说,了解自己为什么画更加重要,这样才能给自己制订清晰的计划与目标。视觉笔记从来不是自我炫耀的工具,无论何时何地都应该是与人分享

第 2 章想学视觉笔记,不会画画怎么办

学习视觉笔记的 3 个秘诀是什么?

  1. 像孩子一样画画;
  2. 表达想法,而非艺术;
  3. 不断犯错是必经之路。

学会画任何图像的方法是什么?

拆解,将物体尽可能拆解到最小单位:点线面。

视觉笔记的基本元素有哪些?
人物、对话框、箭头、表情等。

尝试画出距你 5 m 范围之内的物品,比如一部手机、一个杯子,如果不会画,记得用点线面的方式去做拆解哦~

第 3 章开始画笔记之前必须了解的事

怎样才算是好的视觉笔记?

满足画笔记的 ABC 法则:

A 是 Action,视觉笔记中必须有可以让我们产生行动的行动准则;
A 也是 Administrativelevels,信息层级,要明确信息之间的关系;
B 是 Blank-leaving,可以让笔记有呼吸感的留白,同时也是 Beauty(美感);
C 是 Clarity,清晰的视线流,也是能够让别人理解的 Comprehension。

视觉笔记的层次都是什么?

最外表的视觉层,包含了视觉笔记的图像,文字和色彩;
中间的结构层,是视觉笔记的构图;
底层的逻辑层,是视觉笔记信息之间的关系。

视觉笔记的五步骤是什么?

  1. 归纳信息
  2. 选择构图
  3. 添加文字
  4. 设计图像
  5. 强调重点。

方法篇一学就会的 IMAGE 五步法

第 4 章归纳信息 Inductive data

什么信息称为 “无效信息”

没有整理过的信息都是无效信息。

有效提取信息的 4 种方法都有哪些?

善用目录;
使用 governing;
加粗文字;
有选择地记录示例。

常见的信息结构类型指什么?

第 5 章选择构图 Model selection

视觉笔记常用的构图有哪些?

从左到右或自上而下;中心放射式;模块化;路径型构图以及隐喻构图。

构图时,需要注意哪些问题?

不能为了构图而构图,而是要“形式追随内容”,根据信息之间的关系选择能够表达信息关系的构图。

隐喻构图的含义是什么?

隐喻构图就像是给自己的视觉笔记讲故事,要给读者留下一个印象深刻的“画面”。

第 6 章添加文字 Add text

视觉笔记的文字在写的时候要注意什么?

(1)写慢一点;用粗笔写大字;
(2)注意文字的信息层次。

常见的标题写法有哪些?

拿来主义,手写字体,根据内容重新设计,将文字的某一笔画变成图像,加入演讲者头像,使用 POP 字体,使用边框。

信息点太多怎么办?

使用项目符号,通常来说,一般图像的基本形状都可以用来做项目符号,使用时候注意项目符号的整齐统一。

如何让视觉笔记颜值 up?

在视觉笔记中,如果遇到通篇文字信息难以转化为图像时,可以使用“文字画”把文字的某一笔画变成图像,如成长的“长”字的某一笔画,用树叶代替等。
标题相对于一篇视觉笔记,就好比是一个人的脸,像我们每天要认真洗脸收拾妆容一样,标题也要投入足够的时间和精力。标题在设计时,依然要遵循写字的基本规范,做到字迹工整。在使用标题的 7 种方法时,可以随意搭配,更可以在熟悉 7 种方式的基础上进行自由创作。
如果做不到本章讲到的几种方法,可以直接使用自己平时的字,通过对文字进行加粗、描边等方式来凸显标题。具体步骤如下:

  1. 按照平时的字体进行书写,书写时尽量写大,笔画与笔画之间留有足够的空间。
  2. 在第一步的基础上将文字变成空心字。
  3. 将空心字的地方上色
  4. 换一种颜色进行描边。

第 7 章设计图像 Graphic design

文字转化图像的 4 种方法分别是什么?

如何将视觉笔记画得又快又好?
局部替代整体
只在关键信息上呈现图像
练就默画的本领。

如何储备自己的视觉单词库?
生活可见之处处处视觉化、积累主题视觉单词、由一个词发散联想到 100 个视觉单词。

到目前为止,本书已经进行到第七章,伙伴们接触视觉笔记也有一段时间,如果把视觉笔记隐喻成生活中的某一件东西,你会想到什么?

第 8 章强调重点 Emphasize points

视觉笔记常见的色彩知识有哪些?
文字均以深色系来展示,同时也要注意几个禁忌色,如不要用深色系作为底色,尽量避免大面积的红色以及使用黄色写文字;可以通过给物体加阴影的方式让图像变得有立体感;在面向他人的笔记中,尽量考虑到色彩的风格。

如何搭配色彩?
初学者建议使用单色系,熟练掌握之后可以慢慢过渡到多色。色彩搭配时可以使用互补色,常见的补色有:蓝橙、红绿、黄紫。

如何让自己的视觉笔记与众不同?
建立自己的视觉笔记系统:人物、边框、签名乃至构图,都可以慢慢建立自己的特色。
回顾本章所讲,你最喜欢哪种上色方式呢?不妨尝试着给身边 5 米内的物体涂一下颜色?

作业点评
初学者在上色的时候经常遇到的问题有以下几点:上色不均,留有空白,色彩溢出边界,色彩参差不齐等。以上这些问题都是在学习初期,对笔的用法掌握不够熟练造成的。

马克笔的具体用法可以参照右图。以 touch 品牌的马克笔为例,当上色面积颜色较大时,建议用马克笔的粗头;上色面积较小时,则可以使用马克笔的侧峰或者用圆头的一边。马克笔的特性是当上色第一遍时颜色较浅,再次上色后颜色会变深。无论是粗还是细,上色时可以参考如下方式:

1 用马克笔圆头将图像外轮廓描边,注意描边时尽量在物体边缘线以内;
2 使用宽头进行平涂,平涂时尽量一笔涂完不要出现中断;
3 依次平涂,保持每一笔都是平行的,尽量不要产生重叠;
4 用马克笔的圆头填充未填满的缝隙

到目前为止,我们已经学习了如何完成一篇视觉笔记,也讲了一篇好的视觉笔记的 ABC 法则,那么是不是就可以开始画一篇视觉笔记了呢?在开始之前,建议好好考虑如下的“www”:why who where

大部分人在画笔记时,往往会比较关注怎么画,会忽略掉为什么要这样画,视觉笔记的初心非常重要,特别是在这个碎片化时代,为什么会花费一两个小时的时间去将一本书的内容“画”出来?为什么选择视觉笔记来呈现自己要讲的内容?是为了自己更好地了解某一内容,还是为了跟更多人一起分享,还是想把视觉化作为自己的一项技能去获取更多机会?初心不同,画出的内容就会不一样,所以 why 很重要。

了解清楚了自己的“why”,然后要搞清楚自己的视觉笔记的“who”和“where”。视觉笔记是面向哪类人群?如果只是用于自己整理思路,或记录内容,按照自己可以理解的方式去记录就可以,因为看笔记的是自己;但是若面向的是某一特殊群体,如群内分享、线下分享或客户,又或者公司领导或同事,要展示的点又会不一样,展示的方式也会不同。

了解了“why”和“who”之后,“where”就容易很多。若是自己使用,平时的笔记本和纸张即可;若是公司会议,最好选择空间比较大的地方,如会议室白板,再如专门为视觉会议准备的大型纸张等;若是与人分享则要考虑方便分享传播的途径等。

以上,就是画笔记之前要考虑的“WWW”

了解清楚画笔记的“WWW”之后,就可以按照画笔记 IMAGE 五步法将内容呈现出来,之后再按照画笔记的 ABC 法则检查自己的视觉笔记是否合格。这一整套流程,可以用一个网址归纳出来:

www.image.abc

从此以后,要画视觉笔记,就可以通过这样一个网址来构思。你会发现,当你把这个网址的功课做好,要画出一篇不错的视觉笔记,一点都不难。

Image 五步法的各个部分:

1: 归纳整理(Inductivedata)M: 选择构图(Modelselection)A: 添加文字(Add text)G: 设计图像(Graphicdesign)E: 强调重点(Emphasizepoints)

IMAGE 五步法可以让初学者从 0 到 1 完成一篇视觉笔记,在右图中,是 IMAGE 的每一部分的细节用法。初学者可以根据此步骤步步完成视觉笔记。

我们通过阅读或者聆听时可以收集到大量的零散信息,需要将这些信息重新归纳整理成新的信息组。

整理好的信息之间,会存在不同的关系:总分、对比、递进、时间,需要根据信息之间的关系选择合适的构图表达呈现信息。

应用篇万事万物皆可画笔记

在这篇将会在视觉笔记的基础上分享更受视觉化应用,视觉笔记不仅可以用在记录笔记上,更可以将这神方式应用于我们的工作中、学习中,乃至亲子教育中。

第 9 章运用视觉让自己在职场“火”起来

第 10 章用一张图画出一本书

第 11 章视觉笔记的更多可能

装备加分——在 iPad 上画笔记

画笔记除了使用手绘的方式,也可以选择软件制作。相对于手绘来说,软件制作会方便修改,颜色丰富,也能更简便的分享出去。在我的画笔记过程中,用过 3 款 iPad 上的软件,使用 iPad 的好处是方便携带,学习成本相对较低。

Paper 53:可以随时随地记录灵感,相对于 Sketchbook 和 Procreate 来说,比较容易上手。Paper 53 分为普通版和专业版,普通版有基本笔刷,可以导入照片;专业版在普通版本的基础上可以选择笔刷大小,进行某一内容的复制,拥有更多色彩和跨页粘贴等多种功能,当然,专业版本需付费使用。普通版本可以满足基本的需求,无须付费。

Sketchbook:是一款专业的绘画软件,由 Autodesk 公司出品。目前已免费向所有人提供完整版本,可以说是 iPad 中的 Photoshop,可以新建不同的图层,使用上更加方便。

Procreate:号称手机上最强大的绘画软件,是专为创意人士使用移动设备打造的一款应用,其绘制素描、插画和插图的功能无与伦比。Procreate 拥有多达 136 种画笔、高级图层以及高分辨率,支持巨大尺寸的打印。这也是我目前使用最多的一款软件,虽然 procreate 是一款收费软件,但是 68 元的价格,性价比较高。本书中的绝大多数插图,均出自于 Procreate。

这三款软件没有好坏之分,只有是否适合自己。大家可以进行不同的尝试,选择属于自己最为满意的一款软件。

便签生活的目的在于能够随手记录,记录什么呢?我们可以在 kayle 的作业中得到一些启发:可以记录自己吃了很想吃的一个甜筒,也可以是为即将到来的旅程做一个计划呈现,还可以是记录自己的小心情。对于便签生活而言,没有过多的要求与限制,更多的是考验对生活的观察以及不断练习,画的是否好看,则没有那么重要。

附 1:画笔记学堂常见问题

  1. 零基础伙伴如何开始学习视觉笔记?

对于零基础的伙伴学习视觉笔记,要注意以下 3 点:

(1)明白视觉笔记是什么。对于毫无基础的伙伴来说,经常会将视觉笔记等同于插画、漫画、简笔画或者思维导图等内容,很多伙伴会误认为视觉笔记就是美化后的笔记。所以,首先需要明白视觉笔记的概念以及它的核心一表达想法而非艺术。

(2)掌握正确心态。刚开始尝试视觉笔记的伙伴,经常出现的心态是“越想画好越画不好”,对于此类状况,我的建议是“大胆犯错”,多实践,不要担心自己画不好,即使是艺术家在初学期间都无法做到想画什么就是什么,尤其是对于从来没有画过东西的同学,更是要稳住心态,逐步前行。

(3)按照方法一步步实践。

  1. 如何有效拆解物体?

技巧 1:先从简单的开始,尤其是一些点线面比较清晰的。前 50 个临摹对象,尽量找轮廓清晰可见的,比如杯子、手机、桌子等比较方正的内容,一开始不要人为地增加难度,等到拆解熟悉之后,可以再开始拆解复杂的物体。

技巧 2:拆解图像时,可以选择当下水平可以画出来的角度。理由同上,一开始不要人为地增加难度,比如拆解手机时,正面角度比较好拆解,画出来也比较像,但是侧面看起来就不太容易辨认出是手机。

  1. 线条画不好,不流畅怎么办?

对于初学者来说,线条比较难以把握,可以用手腕带动手臂的力量进行练习,单独练习线条;也可以结合临摹缠绕画的方式增加对线条的熟悉度。

  1. 如何看一篇视觉笔记是否优秀?

最为基本的,字迹是否清晰可见,作为欣赏者的你是不是愿意读下去。在此基础上使用本书第 3 章提到的 ABC 法则,如层次是否清晰,内容是否清晰易理解,画面留白是否恰到好处,构图是否适合内容等。

  1. 如何在日常生活中建立自己的视觉思维?

伸出视觉的“触角”留意生活中的任何事物,都去使用“转码”思维,将物体在脑海中转化成所对应的图像;也可以使用拆解的方式,将物体用点线面的方式将图像拆解开,看每一个图像具体如何完成。

  1. 如果想要表达内容画不出来怎么办?

在画笔记的过程中,随着画笔记的实践越来越多,不会画的内容也会越来越多。大家可以转换思维,比如想表达“危险”一词,想到的对应画面可能是悬崖,悬崖不会画怎么办?想象其他可以代表危险的图像,如骷髅、电,等等。

  1. 是不是要先用铅笔打稿?

尽量不要用铅笔打草稿,特别是在画元素时,直接用笔画下来即可。刚开始练习的时候可能会有些吃力,但是随着练习的增加,会慢慢熟悉。画完整的笔记时,可以用铅笔在草稿纸上画简单的底稿,但是底稿也仅限于画出大概的位置,不需要具体的细节。熟知之后就可以彻底扔掉铅笔,如果一直丢不掉铅笔,画笔记的能力很难练就,也会增加工作量。

  1. 自己如何练习做视觉记录?

想要尝试视觉记录的伙伴,首先要对视觉笔记的方法步骤明确掌握,并熟悉各种元素与构图。

其次是要去大纸上尝试,在大纸上画与在自己的笔记本上画的效果完全不一样。除了熟悉大纸张上笔的用法之外,也要建立与大纸的熟悉度,练习站立作业的能力。除了以上 2 点之外,视觉记录还要求速度,以及对现场内容的转化与表达能力。

  1. 去哪里寻找灵感?

生活中到处都是灵感。比如公交站台上、地铁中的各种海报和广告,公司或者小区里电梯中的海报,上面会有各种各样的元素以及构图,甚至会有隐喻出现;逛商场时的各种宣传帖,产品介绍页面,都是经过精心设计的,也可以从里面寻找灵感。

手机上的灵感更是精彩。我们日常使用的手机中的各个 APP 中,上面的每一个按钮,每一个页面的设计,都是各个公司的设计师单独设计。从 APP 打开时的启动页面,到各个引导页,以及每个页面上出现的小元素,都可以直接拿来使用。

微信聊天。聊天时候经常会用到各种各样的表情包,有关于表情的,有关于文字的,都是非常棒的素材。

要有意识地进行这样的收集,最好是在自己的手机或者电脑中建立这样的文件夹,存放这些灵感,没有思路的时候就可以拿出来翻看,找灵感。

  1. 那里可以找到视觉笔记作品?

目前国内的视觉笔记处于起步阶段,虽然百度上会出来很多内容,但是我们还是可以借鉴更棒的作品,大家可以使用 google 搜索“sketchnote”,会有很多作品出现。但是需要注意的是,无论是国外还是国内作品,不是搜出来的就是好的,借鉴使用前要对内容进行分析。

微博“画笔记”也会经常更新伙伴们的内容以及国外“大神”的视觉笔记作品。
另外,一些设计类作品可以多看,提升审美,也能看别人怎么做创意。

  1. 可以提升审美的网站或素材推荐

国民图片搜索网站:花瓣;同类网站:堆糖。
设计类网站:站酷/优设网,设计师必去网站。

  1. 该临摹还是该创作?临摹久了后是不是就不会创作了?

任何伟大的艺术家都是从临摹开始的。我们自己的任何行为,也是从模仿开始的。我们小时候不会吃饭不会穿衣不会做任何事情,都是模仿着大人的行为来的,慢慢长大了,才有自己的想法或者自己特色的东西。画笔记也是这样,一开始大家都是在临摹中成长的,但是需要注意的是不能随便拿来一幅作品就去“照着画”。临摹前要进行认真分析:我为什么要临摹这个,是因为我觉得这张图上面的这个元素不错,我不会画,我要学会;或者说这个构图不错,我想学习等。有了分析之后再去临摹,会事半功倍。

  1. 如何让物体有立体感?

方法 1:想要使物体产生立体感,主要是要让物体产生层次。何为层次?就是让物体与画面有前有后。怎么做到有前有后?最简单的就是加入阴影。

方法 2:给物体描边。需要注意的是,描边的时候只描最外层就可以了,比如说用 1 号笔画图,可以用秀丽笔再去把最外面的边框描一圈。还是刚才那个手机,描边之后的效果如下:

  1. 越想画,越画不好,怎么办?

从未有过视觉笔记(或者画画)的伙伴,在初次接触视觉笔记的时候的确会出现这样的状态。对于成年人来说,拿起笔画东西本就不是一件容易的事情,所以开始的 35 天,都会是磨合期,要让大脑适应“图像”,让手适应画出来的是图像而不是写出来的字。但是 35 天之后,手、笔、大脑之间慢慢地磨合好了,这种情况就会减轻。但是依然有很多伙伴会画不好,怎么办呢?

一个重要的心法就是每一个想要学习视觉笔记的伙伴都应该坚信自己可以画出很棒的视觉笔记。另外一个秘诀,就是不要害怕出错,越怕出错,越画不好,所以索性就放开画,即使画错了,付出的代价也只是一张纸而已。尝试放开自己去画,会发现效果真的很不一样。

  1. 人物动作怎么画?

人物动作是一个比较难表达的地方,即使是专业人员也要练习很久。所以,如果大家一时画不出人物动作,可以采用如下两种方法:

(1)摆 pose 后画出。当遇到不会画的人物动作时,可以进行摆拍,无论单人还是组合都可以使用这种方法,然后用拆解的方式将摆拍后的内容画出来;对于一些表情,当无法画出的时候,可以照镜子,进行创作。

(2)使用木头人。一般的文具店均可买到可以摆弄四肢的木头人,可以使用木头人摆出想要的人物造型,然后对比摆拍后的内容进行练习。


▲摆 pose 后画出


使用木头人

  1. 内容太多时一张纸画不下怎么办,要精简内容吗?

刚开始尝试视觉笔记的伙伴,经常会无法把握内容与纸张大小的问题,回归画笔记的初心,并不是为了在一张纸上将所有内容记录,而是通过视觉笔记这种方式传达信息,所以在遇到纸张不够的情况下,尽量以内容为主,而不是为了在一张图上呈现内容而去删减信息。

这样的结果会造成构图问题,所以在确认构图环节时,就要留意每一信息块内容的多少,从而为其预留出合适的位置。

随着练习的加深,对内容呈现和对纸张的熟悉度会慢慢加强,这种情况会逐步改善。

  1. 视觉笔记中是不是不应该写太多的字呢?字太多了影响美观。

存在这个问题的原因,更多的是因为没有掌握“表达想法而非艺术”,在画笔记中,文字是最为基础核心的内容,一篇笔记想要清晰的表达内容,最主要的还是通过文字内容,图像只能起到锦上添花的效果。画笔记最主要的不是为了好看,而是更加清晰明了的理解内容,一味地追求美观而忽略内容是得不偿失的做法。

  1. 画笔记时一定要遵循 IMAGE 五步法吗?

初次尝试视觉笔记的伙伴,可以根据 IMAGE 五步法来一步步操作,这样能更快速地完成内容的输出;熟悉 IMAGE 五步法之后,可以按照自己熟悉的方式进行操作,比如有些伙伴习惯先画图后文字,这个时候就要注意图像预留的位置要合适,不能太大或太小,要确保文字能够完全展示出来。但是要遵循整体大的流程先输入一归纳整理一输出;具体的视觉笔记的最外层一—文字、图像色彩部分,可以按照个人的习惯进行。

附 2:画笔记常用工具介绍

笔是我们视觉笔记的主角,所有画图象、写字的部分都靠它。樱花勾线笔的特点是防水,是设计师的专业用笔呢。

樱花勾线笔有不同的色号,推荐最常用的 0.3 号用来画图,1 号笔用来写字。

常用笔一一樱花勾线笔

虽然大家对它不是很熟悉,但是马克笔是非常出效果的一款笔,而且它拥有两个笔头,宽头用来大面积润色,刀锋也可以画出纤细的线条,而圆头可以用来刻画细节。


上色必须的马克笔

视觉笔记对纸张的要求不是很高,无论是专业的素描本还是随处可见的 A4 纸,只要是空白就可。如果说建议的话,尽量使用大纸张,如 B5 或 A4,道林纸最佳。


空白本

附 3 :常用的 180 个视觉单词

在”画笔记”公众号后合日复“视觉单词”可以下载电子版本哦