<audio id="audio" title="08 | 字体：如何用文字表现信息的情绪？" controls="" preload="none"><source id="mp3" src="https://static001.geekbang.org/resource/audio/9d/e8/9d724e5a8e341d0fba806579517597e8.mp3"></audio>

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

笔记中，最主要的内容很多时候是靠文字来呈现的，写字是做视觉笔记过程中的一个必备要素。说起写字，我们从小就在做，对它一点都不陌生，但你的问题可能是“字写的不好看”或者“无法写出自己想要的字体效果”。

今天这节课，我们就来解决你的字体问题，帮助你把字写好、写漂亮，最终表达出你的情绪和感情。

说到写字，我们要先知道自己接触到的文字大概有哪几种，我们常用的有三种：中文字、英文字母、数字。

<img src="https://static001.geekbang.org/resource/image/52/b7/52be813633504abdc738a3d180eaddb7.jpg" alt="">

这三种文字是我们笔记中用到最多的，其中最难的就是中文字，同时它也是我们最常用的文字，所以，这节课我会主要围绕中文字进行讲解，用英文和数字做补充。

写中文字最主要的就是解决架构问题，也就是如何让你的字更整齐。

<img src="https://static001.geekbang.org/resource/image/1b/fd/1bd74dee3c018709c039e58f80a72cfd.jpg" alt="">

因为我们的中文字是方块字，所以，写得整齐很重要。这里我会给你一个写字的进阶模块，我们先从单线字开始，逐步推进到双线字、立体字、创意字。按照我的这套方法论，勤加练习，你就可以写得好看了。

## 单线字

这就像我们学习画人物的时候先学习单线人的画法一样，写字也是从单线字开始。我们平时用签字笔、钢笔、铅笔写的字都属于单线字的范畴（比较细），马克笔写的字就不属于这个范畴了。

还记得小学的练字本吗？那种米字格的笔记本，我们天天用它来练习写字，练字的一个最基本的要求就是横平竖直。

米字格就是我们练习字体时最基本的工具，是我们的练字法宝，因为它告诉了我们最简单的中文字写法规律，那就是中文字的笔画有三个方向，一个是横向的，一个是竖向的，还有一个是斜向的。

<img src="https://static001.geekbang.org/resource/image/5e/19/5ef5d61b78c22228342961c6aa9a0219.jpg" alt="">

如果你用三个方向的笔画去理解中文字的话，就会发现，所有的中文字就是在不断地处理这三个方向上的组合，每一个字都是这三种笔画类型的一种组合方式。

刚开始练习的时候，我们可以借用米字格，但是后面就要慢慢脱离它，最终靠心中假想的米字格来进行书写。

这里你可以记住一个点：我们不是在写字，而是在“画”字。读书的时候，我们认为只要笔画是错的，字也就是错的，但在画字的时候，你可以先忘记这一点。

如果你用原有的笔画顺序没有写出工整的字，为什么不试试一种新的写字方法呢？

你可以试试用横、竖、斜的“三向笔画法”来画出工整的字。简单来说，就是先画所有横向的笔画，再画竖向的，最后是画斜向的笔画。

方法很简单，但你一开始可能很不适应。如果你可以保证笔画的横平竖直，那么按照你喜欢的或者习惯的笔画来也没有问题。这里有一点我需要提醒你的，那就是斜向的笔画，尽量保持在45度左右。

> 
小技巧：想要字体工整，米字格可以扁一些，左右宽，上下窄。推荐临摹隶书。


## 双线字

在解决了普通字体的架构问题以后，我们接下来就来学习写更好看的艺术字。

双线字就是第一种艺术字，它就不单是要画出文字的骨架部分了，而是要画出文字的轮廓外形。双线字有三种类型：横双线、竖双线、全双线。一般它们是用在标题上，或者是比较重要、需要突出的内容上。

### 1.横双线

**横双线字**指的是字体笔画横宽竖细。横和斜的笔画是双线组成，竖的笔画是单线。不熟练的时候，你可以先用浅色的马克笔或者铅笔来搭文字的架构，然后做填充。

<img src="https://static001.geekbang.org/resource/image/7c/a7/7c99f1469dec6bf6d8cf1d542e6b90a7.jpg" alt="">

在写双线字的时候，我们可以把文字笔画的架构先搭好，确认哪些笔画是要用双线进行加粗的，最后进行填充。

<img src="https://static001.geekbang.org/resource/image/b4/80/b44e131345fbbac386c70a16aa20b480.jpg" alt="">

因为横双线的字体是横宽竖细，所以很适合将字体整体拉长、拉高。而且在字体两个双线笔画的衔接转折处，可以做一个倾斜角出来，就像纸条被折过去了一样。

<img src="https://static001.geekbang.org/resource/image/54/60/543f10d7abf7a826362ec478f5de5460.jpg" alt="">

不仅在中文字中，双线字体在英文字和数字中也都有运用，十分常见。它们的画法是先写出单线字体，直接将横向和斜向的笔画加粗。

<img src="https://static001.geekbang.org/resource/image/11/38/11619eba2b4291ae018ec9b1da86f638.jpg" alt="">

双线中间的部分既可以涂满颜色，也可以留白。英文和数字的圆形转折处很多，在绘画过程中，你要注意它们的衔接，加双线的时候尽量顺着外部轮廓的边缘，使其流畅，形成一个闭合的空间。

<img src="https://static001.geekbang.org/resource/image/4e/e1/4e60a200cfd3cccfcbea89e26e1374e1.jpg" alt=""><img src="https://static001.geekbang.org/resource/image/80/5e/808ec007e403c1a586856b62bce0f35e.jpg" alt="">

### 2.竖双线

**竖双线字**正好与横双线字相反，字体是横细竖宽。竖和斜的笔画是双线，横的笔画是单线。

<img src="https://static001.geekbang.org/resource/image/5c/86/5c91d38012dae63aeff8bfad53479c86.jpg" alt="">

画竖双线字的时候，依然是要先用单线字搭出骨架，再把竖向、斜向的笔画加宽。英文与数字也是同理。

<img src="https://static001.geekbang.org/resource/image/ff/4a/ff81e2d756ce99f85e3d45b2b68f044a.jpg" alt=""><img src="https://static001.geekbang.org/resource/image/9f/d7/9fbdded3f27f7dab60f234c636bde9d7.jpg" alt=""><img src="https://static001.geekbang.org/resource/image/11/35/11f34242242705864a7fe79e124e7335.jpg" alt=""><img src="https://static001.geekbang.org/resource/image/23/4f/23d94efb8d4263fe0e166cdc5463014f.jpg" alt="">

### 3.全双线字

**全双线字**指的是字体每个笔画横竖等宽。横、竖、斜三向笔画都是双线条，且等宽。在全双线字中，又分为方头体和圆头体两种。

<img src="https://static001.geekbang.org/resource/image/aa/01/aa71cb862cda9a431e0eb4f6713dea01.jpg" alt="">

方头体其实是双线字的最终样子，笔画收尾处我们全部处理成方正的转折。这种字体写出来会给人一种特别硬朗的感觉，你去看很多的黑体字是就是方头字体的代表，**有力、刚硬、方正强势是这种字体的性格。**

<img src="https://static001.geekbang.org/resource/image/ba/22/bad22e26412b89d48b6add8ea0071b22.jpg" alt=""><img src="https://static001.geekbang.org/resource/image/bb/d9/bb743ae230d3221a38f0aa1bdfabd2d9.jpg" alt=""><img src="https://static001.geekbang.org/resource/image/6a/32/6ad1092005c0665a90e4a15a8678c332.jpg" alt="">

如果说方头体是刚硬的代表，那圆头体就是柔软的代表了。**圆头体的末端被处理成了圆形，没有那么硬朗和尖锐，多了一些柔软、细腻和谦卑。**

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

曲线总是给人一种容易亲近的感觉，很多可爱的字体其实都是属于圆头体。**如果你要想传递Q的感觉，就可以多用圆头体。**

画圆头体的关键还是要先把文字的骨架搭好，然后就可以描出你想要的字体轮廓，把笔画末端处理成圆形。如果你想加入一些“Q弹”或者有光泽度的感觉，可以提前为每个笔画留出高光位置再进行颜色的填充。我会在立体字的教学部分中，为你讲解如何确定文字的高光位置。当然，你还要考虑笔画前后遮挡的重叠关系。

<img src="https://static001.geekbang.org/resource/image/e4/9b/e49834b6851f89a4a23317149c57b29b.jpg" alt=""><img src="https://static001.geekbang.org/resource/image/30/a5/300cfd9f3ad81e010aedb2de313d72a5.jpg" alt="">

## 立体字

要想让文字更能在笔记中凸显出来，学会立体化是必不可少的技能。

立体字不光是单纯技法好看，更是一种审美的呈现。我们画画，还有做视觉化笔记，其实都是在一个二维的平面上，去呈现一个立体三维的效果。接下来我会教你三种让你的文字立体化的方法，你可以跟着练起来。

这三种方法分别是：单侧立体、双侧立体和体积立体。

### 1.单侧立体

单侧立体字指的就是在文字所有笔画的同一侧加一笔，表现重叠的立体感。这里你需要注意，文字笔画外新加的这一笔不能距离文字太近，这样容易看不清，而且每一笔到文字本体的距离要尽量相等，才能体现出文字好像投影在了另一个平面上的感觉。

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

画单侧立体字时你要切记，字的方向有上、下、左、右，你只能选择一边来进行立体化的处理。这是比较简单的一种方式，我也经常用，因为画它的速度够快。

### 2.双侧立体

双侧立体字与单侧立体字很像，区别在于我们这次选择的方向不是仅有一侧了，而是会选择**两个相邻的方向**。

<img src="https://static001.geekbang.org/resource/image/1a/54/1a1fd8a73db58f76effa30d0f68d9054.jpg" alt="">

这里我们用之前写好的数字和英文字母来举例。双侧立体字就有些像是我们现实生活中物体的阴影，画它的时候，其实就要用上我们之前提过的高光了。

<img src="https://static001.geekbang.org/resource/image/48/49/48ac28e82fdc52328ba6fb148aca4049.jpg" alt=""><img src="https://static001.geekbang.org/resource/image/73/45/735ba8164bcc813cccbd2a43e8755745.jpg" alt="">

当你不确定文字双侧笔画应该加在哪里的时候，你可以想象一下，你希望光线会从哪里射入？在确定好光源位置之后，光源两侧的边就是你不能画阴影的边。而高光则刚好相反，必须体现在光源所在的两侧上。

### 3.体积立体

相比于前面讲过的单侧立体字和双侧立体字，体积立体字要稍微复杂一些。

<img src="https://static001.geekbang.org/resource/image/be/88/bebab1ebc41648e60d403036fd62bc88.jpg" alt="">

体积立体字是在双线字的基础上画出来的，有四步：

1. 就是先确认我们的字体要向哪个方向延伸。在例子中，我选择了向左下角延伸。
1. 是找到这个双线字所有的拐角节点，把这些节点中可以向左下角进行延伸的点筛选出来。
1. 从筛选出来的点延伸出相等长度的短线，注意，这时所有的短线一定要朝向同一个方向。
1. 按照双线字的外形轮廓，将延伸出去的短线另一端连接起来。也就是说，这些外部轮廓线要与原字体的边缘平行。

这四步完成你的体积立体字就大功告成了。如果你喜欢更现实一点的效果，也可以为它填充颜色，不过只能填充不正面面对光源的面。

<img src="https://static001.geekbang.org/resource/image/5c/82/5c44e2dba0ca9d394b4ee3568cf0ae82.jpg" alt="">

## 创意字体

字体的创意是最有意思的部分。

<img src="https://static001.geekbang.org/resource/image/2d/a7/2d171ad0063ae5fee16220a9b4292ba7.jpg" alt="">

其实我们的汉字本身就是表意文字，也是目前用的最久的象形文字。换句话说，我们的文字本身就是一幅幅的画，甲骨文和金文中都能体现出这一点。但是我们的汉字流传到现在已经变形得厉害，看不太出来原来的样貌了。

根据文字的意思去做文字做创意表达是比较难的，当你想用文字的信息表达出情绪，需要对文字的含义有理解、能联想才行。不管是中文字还是英文字，都是一样的。

现在，我们来试试把**文字图像化**吧。我用了“拆解”这个词来举例。拆解，我们都知道，就是把东西拆分、分离成最小单位的意思。

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

在对它进行联想的时候，我用了“木板”这个意象。木板本来可以组成一个完整的内容，但我们用松动的钉子和腐朽的木板来进行表达，很容易就能表达出分崩离析的感觉。

<img src="https://static001.geekbang.org/resource/image/44/25/449b580b4a19ffec6d5ade6b718cc025.jpg" alt="">

画这样一个图的难点在于你对每个笔画（木板）的单独刻画。完整的木板就是一个长方形加几根内部的小线条，但腐朽的木板画起来就有些麻烦。你可以慢点画，先画出长方形的三个边，在需要画破损边缘的地方像画不规则的楼梯一样，一层一层画下去就好。最后，补上几个小方块表示木板的碎片。

除了文字的图像化之外，我们也可以进行**图文结合**的方式进行创意文字的绘画。也就是在文字的基础上加一些视觉化的图案进行文字的二次创作。

视觉图案不是随便乱加的，需要根据文字表达的意思去配合适的视觉图案，来丰富文字的情绪和表达的意思。图文结合可以起到很好的视觉效果，来跟我一起试试吧。

> 
温馨提示：创意字体仅限于标题或者关键字，并不是让你所有的文字都要配上视觉图案。


<img src="https://static001.geekbang.org/resource/image/38/1c/38fd249c1f1d078a0ad0cb99bd4a6a1c.jpg" alt="">

就比如这个词，focus，它是集中、聚焦的意思。对它进行联想后，我将字母O变成了一个靶子，画了好几个箭头指向它。

Focus的绘画过程比前面的“拆解”要简单一些，就是立体字的画法加上了一些箭头。

<img src="https://static001.geekbang.org/resource/image/6e/23/6e019c2f6441999cd16c543c9957ed23.jpg" alt="">

我们还是用单线字确认了单词的骨架，然后进行了全双线描边，并在边缘外延伸短线，制造出了文字的“厚度”，最后就是加上了一些箭头的细节。

到现在为止，我用的颜色并不多，还是以黑白字体居多，这一节课暂时也不要求你去涂色，所以不要因为颜色搭配不好而烦恼，因为下节课我就会告诉你一些色彩搭配的内容了。

## 动手练习

- 初级：把我教过的字体都临摹一遍。
- 中级：晒一张你真实笔记中的标题写法。
- 高级：为你的名字画一个创意字体。

如果你有任何疑问可以在留言区提问。同时，欢迎点击下面的“交作业”图片链接，分享你的练习成果。
