31 Jan.2018
T姐说：
“ 周三技术控，今天带来的小技术是视觉笔记。很多伙伴会有很多疑问，没有绘画基础可以吗？零绘画基础的福音来了，几个简单的线条、图形也可以做视觉笔记的哦~快来学学吧~ ”
原来视觉笔记一点也不难呀
来源：微信公众号：笔记侠
微信ID：Notesman
作者：一休
完整笔记·方法论
我的本职是交互设计师，第二职业是视觉引导师。还有一个标签：手帐种草达人。
视觉笔记≠手帐
正式开始之前，给大家看一张图，来思考一个问题，你为什么要来参加这个分享。你必须知道了自己为什么来之后才能知道自己怎么听，听什么的问题。希望大家能带着自己的目的来听，比如：
你想知道视觉笔记是什么？
想知道视觉笔记怎么开始？
想在听完之后和自己的工作或学习能够结合？
今晚的分享是视觉笔记课程的一个基础部分。
完成一个视觉笔记就像完成一道菜，在做菜之前需要准备原材料和调味料，更重要的是需要知道菜谱是什么。视觉笔记的系统课程就是让大家知道如何获取自己的原材料和调味料，这个调味料指的是视觉笔记的一些基本的构成元素，以及通过怎样的步骤去完成一道大餐。
如图，是一个大纲，是从原材料到成品的过程。
大家可能会问为什么“大餐”是汉堡呢？
因为视觉笔记走的相对是一条捷径。
我只在认证视觉引导师期间，积累了一些跟视觉引导相关的知识。在过去的三年我一直在“画书”——每周完成一本书，完成之后通过视觉笔记形式把书的内容画出来，其中总结了一些经验和方法，所以大家看到的体系算是一道速成菜，虽然是速成菜，也是需要时间的。
一、什么是视觉笔记？
视觉引导是将视觉思维工具图像元素运用到团队互动，帮助团队互助并达成共识的一种思维和引导工具。
视觉笔记是把在阅读或聆听过程中输入的内容，以图像结合文字的形式输出。
输入：聆听、阅读、开会、脑海中的idea
输出：图像结合文字，不一定是画画，可以通过一些软件结合手作的方式
在这里只需要知道视觉笔记是承自于视觉引导的。通过视觉引导的定义可以看到他是运用到团队中的，所以视觉引导的分类都是用于企业内部的。如下图：
一休给瑞普PPT论坛做的视觉笔记
二、为什么要做视觉笔记？
同样借鉴视觉引导的优势：
1）激发团队参与感（在大图下每个人都要发言）
2）可视化大图下的全景思维（可以通过一张图了解全部内容）
3）帮助群体记忆
以上三点也是及视觉笔记的好处。
对我个人来说，视觉笔记最大的意义在于我对知识进行二次梳理的过程，视觉笔记绝不是哗众取宠，也不是无意义的画插图。为什么呢？我们先来看一下视觉笔记的流程：
输入（聆听、阅读）——归纳——视觉化。
在画出来之前，要对所输入的内容进行全面的消化和归纳，在懂得逻辑的同时，又要有一定的归纳能力，这是一个对已有内容全面归纳输出概括的过程。
再把概括出的内容进行视觉化的过程中，不仅要求绘画能力，更重要的是把文字转化为图像的能力，这一部分考察的是创意思维，是一个右脑开发的过程。
下图是我以视觉笔记的形式呈现我的2016年，一共12张纸，基本上都是画出来的笔记。
三、视觉笔记的用途
说了这么多，画笔记可以应用到哪些地方呢？
我目前应用的比较多的就是读书笔记、听课笔记、分享笔记、生活日记、个人管理、亲子育儿或者旅行记录我也都在做。接下来一一解释：
1、读书笔记
下图是我在视觉笔记应用中用的比较多的——“画书”。每看完一本书，把书中我吸收的知识点通过这种方式画出来，对自己来说是一个梳理的过程，分享给别人是也比较容易吸收，简洁明了。
2、听课笔记
下图是去年给咱们笔记侠做的一个现场版记录。
有人问：笔记是一边看一边做还是最后完成的呢？其实是分为两部分的：
一种像读书笔记的方式，先输入之后有自己的归纳之后有很多的时间进行；
另一种是现场的，实现完全不知道会有什么内容，就要靠你现场抓捕信息能力，图像转化能力以及整体把控能力。
3、生活日记
下图记录了我和几个伙伴聚餐的场景，连接了当时每个人的状态，连接了当时吃的东西，是对生活的记录也是对生活的一种态度，是一个很不错的生活记录方式。
4、个人管理
这是我在总结2016上半年做了那些事情的时候做的，相比较于以往word稳当的形式，这种视觉笔记的形式可以一目了然的知道你这半年做了什么事情。
5、亲子育儿
下图是我同学的作品，他有一个三岁多的宝宝每次问他要零花钱，他就用A4纸做了这样一个ATM机让孩子自己去取钱，这样一些小的细节会让你跟孩子更加亲近，孩子也会觉得很新颖，很好玩。
下面两张图是我自己对整个孕期的记录，等宝宝长大了把这个东西送给他会不会比较有意义？会为你的生活增加许多色彩。
四、练习视觉笔记的基本元素
人物、地点、过程（步骤）、对话框、文本、颜色、效果，这七个部分。
视觉笔记的核心原则是表达想法而非艺术。对大多数没有经过专业训练的人来说通过画图的方式能把自己的想法表达清楚就可以了。
1）人物画法
2）地点画法
3）流程
一件事的发生时有始有终有过程的，可以用箭头来表示过程。根据自己归纳和发散的需要去选择不一样的箭头。比如左下角的箭头表示不同的内容聚向中心等等。
4）对话框
➀普通聊天；
➁基本理论；
➂两个人在说相同的内容；
➃内心独白；
……
5）文字
如果把一篇视觉笔记比做人，文字就是它的肌肉。字写得好看就好比一个人的肌肉线条很好看。比如可以通过不同的曲线来组成不同的图案，文字也会跟着曲线来，就构成了不同的图，就是所谓的练出漂亮线条。
右下角：可以用一些项目符号，是文字看起来更加有条理。
6）颜色应用
视觉笔记里很少出现特别素的内容，在做视觉笔记是:
➀用深色系的来写字；
➁用明亮的黄色或绿色、蓝色来标注一些小的重点；
➂考虑作品的风俗习惯；
➃禁止用黄色大片的写字；
➄不要用大片的红色，会使人烦躁。
7)效果
➀增加点缀（指向某处，指向的地方加以强调）
➁阴影效果（图像更立体）
➂动向效果（超人飞起来的时候加一个小尾巴）
➃给人物加表情
8）构图
➀线形：从左到右，从上到下（灵活运用“S”型或“Z”型）
➁放射性：思维导图（适合有一个大中心，分为几个不同模块来记录）
➂模块：不同板块的划分
➃摩天大楼：明确对内容的把控，需要几个“大楼”
➄路径：现场笔记常用，先记录内容，最后通过一条线把不同的内容连接起来
➅固定结构：金字塔；饼状图；坐标等。根据自己的内容来选择
最开始大家能够运用到刚才说的元素并有意识的匹配一些构图就OK了。
五、零基础学员如何开始？
1.从简单到复杂，尝试着先套用一些内容，体会这个过程是怎样的。从简单的表达开始，包括图像和颜色等等。
2.可以先做简单的视觉日记，把某些自己感兴趣的词图像化。视觉笔记不是简单的摘抄。
3.储备自己的常用词汇库，在画视觉笔记时，需要大量的视觉元素。视觉元素相当于学习英语的英语单词，不同的是单词是要背的，而视觉元素是可以即兴发挥的。重要的是要拿起笔去尝试画出你自己的视觉元素。
*以上文中图片版权均归一休所有，请勿用作商业用途或做宣传。
好啦，今天的小分享就到此结束了，还有很多小技能，请关注下周三的技术控~喜欢T姐推文的小伙伴请长按二维码关注。
联系客服
