<audio id="audio" title="05 | 图标（上）：把现实装进你的笔记" controls="" preload="none"><source id="mp3" src="https://static001.geekbang.org/resource/audio/c7/90/c7c783874bb39b46fb0d9eb6d774e890.mp3"></audio>

你好，我是高伟。欢迎你继续跟我学习视觉笔记。

前面几节课中，我们学习了“点线面”、人物、容器等简单视觉元素的画法，这个过程其实就是在帮你组建属于你自己的“视觉元素后台”。

那些你学到的人物、容器或是图标，就像是一直在你的“视觉元素后台”中待机的演员或道具，等待着你把它们召唤到“笔记本”这个舞台上，上演一出漂亮的“舞台剧”展示给观众。你要展示的内容就是“剧本”，笔记最终呈现出来的样子就是“演出”。

<img src="https://static001.geekbang.org/resource/image/d1/3e/d107502bf1e651db3707b55364e66e3e.jpg" alt="">

那么一个新的问题接着出现了：只靠基础的演员和道具来表演的“剧目”实在是太少了，该从哪里开始积累出更多的演员和道具（视觉图标）呢？

这就需要你带着一双发现的眼睛观察自己的生活了。生活才是我们最好的老师，生活中很多不起眼的小物件都可以成为你笔记中的亮眼角色。

我们就拿一个“普通上班族李雷的一天”来举例子吧。看看一天之中他接触到的视觉图标有哪些？这些视觉图标又是由哪些基础元素组成的？在这个过程中，你也可以想想，如果你给“自己的一天”做一个视觉笔记，你会记录下什么东西呢？这些视觉元素又为你的“剧本”助力了什么？

因为今天要讲的内容太多，我将具体的步骤讲解放在了下一节课。我希望你先对“从生活中取材”这一点有深入理解后，再进行具体的练习。

好了，现在来开启上班族李雷繁忙的一天吧。

## 家庭

一早，闹钟把李雷吵醒了，他睡眼朦胧地把闹钟关掉，起床了。

<img src="https://static001.geekbang.org/resource/image/ca/df/ca8b9134dac8a90cc6bcf8e5834076df.jpg" alt="">

李雷从床铺上爬起来，伸了个懒腰，准备去洗漱。

<img src="https://static001.geekbang.org/resource/image/61/b4/6136c976ef7aededdf51f040dcf167b4.jpg" alt="">

不仅洗漱的牙刷、牙膏、牙杯可以成为你的视觉图标，打开的水龙头也完全可以。

<img src="https://static001.geekbang.org/resource/image/cd/23/cd477af99ac9bd78b4ac8eeacb9c2223.jpg" alt=""><img src="https://static001.geekbang.org/resource/image/7f/ac/7f81c9ad621c31a8093f301e434195ac.jpg" alt="">

洗漱完毕，李雷走到餐桌前准备吃早餐了，餐垫上摆放了餐具和三明治。

<img src="https://static001.geekbang.org/resource/image/3c/13/3c9af1429acd0398dbc9f8cf85158f13.jpg" alt="">

吃完早餐，李雷要准备好上班的物品，可以是一个背包或者是一个公文包。

<img src="https://static001.geekbang.org/resource/image/87/8b/878e5dfa5beb0964e554439a5d0f2f8b.jpg" alt="">

因为这一天白天工作结束之后，晚上还要与其他同事一起出差，所以他还拉上了一个可爱的行李箱。

<img src="https://static001.geekbang.org/resource/image/f5/59/f523617181e8e3f400bbe20095011759.jpg" alt="">

## 天气

临出门的时候，李雷抬头望向窗外，发现外面乌云密布，要下雨了，所以可能还会有雨伞这个视觉图标出现在我的笔记中。

<img src="https://static001.geekbang.org/resource/image/ec/b7/ec5f2ab1c31bb919a3fbfc6322a258b7.jpg" alt=""><img src="https://static001.geekbang.org/resource/image/c4/80/c45d8bfa97c90fd3aa7c8eacc0b07980.jpg" alt="">

## 交通

东西准备齐全后，李雷就出门了，带上钥匙，坐电梯或者走楼梯下楼，准备开车出发去公司。

<img src="https://static001.geekbang.org/resource/image/2e/0a/2e160e6803447cbede99fc407e01930a.jpg" alt=""><img src="https://static001.geekbang.org/resource/image/b4/f6/b443901de90ef76be5d1200080960ef6.jpg" alt=""><img src="https://static001.geekbang.org/resource/image/cc/24/ccb1e2d95237089c100098c62917a224.jpg" alt="">

车辆行驶总有限号的时候，李雷如果不开车的话，会坐网约车、地铁、公交或者骑自行车。

<img src="https://static001.geekbang.org/resource/image/47/63/475eae8835eede6c24796cb149147d63.jpg" alt="">

最后一个骑自行车画起来可能难一些，因为骑自行车是一个组合元素，结合了人和自行车两种元素来表达内容。<br>
<img src="https://static001.geekbang.org/resource/image/f9/af/f9aa5369817ca57064cd45a30db2c4af.jpg" alt="">

汽车、地铁、公交车、自行车，这都是我们在出行时常常能遇到的。当然，你还可以选择优雅地步行，这里的人物的视觉元素我之前讲过，不过因为天气下雨，步行的话，李雷要撑一把雨伞才行。

<img src="https://static001.geekbang.org/resource/image/c7/af/c7ed954261b459522de525eeacd08caf.jpg" alt="">

像“骑自行车的人”“打伞等绿灯的人”这种两个以上的视觉图标组合在一起呈现的图标可以称为组合图标，画起来会稍微复杂一些。

李雷最后选择开着车去公司，为了赶时间，在一段路上他超速了，哎呀，不小心就被监控拍到了，监控设备也是一个视觉图标。

<img src="https://static001.geekbang.org/resource/image/2a/5d/2af4fb456329e203215eba026b432d5d.jpg" alt="">

这都是我们在出行的路上很可能会碰到的、会用到的视觉图标。

## 办公

到了公司大楼以后，李雷把车子停好。

<img src="https://static001.geekbang.org/resource/image/01/34/0155816dafcc2d06cc9f043b95d00a34.jpg" alt="">

李雷坐电梯上到办公室，打卡签到，开始了一天的紧张有序的工作。手和打卡器在一起也是一个组合元素。

<img src="https://static001.geekbang.org/resource/image/f6/81/f6dce9168ef8192e725ebf2fefa5a681.jpg" alt="">

然后，李雷的手机钉钉开始响起：有三个邮件需要回复，一个汇报的会议需要讨论，还有一个应聘者的面试。办公桌上还贴着提醒他的便利贴纸。工作中的视觉元素我们已经在上一节课中讲过一些：包括电子邮件、电脑、手机和这里的便利贴，我就不再重复了。

开始工作前，李雷有个习惯，必须先来一杯咖啡提提精神。

<img src="https://static001.geekbang.org/resource/image/d6/32/d6c1eb9fd12d22abb2cfb83c4e8de332.jpg" alt="">

扫过李雷的办公桌，你可以发现很多东西：电脑旁边放了一沓厚厚的应聘者的资料信息，有个收纳架，里面放了订书机、剪刀、裁纸刀、直尺和计算器。

<img src="https://static001.geekbang.org/resource/image/5f/4e/5f670e077d1be85b75c6af2109ba5a4e.jpg" alt="">

画订书机的时候只要选侧面就可以了，因为这一面最容易画。剪刀这个元素有合上和打开的两种形态，你也可以让这个元素更复杂一些，比如剪刀加手形成一个组合元素。

<img src="https://static001.geekbang.org/resource/image/7c/05/7c6df484f9b7bde7d0269bb23afe8805.jpg" alt=""><img src="https://static001.geekbang.org/resource/image/21/b7/216ec8a56eff998150b89218795601b7.jpg" alt="">

李雷也是一个特别喜欢视觉笔记的人，所以，桌上还放着一个圆形的笔筒，里面装着很多他平时画画用的粗细不同的笔。

<img src="https://static001.geekbang.org/resource/image/d9/c2/d90f8f2b9987302c316489ef6ecc25c2.jpg" alt="">

另外，李雷还是一个很有生活情趣的人，桌上养了一盆绿植，放了一盏小台灯，这也是我们办公桌上的常备品。

<img src="https://static001.geekbang.org/resource/image/59/6c/59b2908195e98d966f0e09fd9148326c.jpg" alt="">

因为上午有个会议，所以，有些资料需要提前准备。

10点30分，他准时开始了会议，汇报的形式是播放准备好的PPT或者手绘的视觉图。上一节课，我还留了一个中级的作业，就是让你把汇报的投影画出来，如果你自己画不出来也不用担心，这里我会重新带你画一遍。

<img src="https://static001.geekbang.org/resource/image/d8/d1/d854331b8e5c326cd7897f816d6f4ed1.jpg" alt="">

开完会后，李雷的手机没有电了，他赶紧借了同事的数据线来救急。

接下来李雷还有个面试要去参加。面试候选人一般会选在公司一个比较舒服的卡座区或者接待区，在这里不仅面试官会很放松，面试的候选人也会放松。

<img src="https://static001.geekbang.org/resource/image/51/20/51c4a736684323d2a769b213f6b12020.jpg" alt="">

李雷准备了一杯水、一个笔记本、一份表格，就去面试了。还记得上一节课中的对话框视觉元素吗？两个人对话的内容就可以直接用对话框来记录，这里就不多讲了。

不知不觉，到了中午吃饭的时候了。

现在很多上班族吃饭更多的是点外卖或者出去吃，那外卖的话，可能会用到手机下单，让外卖小哥给你送来。而李雷一般选择出去吃，基本上都是一碗实惠的面或者一份简餐解决中午饭，然后再去星巴克点一杯中意的美式咖啡度过午休时光。

<img src="https://static001.geekbang.org/resource/image/ff/03/ff5fb8fc482652e0a1e46d2d5174a903.jpg" alt="">

## 生活与出行

一天辛苦的工作结束后，李雷还要去充电学习或者是去健身房健身，打打拳击，练练瑜伽，冥想一下。你也可以想想如何用单线人表示瑜伽动作。

<img src="https://static001.geekbang.org/resource/image/d7/8d/d7a3be762b4254e9463d44dfc1bc898d.jpg" alt="">

有时候也会跟朋友出去看个电影，或者去商场购物一番。

<img src="https://static001.geekbang.org/resource/image/96/ac/9626c0ede4f9709d67341d2da55b18ac.jpg" alt="">

不过今天因为要出差，晚上要飞往下一个城市去讲课，计算好时间，李雷拿着行李就赶赴机场了。一天很快就过去了，李雷开始在飞机上补眠。

<img src="https://static001.geekbang.org/resource/image/a0/4f/a0ec7e93907d71d49a5a42e3662c0f4f.jpg" alt="">

这样，我们不知不觉中已经与李雷一起经历了这么多，你也应该能发现，其实生活中是“万物皆可视觉化”的。

在下一节课中，我会对视觉元素的绘画过程进行逐步讲解。

## 动手练习

那现在又到了我们的作业时间，你可以根据你自己一天的活动轨迹，为自己的常用图标列个清单。今后，你的练习就可以围绕着这些图标展开。

今天的练习主要是想让你去发掘自己生活中的小物件，在下一讲中我们再来学习如何通过基础的点、线、面来将这些东西画出来。

如果你有任何疑问可以在留言区提问。同时，欢迎点击下面的“交作业”图片链接，去部落分享你的常用图标清单，这个清单就是你接下来需要练习的主要内容了。
