卖桃者说
池建强
极客时间创始人、墨问西东创始人
30376 人已学习
免费领取
课程目录
已完结/共 523 讲
第一季 (135讲)
第二季 (134讲)
第三季 (124讲)
第四季 (90讲)
卖桃者说
15
15
1.0x
00:00/17:26
登录|注册

第260期 | 只用点线面也能搞定视觉笔记

讲述:池建强大小:15.97M时长:17:26
你好,这里是卖桃者说。今天又到周五,也是五一长假第一天。天天学技术多少会有些枯燥吧,今天给大家推荐一个非常有趣、锻炼右脑的、可以“速成”的课程,你可以在假期里练习一下,我非常的喜欢,也在学习,这门课叫做《视觉笔记入门课》。高伟老师讲得轻松实用,学了就可以做自己的视觉笔记,真是所见即所得。
以下是全文:只用点线面也能搞定视觉笔记。文末我会给你展示一些用户的作品。
你好,我是高伟,欢迎与我一起来学习视觉笔记。
我在开篇词中说过,只要你会画简单的线条和简单的形状,就能做视觉笔记。这其实不是我在夸大其词,因为很多人做视觉笔记时,被卡住的第一关就是“手绘”。也就是你想要画些什么的时候,不知道该从哪里开始,又或者你觉得下笔之后的作品“惨不忍睹”。
很多人就觉得自己的大脑明明知道了画图的步骤,但是就是画不出来,所以很多的时候,我们就会把原因归结到了自己身上,是不是自己“手残”呀,其实根本不是手残的问题。
画不出来,主要就是因为你“失去”了将复杂事物“几何化”抽象概括的能力,简单来说,就是用点、线、面拆解事物的能力。而这种能力其实是我们幼时都具备的。
今天我就给你讲讲视觉笔记中最基础的点、线、面,把看到的物品“几何化”抽象概括的方法教给你,帮助你找回自己的天赋技能,让你可以快速、美观地画出生活中看似复杂的物品。
我们生活中有很多东西,看起来好像很复杂,其实拆解一下,就会发现,这些物品都可以用简单的点、线、面来构成。
实物闹钟
我就以现实生活中的闹钟为例,来给你讲解一下物品几何化的具体步骤。
第一步,看轮廓,确定组成部分的几何形状。
观察闹钟的主轮廓,这里你需要先忽略掉它的颜色和具体细节,单纯地去观察物品的整体轮廓。
你会发现,闹钟主体部分就是一个圆形,没有什么难的,时间刻度是由点来组成,时针是长短粗细不同的线,闹铃是半圆形,闹锤是小长方形等等。
第二步,做定位,观察各个组成部分之间衔接点的位置在哪里,然后下笔画出来。
我们来看,在这个闹钟里,刻度在圆形表盘的圆周上;时针都是从圆形的中心点出发指向刻度;闹铃在表盘的上面,分立左右;闹锤在闹铃正中间。这就是做定位时要去观察的部分,每一个组成部分和另外的组成部分之间的方位在哪里。
第三步,补细节,如果你不是刻意追求扁平化的效果,“阴影”这类的细节补充可以为你的作品增添一些“高级感”。
要想顺利做到看轮廓、做定位和补细节这三步,你就需要对点、线、面组成的几何图形元素应用自如。
接下来,我们就看看最简单的点、线、面在我们的视觉笔记中都有哪些新门道。

点是一切的开始,我们也就从它开始讲起吧。点非常简单,这里要说明的是,视觉笔记中对的“点”的理解有两个维度:具象的点和抽象的点。
具象的点指的就是我们肉眼能看到的点,比如圆形的点、方形的点、三角形的点、雪花状的点、多边形的点等。
而抽象的点指代的是一些模糊的概念内容,也就是我们日常语言中会出现的“点”,比如:你讲了三个点,这个点和那个点之间有没有关系,你完全 get 不到我的点等等,这其实都是指代内容。
但无论这个点是具象还是抽象,我们都可以在视觉笔记中将它表现出来。
作为最简单的视觉元素,“点”有三种比较常见的用法:
常用形式,功能等同于我们在文档中的无序列表,可以用在一段文字前面。
标题的两端作为休止符号来用,这是我个人经常用的一种方式。
在笔记中可以指代任意的一点,比如 A 点、B 点等。
这样看来,点的用法是不是很简单?知道点的用法后,我们再来看看线条在视觉笔记中有哪些套路。

线

线条其实就是点的运动轨迹,我从“线的类型”和“线的用法”两个方面来教你怎么玩转线条。
在了解线的用法之前,我们需要先来认识一下视觉笔记中经常出现哪些类型的线。因为视觉笔记中的线条不是随便去画的,都是有其意义的。
在视觉笔记中,直线起到一种很“肯定的表达”和“链接”的作用,有种直来直去的感觉。这里我要提示你一下,最好不要用直尺来辅助画直线,因为那种直线会很硬,没有手绘的灵动感。
波浪线(曲线)则有所不同,波浪线比直线更柔软,也更富有弹性,画出来会有一种优雅的感觉。所以,你画曲线或者波浪线的时候,要一笔画出,用笔一定要自信和流畅才行。
当你的视觉笔记中需要表现一种剧烈的起伏时,折线可以很好地帮助你表达这种情绪。生活和工作中有很多趋势的变化都可以用折线来表示,比如:心电图、股市行情图等等。
电话线是一种充分体现了“纠结”的线条,出去回来,出去又回来,所以,它可以表达一些委婉的链接。但如果电话线用得太多,会显得你的视觉笔记十分零碎。
与直线相对,虚线表达的是一种最不肯定的链接,有模糊边界的作用,它可以用来表示一种过去的路径,或者未来还未发生的路径。
不知道你看出来没有,弹簧线其实跟电话线很像,本身画出来也就是一个视觉元素了。在画弹簧线的时候,你要注意弹簧线的中间段与电话线在密集度和规律性上的差别,用弹簧线链接信息的话,会使信息之间的关系有一种张力和拉力。
最后一种线条是乱乱的线,我建议你在视觉笔记中不要轻易尝试,因为尝试不好的话,就会让你的笔记看起来像孩子的涂鸦作品了。但是乱乱的线并不是没有用,它是最能表达抽象概念的视觉元素了。
说了这么多种类的线条,你一定想知道它们具体都是怎么用的,我用一张图来告诉你。
在我讲解之前,你可以先感受一下这些“线”的情绪。如上图所示,单纯的线条有三种常见用法:
1. 表示一些很抽象的概念。
在人物的内心活动中,可以用杂乱的线条表示人物的纠结状态;用波浪线的组合成水纹表示平和的状态;折线可以充分表达人物一段经历的动荡情况;折线和虚线的组合又可以表示一些内容的消逝。
2. 分割和划定边界的作用。
你可以用线条分割每个模块的范围,也可以用线条把一段文字围起来,把它当作重点突出。当你在笔记中写了 A 内容和 B 内容时,只要在它们中间画一条线,就可以让 A、B 两个内容之间出现边界。
3. 链接的作用。
当信息与信息之间存在强相关的时候,或者可以说是有逻辑关系的时候,你可以用线条来做链接,表示信息之间的相关性。
刚才我也说了,线是运动中的点,是动态的。所以,线的最常见作用其实是第三点——链接。而当线的作用是链接时,它的粗细、长短所传递的含义是完全不同的,内容有些多,我们会在“链接篇”中详细讲述。

点的移动轨迹是线,而当点的移动轨迹回到原点的时候,它的运动轨迹就闭合了,形成了面。
视觉笔记中最常见的三种基本“面”就是:圆形、三角形、方形。只要你掌握了这三种基本形状的画法和用法,那么根据它们延伸出来的其他同类形状,你也可以快速上手。
圆形的时候,很多人觉得自己的问题就是“画不圆”,其实这就是走进误区了。因为,我们画这些形状的目的不是为了画成几何学里面标准的圆形。
在视觉笔记的应用中,都是先写文字内容,然后才给内容加一个形状框住。所以圆形其实就是一种“视觉框”而已,你根本不必担心画不圆。
在下面这张图中,我画了几种常见的圆形相关视觉元素。
从图中你可以看出,圆形可以表达的内容是十分丰富的,它可以表达内容的关系(包含、并列、重叠、从属),比如,可以用饼图的形式来表示占比多少,还可以用唯恩图的形式表现出集合、共识等含义。
而且,我们的“面”也不仅仅局限于平面,即使是简单的形状,你也可以通过立体化的手段,画出很厉害的样子。而这个方法也不难,你可以在下面这张图中看到“一个有立体感的圆形”是如何诞生的。
这里的方法很简单,你可以看到四个步骤:
把正圆拉成椭圆形。
从椭圆形的两端向同一个方向拉出相等距离的线段。
将线段的另一端用曲线连接起来(与圆的边缘平行)。
用短线适当增加一些阴影。
最后你就成功得到一个立体的圆形了。
接下来我们看看视觉笔记中非常常用的三角形,以及跟三角形相关的视觉元素的画法。
三角形可以体现的内容有很多:它可以体现三个点之间循环的架构,可以用金字塔表示内容之间的层级关系,也可以用冰山模型来表示内容的外显和内隐,还可以用来表达内容之间的对立状态。
最常见的三角形的立体图形就是金字塔了,我将它的绘画步骤放在了下面这张图里,你可以跟着动手画一下。
最后是方形,以及跟方形相关的视觉元素。方形元素十分常见,我在图片中画出了简单的方形元素。
方形元素最重要的用途就是分割(分割的类型很多,如图所示),此外还可以用前后叠加、遮挡的方式表现先后关系或者重要程度排序。方形元素立体化的方法与圆形相同,你可以在下图中看到具体过程。
将这些基础内容都掌握了以后,你就可以用点、线、面去练习物品的几何化了。

动手练习

做视觉笔记的第一要点就是“动手”。这一讲作为第一节课,我不会留太难的作业,你可以在纸上把我今天讲到的点、线、面的常见类型都临摹一遍,先热热身。
之后的每一讲我都会给你留些动笔的小作业,你可以点击下面的“交作业”链接,让我看看你的练习成果。
课程听完了,你是不是对视觉笔记有了非常直观的认识。高伟老师不仅会讲课,回复每条留言,还会在部落点评你的作品。现在已经有大量的用户开始创作了。欢迎你也加入进来。一些用户作品我放到了文稿里,你可以看看他们是怎么创作自己的视觉笔记的。
同样,我为卖桃者说的读者申请了一个优惠口令,使用方式参见文稿。一起加入,创作你的视觉笔记吧。
口令:MacTalk51
适用专栏:视觉笔记入门课
使用规则:立减 10 元(满 15 元可用)
有效期:5 月 1 日 00:00 - 5 月 5 日 24:00
卖桃者说,我们下周见。
(编辑:夏天) 
确认放弃笔记?
放弃后所记笔记将不保留。
新功能上线,你的历史笔记已初始化为私密笔记,是否一键批量公开?
批量公开的笔记不会为你同步至部落
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线
笔记
复制
AI
  • 深入了解
  • 翻译
    • 英语
    • 中文简体
    • 中文繁体
    • 法语
    • 德语
    • 日语
    • 韩语
    • 俄语
    • 西班牙语
    • 阿拉伯语
  • 解释
  • 总结
该免费文章来自《卖桃者说》,如需阅读全部文章,
请先领取课程
免费领取
登录 后留言

全部留言(4)

  • 最新
  • 精选
  • 腾讯企业邮箱 胡思伟
    1.点的常用形式,功能等同于我们在文档中的无序列表,可以用在一段文字前面。 标题的两端作为休止符号来用,这是我个人经常用的一种方式。 在笔记中可以指代任意的一点,比如 A 点、B 点等。 2.线的常用方式,直线,波浪线,折线,乱线,虚线各有指代 3.面的常用方式,方形,圆形,立体方形,三角形
    2
  • WJJ356
    集合加方向即可。
    2
  • 蓝天白云
    画图也是图像的分割与线条的组合 🙄
    1
  • 留白的艺术
    说实话,老师画的圆好像真的好圆
    1
收起评论
大纲
固定大纲
线
动手练习
显示
设置
留言
4
收藏
60
沉浸
阅读
分享
手机端
快捷键
回顶部

加载中...