gitbook/视觉笔记入门课/docs/231922.md
2022-09-03 22:05:03 +08:00

155 lines
10 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# 05 | 图标(上):把现实装进你的笔记
你好,我是高伟。欢迎你继续跟我学习视觉笔记。
前面几节课中,我们学习了“点线面”、人物、容器等简单视觉元素的画法,这个过程其实就是在帮你组建属于你自己的“视觉元素后台”。
那些你学到的人物、容器或是图标,就像是一直在你的“视觉元素后台”中待机的演员或道具,等待着你把它们召唤到“笔记本”这个舞台上,上演一出漂亮的“舞台剧”展示给观众。你要展示的内容就是“剧本”,笔记最终呈现出来的样子就是“演出”。
![](https://static001.geekbang.org/resource/image/d1/3e/d107502bf1e651db3707b55364e66e3e.jpg)
那么一个新的问题接着出现了:只靠基础的演员和道具来表演的“剧目”实在是太少了,该从哪里开始积累出更多的演员和道具(视觉图标)呢?
这就需要你带着一双发现的眼睛观察自己的生活了。生活才是我们最好的老师,生活中很多不起眼的小物件都可以成为你笔记中的亮眼角色。
我们就拿一个“普通上班族李雷的一天”来举例子吧。看看一天之中他接触到的视觉图标有哪些?这些视觉图标又是由哪些基础元素组成的?在这个过程中,你也可以想想,如果你给“自己的一天”做一个视觉笔记,你会记录下什么东西呢?这些视觉元素又为你的“剧本”助力了什么?
因为今天要讲的内容太多,我将具体的步骤讲解放在了下一节课。我希望你先对“从生活中取材”这一点有深入理解后,再进行具体的练习。
好了,现在来开启上班族李雷繁忙的一天吧。
## 家庭
一早,闹钟把李雷吵醒了,他睡眼朦胧地把闹钟关掉,起床了。
![](https://static001.geekbang.org/resource/image/ca/df/ca8b9134dac8a90cc6bcf8e5834076df.jpg)
李雷从床铺上爬起来,伸了个懒腰,准备去洗漱。
![](https://static001.geekbang.org/resource/image/61/b4/6136c976ef7aededdf51f040dcf167b4.jpg)
不仅洗漱的牙刷、牙膏、牙杯可以成为你的视觉图标,打开的水龙头也完全可以。
![](https://static001.geekbang.org/resource/image/cd/23/cd477af99ac9bd78b4ac8eeacb9c2223.jpg)![](https://static001.geekbang.org/resource/image/7f/ac/7f81c9ad621c31a8093f301e434195ac.jpg)
洗漱完毕,李雷走到餐桌前准备吃早餐了,餐垫上摆放了餐具和三明治。
![](https://static001.geekbang.org/resource/image/3c/13/3c9af1429acd0398dbc9f8cf85158f13.jpg)
吃完早餐,李雷要准备好上班的物品,可以是一个背包或者是一个公文包。
![](https://static001.geekbang.org/resource/image/87/8b/878e5dfa5beb0964e554439a5d0f2f8b.jpg)
因为这一天白天工作结束之后,晚上还要与其他同事一起出差,所以他还拉上了一个可爱的行李箱。
![](https://static001.geekbang.org/resource/image/f5/59/f523617181e8e3f400bbe20095011759.jpg)
## 天气
临出门的时候,李雷抬头望向窗外,发现外面乌云密布,要下雨了,所以可能还会有雨伞这个视觉图标出现在我的笔记中。
![](https://static001.geekbang.org/resource/image/ec/b7/ec5f2ab1c31bb919a3fbfc6322a258b7.jpg)![](https://static001.geekbang.org/resource/image/c4/80/c45d8bfa97c90fd3aa7c8eacc0b07980.jpg)
## 交通
东西准备齐全后,李雷就出门了,带上钥匙,坐电梯或者走楼梯下楼,准备开车出发去公司。
![](https://static001.geekbang.org/resource/image/2e/0a/2e160e6803447cbede99fc407e01930a.jpg)![](https://static001.geekbang.org/resource/image/b4/f6/b443901de90ef76be5d1200080960ef6.jpg)![](https://static001.geekbang.org/resource/image/cc/24/ccb1e2d95237089c100098c62917a224.jpg)
车辆行驶总有限号的时候,李雷如果不开车的话,会坐网约车、地铁、公交或者骑自行车。
![](https://static001.geekbang.org/resource/image/47/63/475eae8835eede6c24796cb149147d63.jpg)
最后一个骑自行车画起来可能难一些,因为骑自行车是一个组合元素,结合了人和自行车两种元素来表达内容。
![](https://static001.geekbang.org/resource/image/f9/af/f9aa5369817ca57064cd45a30db2c4af.jpg)
汽车、地铁、公交车、自行车,这都是我们在出行时常常能遇到的。当然,你还可以选择优雅地步行,这里的人物的视觉元素我之前讲过,不过因为天气下雨,步行的话,李雷要撑一把雨伞才行。
![](https://static001.geekbang.org/resource/image/c7/af/c7ed954261b459522de525eeacd08caf.jpg)
像“骑自行车的人”“打伞等绿灯的人”这种两个以上的视觉图标组合在一起呈现的图标可以称为组合图标,画起来会稍微复杂一些。
李雷最后选择开着车去公司,为了赶时间,在一段路上他超速了,哎呀,不小心就被监控拍到了,监控设备也是一个视觉图标。
![](https://static001.geekbang.org/resource/image/2a/5d/2af4fb456329e203215eba026b432d5d.jpg)
这都是我们在出行的路上很可能会碰到的、会用到的视觉图标。
## 办公
到了公司大楼以后,李雷把车子停好。
![](https://static001.geekbang.org/resource/image/01/34/0155816dafcc2d06cc9f043b95d00a34.jpg)
李雷坐电梯上到办公室,打卡签到,开始了一天的紧张有序的工作。手和打卡器在一起也是一个组合元素。
![](https://static001.geekbang.org/resource/image/f6/81/f6dce9168ef8192e725ebf2fefa5a681.jpg)
然后,李雷的手机钉钉开始响起:有三个邮件需要回复,一个汇报的会议需要讨论,还有一个应聘者的面试。办公桌上还贴着提醒他的便利贴纸。工作中的视觉元素我们已经在上一节课中讲过一些:包括电子邮件、电脑、手机和这里的便利贴,我就不再重复了。
开始工作前,李雷有个习惯,必须先来一杯咖啡提提精神。
![](https://static001.geekbang.org/resource/image/d6/32/d6c1eb9fd12d22abb2cfb83c4e8de332.jpg)
扫过李雷的办公桌,你可以发现很多东西:电脑旁边放了一沓厚厚的应聘者的资料信息,有个收纳架,里面放了订书机、剪刀、裁纸刀、直尺和计算器。
![](https://static001.geekbang.org/resource/image/5f/4e/5f670e077d1be85b75c6af2109ba5a4e.jpg)
画订书机的时候只要选侧面就可以了,因为这一面最容易画。剪刀这个元素有合上和打开的两种形态,你也可以让这个元素更复杂一些,比如剪刀加手形成一个组合元素。
![](https://static001.geekbang.org/resource/image/7c/05/7c6df484f9b7bde7d0269bb23afe8805.jpg)![](https://static001.geekbang.org/resource/image/21/b7/216ec8a56eff998150b89218795601b7.jpg)
李雷也是一个特别喜欢视觉笔记的人,所以,桌上还放着一个圆形的笔筒,里面装着很多他平时画画用的粗细不同的笔。
![](https://static001.geekbang.org/resource/image/d9/c2/d90f8f2b9987302c316489ef6ecc25c2.jpg)
另外,李雷还是一个很有生活情趣的人,桌上养了一盆绿植,放了一盏小台灯,这也是我们办公桌上的常备品。
![](https://static001.geekbang.org/resource/image/59/6c/59b2908195e98d966f0e09fd9148326c.jpg)
因为上午有个会议,所以,有些资料需要提前准备。
10点30分他准时开始了会议汇报的形式是播放准备好的PPT或者手绘的视觉图。上一节课我还留了一个中级的作业就是让你把汇报的投影画出来如果你自己画不出来也不用担心这里我会重新带你画一遍。
![](https://static001.geekbang.org/resource/image/d8/d1/d854331b8e5c326cd7897f816d6f4ed1.jpg)
开完会后,李雷的手机没有电了,他赶紧借了同事的数据线来救急。
接下来李雷还有个面试要去参加。面试候选人一般会选在公司一个比较舒服的卡座区或者接待区,在这里不仅面试官会很放松,面试的候选人也会放松。
![](https://static001.geekbang.org/resource/image/51/20/51c4a736684323d2a769b213f6b12020.jpg)
李雷准备了一杯水、一个笔记本、一份表格,就去面试了。还记得上一节课中的对话框视觉元素吗?两个人对话的内容就可以直接用对话框来记录,这里就不多讲了。
不知不觉,到了中午吃饭的时候了。
现在很多上班族吃饭更多的是点外卖或者出去吃,那外卖的话,可能会用到手机下单,让外卖小哥给你送来。而李雷一般选择出去吃,基本上都是一碗实惠的面或者一份简餐解决中午饭,然后再去星巴克点一杯中意的美式咖啡度过午休时光。
![](https://static001.geekbang.org/resource/image/ff/03/ff5fb8fc482652e0a1e46d2d5174a903.jpg)
## 生活与出行
一天辛苦的工作结束后,李雷还要去充电学习或者是去健身房健身,打打拳击,练练瑜伽,冥想一下。你也可以想想如何用单线人表示瑜伽动作。
![](https://static001.geekbang.org/resource/image/d7/8d/d7a3be762b4254e9463d44dfc1bc898d.jpg)
有时候也会跟朋友出去看个电影,或者去商场购物一番。
![](https://static001.geekbang.org/resource/image/96/ac/9626c0ede4f9709d67341d2da55b18ac.jpg)
不过今天因为要出差,晚上要飞往下一个城市去讲课,计算好时间,李雷拿着行李就赶赴机场了。一天很快就过去了,李雷开始在飞机上补眠。
![](https://static001.geekbang.org/resource/image/a0/4f/a0ec7e93907d71d49a5a42e3662c0f4f.jpg)
这样,我们不知不觉中已经与李雷一起经历了这么多,你也应该能发现,其实生活中是“万物皆可视觉化”的。
在下一节课中,我会对视觉元素的绘画过程进行逐步讲解。
## 动手练习
那现在又到了我们的作业时间,你可以根据你自己一天的活动轨迹,为自己的常用图标列个清单。今后,你的练习就可以围绕着这些图标展开。
今天的练习主要是想让你去发掘自己生活中的小物件,在下一讲中我们再来学习如何通过基础的点、线、面来将这些东西画出来。
如果你有任何疑问可以在留言区提问。同时,欢迎点击下面的“交作业”图片链接,去部落分享你的常用图标清单,这个清单就是你接下来需要练习的主要内容了。