You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

97 lines
9.0 KiB
Markdown

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

# 开篇词 | 一图胜千言
你好,我是高伟。欢迎和我一起来探索技能的边界,一起来学习视觉笔记。
不知道你有没有注意过无论是工作还是生活中人类的大脑对于图像的处理速度是远高于文字的。2014年美国研究人员发现人类大脑仅用13毫秒就能识别和理解一张图片并在实验中证实了这种大脑的快速处理能力。
而你之所以能够快速识别视觉图像,正是因为这是我们每天都在做的事情——试着理解我们所看到事物。就用一份学习资料举个例子,普通文档通篇只有文字罗列,不用说理解了,仅仅是把它看完就要花费很多时间。
![](https://static001.geekbang.org/resource/image/35/62/35014c89a79ea9c3642c1b8556371962.png "纯文字分享")
可如果用视觉化的方法对内容做个处理,枯燥无味的文字内容一下子就变得有趣多了。
![](https://static001.geekbang.org/resource/image/36/09/361b73af6ed7881bc360384b74af9b09.png "图文版学习分享")
你可以从图片中一下子抓取到很多关键信息:文章的主题、左侧的关键词、路标的意象、登山的含义……这一切都在告诉你,这张图片的内容:十九大的学习体会。
像这样的一张为输出内容而存在的图片有个专有的名字——GR视觉记录因为是记录在自己的笔记本上也就自然地被叫做视觉笔记了。
其实视觉笔记的定义很多,可如果我告诉你,“视觉笔记就是一种视觉化的记录方式,是一种整体性笔记,是通过文字、图像来展现你脑内的信息,并用有逻辑的构图呈现出来的”,你一定立马就把这篇文章关掉了。
因为这样的表述实在是太不“视觉笔记”了,让人难以理解,绝对不如把一张真实的视觉笔记图片摆在你面前来得有效果。
不只是文章,想象一下,在你学习、阅读、开会之后,如果输出的内容是以这样的图片形式,是不是更容易吸引别人的眼球呢?
讲到这,不知道你心里会不会有些怀疑:“你谁啊?在网络上分享视觉笔记的人不少啊,你凭什么能来讲视觉笔记?”
我是高伟,长年专注于“视觉语言”的研究和践行,并形成了自己的视觉语言体系,并且把它发展成了服务客户,为客户解决问题的工作。
![](https://static001.geekbang.org/resource/image/4f/22/4fa12bd02b3cb39e6f92c88de639e222.jpg "联合国教科文组织政策")
![](https://static001.geekbang.org/resource/image/ae/7b/ae65dec21e6ce1cfcff7fd5b7c25fb7b.jpg "香港特首施政蓝图")
我曾经为联合国教科文组织提供视觉服务在香港带领学生为香港特首做施政方针的视觉记录并长年为现在知名的大型互联网公司、政府机构、500强企业进行视觉化服务。
不过,也许你看过前面的视觉呈现后,会有点想打退堂鼓,因为“这图好像挺复杂的,我不会画呀”。
我只能说:“放心,这门课就是为了解决这个顾虑而存在的,而且,只要你会画最基础的线条和简单的形状,学会视觉笔记的技巧真的不成问题。”
## 视觉笔记从未如此简单
不相信?我来给你拆解一张视觉笔记,你就知道我为什么这么说了。
不知道你吃没吃过一种“网红雪糕”——钟薛高?下面这张图是钟薛高创始人创业心得分享的视觉笔记,我就拿它来给你举个例子。
![](https://static001.geekbang.org/resource/image/2c/4e/2cd62c3db5d6caa08badae5266744b4e.png "钟薛高创业心得笔记")
这张钟薛高的视觉笔记你看着是不是也觉得挺复杂的?这是因为看视觉笔记的人都会先被图像吸引,然后才去聚焦内容。
文字我们都会写,在视觉笔记里不同之处只在于文字的写法和图像颜色的搭配。所以,为了拆解视觉笔记的内容,我们先把这个笔记中的文字信息全部拿掉看看。
![](https://static001.geekbang.org/resource/image/45/51/4560867180f5d3bab95af486dd0ff751.png "笔记元素的轮廓")
现在你能从只剩下图案的视觉笔记中看到什么?是不是除了人物的部分就只剩下了各种各样的圆圈、方框、视觉图标了?
这些圆圈和方框组成了各种边框、箭头、对话框,还有一些视觉元素,如:雪糕、房子、飞机、汽车、箱子、勋章、放大镜、心、脚步、地球等。而想要画这些元素,只要了解一些技巧,再通过简单的训练你就可以做到。
我把其中几类元素提出来,让你更直观地感受一下。
![](https://static001.geekbang.org/resource/image/96/da/96aa99d1e85278ca3725580c3c6473da.png)![](https://static001.geekbang.org/resource/image/86/b6/86a57a532bcfe8265ba70d3e3bc7d2b6.png)![](https://static001.geekbang.org/resource/image/75/80/75985b5abb5050ffbbf9683fd7217480.png)![](https://static001.geekbang.org/resource/image/db/66/db0ca84fd3928636147c3bbfce71ad66.png)![](https://static001.geekbang.org/resource/image/5f/51/5ffe92bdfbee9176aba697ba08141651.png "视觉笔记具体元素举例")
边框、箭头、对话框,这三种元素只需要直线、曲线,只要你会画圆、会画直线,这些都不难。
人物和视觉图标这两类也许你觉得有些麻烦,不过画它们也是有技巧的,在我们的视觉笔记课程里就会讲到如何将它们都画出来。
## 怎么学视觉笔记?
我的课程里会专注放干货,教你实际的视觉笔记绘画技巧。毕竟“动笔才是硬道理”,学视觉笔记是必须要有一种“说画就画”的劲头才行。
我们的视觉笔记课程主体分为两个模块:“技巧篇”和“实践篇”。
![](https://static001.geekbang.org/resource/image/f5/99/f5e049546f53bc8aff489b4cb7563499.jpg)
**技巧篇**中,我会对视觉笔记中的必备要素的画法进行逐一讲解,包括基础、人物、容器、图标、链接、字体、色彩、构图等内容,务求使你在进入实践篇时能够掌握绘画视觉笔记的基础技巧。
**实践篇**中,主要是你要进行实践了,因为学了那么多,视觉笔记重要的地方就是你要去用起来。我会带你分别做动态和静态的视觉笔记——“图书视觉笔记”和“会议视觉笔记”。通过这两种视觉笔记类型的实践,带你将技巧篇的内容串起来,把学过的视觉元素有逻辑、有结构、有层次地去呈现出来。
课程具体内容会以文字、图片、音频和短视频为主,用文字来详细阐释、解释缘由,用图片进行步骤的图解和呈现,用短视频让你看到绘画的真实过程。
都说学习的最好方式是“输入的同时进行输出”。所以,每节课后,我都会布置相应的练习作业。你可以在极客时间部落中的“[视觉笔记](https://horde.geekbang.org/channel/list/35)”话题下提交自己的练习,同时,我也会在部落中分享自己的一些视觉作品。
## 视觉笔记工具包
学习视觉笔记当然还需要一些材料,不过做视觉笔记的材料不需要那么复杂,最简单的,只要一支笔、一张纸就行。
如果你想再“专业”一些可以准备一个空白页的、可以平摊开的A5硬壳笔记本尺寸兼顾常用与便携。笔就很简单了也不需要准备什么有名的牌子勾线笔用日本的樱花、国产的晨光、台湾的雄狮都可以。如果你注重色彩可以买几支不同颜色的宽头水性马克笔或者水性软头笔我的建议是准备橙黄色、浅蓝色、浅灰色和一个你个人喜欢的颜色。
另外如果你想做电子版的视觉笔记也没问题。个人经济条件允许的话你可以买pencil套装的iPad Pro或iPad 2018安装绘图软件比如Procreate来进行电子版视觉笔记的创作。
不过我不建议你太早买装备,这一套电子产品买下来还是挺贵的。我建议你先用普通的纸笔练起来,练习一周后,再根据自己绘画时产生的实际需要来补充购置。
视觉笔记课的前置功课就这么多,第一讲我们就直接进入技巧讲授了,如果你有任何有关视觉笔记的问题都可以在文章后面留言。
最后,我想与你分享一下我曾经做过的视觉笔记,毕竟我们学的是一门“技术”,必须靠真本事服人,光靠嘴皮子怎么能说服你订阅我的课程呢?看过这些视觉笔记,你来做决定。
![](https://static001.geekbang.org/resource/image/d8/fc/d845711c3a848762b4ed9d76aaa5a5fc.png)![](https://static001.geekbang.org/resource/image/26/ef/263247a9b80b3e2540a8b30045d081ef.png)![](https://static001.geekbang.org/resource/image/c9/66/c965e76e69c91e94fc1f57a7a82cb366.jpg)![](https://static001.geekbang.org/resource/image/17/69/17777590c6e3629887f3f50fd785b269.jpg)![](https://static001.geekbang.org/resource/image/18/1b/182eca410ebd4fe5115f102cb9ea1a1b.png)
说到底,视觉笔记最终需要你多加练习,从今天开始,让我们一起动笔吧!