193 lines
14 KiB
Markdown
193 lines
14 KiB
Markdown
# 08 | 字体：如何用文字表现信息的情绪？
|
||
|
||
你好，我是高伟。欢迎你继续跟我学习视觉笔记。
|
||
|
||
笔记中，最主要的内容很多时候是靠文字来呈现的，写字是做视觉笔记过程中的一个必备要素。说起写字，我们从小就在做，对它一点都不陌生，但你的问题可能是“字写的不好看”或者“无法写出自己想要的字体效果”。
|
||
|
||
今天这节课，我们就来解决你的字体问题，帮助你把字写好、写漂亮，最终表达出你的情绪和感情。
|
||
|
||
说到写字，我们要先知道自己接触到的文字大概有哪几种，我们常用的有三种：中文字、英文字母、数字。
|
||
|
||
|
||
|
||
这三种文字是我们笔记中用到最多的，其中最难的就是中文字，同时它也是我们最常用的文字，所以，这节课我会主要围绕中文字进行讲解，用英文和数字做补充。
|
||
|
||
写中文字最主要的就是解决架构问题，也就是如何让你的字更整齐。
|
||
|
||
|
||
|
||
因为我们的中文字是方块字，所以，写得整齐很重要。这里我会给你一个写字的进阶模块，我们先从单线字开始，逐步推进到双线字、立体字、创意字。按照我的这套方法论，勤加练习，你就可以写得好看了。
|
||
|
||
## 单线字
|
||
|
||
这就像我们学习画人物的时候先学习单线人的画法一样，写字也是从单线字开始。我们平时用签字笔、钢笔、铅笔写的字都属于单线字的范畴（比较细），马克笔写的字就不属于这个范畴了。
|
||
|
||
还记得小学的练字本吗？那种米字格的笔记本，我们天天用它来练习写字，练字的一个最基本的要求就是横平竖直。
|
||
|
||
米字格就是我们练习字体时最基本的工具，是我们的练字法宝，因为它告诉了我们最简单的中文字写法规律，那就是中文字的笔画有三个方向，一个是横向的，一个是竖向的，还有一个是斜向的。
|
||
|
||
|
||
|
||
如果你用三个方向的笔画去理解中文字的话，就会发现，所有的中文字就是在不断地处理这三个方向上的组合，每一个字都是这三种笔画类型的一种组合方式。
|
||
|
||
刚开始练习的时候，我们可以借用米字格，但是后面就要慢慢脱离它，最终靠心中假想的米字格来进行书写。
|
||
|
||
这里你可以记住一个点：我们不是在写字，而是在“画”字。读书的时候，我们认为只要笔画是错的，字也就是错的，但在画字的时候，你可以先忘记这一点。
|
||
|
||
如果你用原有的笔画顺序没有写出工整的字，为什么不试试一种新的写字方法呢？
|
||
|
||
你可以试试用横、竖、斜的“三向笔画法”来画出工整的字。简单来说，就是先画所有横向的笔画，再画竖向的，最后是画斜向的笔画。
|
||
|
||
方法很简单，但你一开始可能很不适应。如果你可以保证笔画的横平竖直，那么按照你喜欢的或者习惯的笔画来也没有问题。这里有一点我需要提醒你的，那就是斜向的笔画，尽量保持在45度左右。
|
||
|
||
> 小技巧：想要字体工整，米字格可以扁一些，左右宽，上下窄。推荐临摹隶书。
|
||
|
||
## 双线字
|
||
|
||
在解决了普通字体的架构问题以后，我们接下来就来学习写更好看的艺术字。
|
||
|
||
双线字就是第一种艺术字，它就不单是要画出文字的骨架部分了，而是要画出文字的轮廓外形。双线字有三种类型：横双线、竖双线、全双线。一般它们是用在标题上，或者是比较重要、需要突出的内容上。
|
||
|
||
### 1.横双线
|
||
|
||
**横双线字**指的是字体笔画横宽竖细。横和斜的笔画是双线组成，竖的笔画是单线。不熟练的时候，你可以先用浅色的马克笔或者铅笔来搭文字的架构，然后做填充。
|
||
|
||
|
||
|
||
在写双线字的时候，我们可以把文字笔画的架构先搭好，确认哪些笔画是要用双线进行加粗的，最后进行填充。
|
||
|
||
|
||
|
||
因为横双线的字体是横宽竖细，所以很适合将字体整体拉长、拉高。而且在字体两个双线笔画的衔接转折处，可以做一个倾斜角出来，就像纸条被折过去了一样。
|
||
|
||
|
||
|
||
不仅在中文字中，双线字体在英文字和数字中也都有运用，十分常见。它们的画法是先写出单线字体，直接将横向和斜向的笔画加粗。
|
||
|
||
|
||
|
||
双线中间的部分既可以涂满颜色，也可以留白。英文和数字的圆形转折处很多，在绘画过程中，你要注意它们的衔接，加双线的时候尽量顺着外部轮廓的边缘，使其流畅，形成一个闭合的空间。
|
||
|
||
|
||
|
||
### 2.竖双线
|
||
|
||
**竖双线字**正好与横双线字相反，字体是横细竖宽。竖和斜的笔画是双线，横的笔画是单线。
|
||
|
||
|
||
|
||
画竖双线字的时候，依然是要先用单线字搭出骨架，再把竖向、斜向的笔画加宽。英文与数字也是同理。
|
||
|
||
|
||
|
||
### 3.全双线字
|
||
|
||
**全双线字**指的是字体每个笔画横竖等宽。横、竖、斜三向笔画都是双线条，且等宽。在全双线字中，又分为方头体和圆头体两种。
|
||
|
||
|
||
|
||
方头体其实是双线字的最终样子，笔画收尾处我们全部处理成方正的转折。这种字体写出来会给人一种特别硬朗的感觉，你去看很多的黑体字是就是方头字体的代表，**有力、刚硬、方正强势是这种字体的性格。**
|
||
|
||
|
||
|
||
如果说方头体是刚硬的代表，那圆头体就是柔软的代表了。**圆头体的末端被处理成了圆形，没有那么硬朗和尖锐，多了一些柔软、细腻和谦卑。**
|
||
|
||
|
||
|
||
曲线总是给人一种容易亲近的感觉，很多可爱的字体其实都是属于圆头体。**如果你要想传递Q的感觉，就可以多用圆头体。**
|
||
|
||
画圆头体的关键还是要先把文字的骨架搭好，然后就可以描出你想要的字体轮廓，把笔画末端处理成圆形。如果你想加入一些“Q弹”或者有光泽度的感觉，可以提前为每个笔画留出高光位置再进行颜色的填充。我会在立体字的教学部分中，为你讲解如何确定文字的高光位置。当然，你还要考虑笔画前后遮挡的重叠关系。
|
||
|
||
|
||
|
||
## 立体字
|
||
|
||
要想让文字更能在笔记中凸显出来，学会立体化是必不可少的技能。
|
||
|
||
立体字不光是单纯技法好看，更是一种审美的呈现。我们画画，还有做视觉化笔记，其实都是在一个二维的平面上，去呈现一个立体三维的效果。接下来我会教你三种让你的文字立体化的方法，你可以跟着练起来。
|
||
|
||
这三种方法分别是：单侧立体、双侧立体和体积立体。
|
||
|
||
### 1.单侧立体
|
||
|
||
单侧立体字指的就是在文字所有笔画的同一侧加一笔，表现重叠的立体感。这里你需要注意，文字笔画外新加的这一笔不能距离文字太近，这样容易看不清，而且每一笔到文字本体的距离要尽量相等，才能体现出文字好像投影在了另一个平面上的感觉。
|
||
|
||
|
||
|
||
画单侧立体字时你要切记，字的方向有上、下、左、右，你只能选择一边来进行立体化的处理。这是比较简单的一种方式，我也经常用，因为画它的速度够快。
|
||
|
||
### 2.双侧立体
|
||
|
||
双侧立体字与单侧立体字很像，区别在于我们这次选择的方向不是仅有一侧了，而是会选择**两个相邻的方向**。
|
||
|
||
|
||
|
||
这里我们用之前写好的数字和英文字母来举例。双侧立体字就有些像是我们现实生活中物体的阴影，画它的时候，其实就要用上我们之前提过的高光了。
|
||
|
||
|
||
|
||
当你不确定文字双侧笔画应该加在哪里的时候，你可以想象一下，你希望光线会从哪里射入？在确定好光源位置之后，光源两侧的边就是你不能画阴影的边。而高光则刚好相反，必须体现在光源所在的两侧上。
|
||
|
||
### 3.体积立体
|
||
|
||
相比于前面讲过的单侧立体字和双侧立体字，体积立体字要稍微复杂一些。
|
||
|
||
|
||
|
||
体积立体字是在双线字的基础上画出来的，有四步：
|
||
|
||
1. 就是先确认我们的字体要向哪个方向延伸。在例子中，我选择了向左下角延伸。
|
||
2. 是找到这个双线字所有的拐角节点，把这些节点中可以向左下角进行延伸的点筛选出来。
|
||
3. 从筛选出来的点延伸出相等长度的短线，注意，这时所有的短线一定要朝向同一个方向。
|
||
4. 按照双线字的外形轮廓，将延伸出去的短线另一端连接起来。也就是说，这些外部轮廓线要与原字体的边缘平行。
|
||
|
||
这四步完成你的体积立体字就大功告成了。如果你喜欢更现实一点的效果，也可以为它填充颜色，不过只能填充不正面面对光源的面。
|
||
|
||
|
||
|
||
## 创意字体
|
||
|
||
字体的创意是最有意思的部分。
|
||
|
||
|
||
|
||
其实我们的汉字本身就是表意文字，也是目前用的最久的象形文字。换句话说，我们的文字本身就是一幅幅的画，甲骨文和金文中都能体现出这一点。但是我们的汉字流传到现在已经变形得厉害，看不太出来原来的样貌了。
|
||
|
||
根据文字的意思去做文字做创意表达是比较难的，当你想用文字的信息表达出情绪，需要对文字的含义有理解、能联想才行。不管是中文字还是英文字，都是一样的。
|
||
|
||
现在，我们来试试把**文字图像化**吧。我用了“拆解”这个词来举例。拆解，我们都知道，就是把东西拆分、分离成最小单位的意思。
|
||
|
||
|
||
|
||
在对它进行联想的时候，我用了“木板”这个意象。木板本来可以组成一个完整的内容，但我们用松动的钉子和腐朽的木板来进行表达，很容易就能表达出分崩离析的感觉。
|
||
|
||
|
||
|
||
画这样一个图的难点在于你对每个笔画（木板）的单独刻画。完整的木板就是一个长方形加几根内部的小线条，但腐朽的木板画起来就有些麻烦。你可以慢点画，先画出长方形的三个边，在需要画破损边缘的地方像画不规则的楼梯一样，一层一层画下去就好。最后，补上几个小方块表示木板的碎片。
|
||
|
||
除了文字的图像化之外，我们也可以进行**图文结合**的方式进行创意文字的绘画。也就是在文字的基础上加一些视觉化的图案进行文字的二次创作。
|
||
|
||
视觉图案不是随便乱加的，需要根据文字表达的意思去配合适的视觉图案，来丰富文字的情绪和表达的意思。图文结合可以起到很好的视觉效果，来跟我一起试试吧。
|
||
|
||
> 温馨提示：创意字体仅限于标题或者关键字，并不是让你所有的文字都要配上视觉图案。
|
||
|
||
|
||
|
||
就比如这个词，focus，它是集中、聚焦的意思。对它进行联想后，我将字母O变成了一个靶子，画了好几个箭头指向它。
|
||
|
||
Focus的绘画过程比前面的“拆解”要简单一些，就是立体字的画法加上了一些箭头。
|
||
|
||
|
||
|
||
我们还是用单线字确认了单词的骨架，然后进行了全双线描边，并在边缘外延伸短线，制造出了文字的“厚度”，最后就是加上了一些箭头的细节。
|
||
|
||
到现在为止，我用的颜色并不多，还是以黑白字体居多，这一节课暂时也不要求你去涂色，所以不要因为颜色搭配不好而烦恼，因为下节课我就会告诉你一些色彩搭配的内容了。
|
||
|
||
## 动手练习
|
||
|
||
* 初级：把我教过的字体都临摹一遍。
|
||
* 中级：晒一张你真实笔记中的标题写法。
|
||
* 高级：为你的名字画一个创意字体。
|
||
|
||
如果你有任何疑问可以在留言区提问。同时，欢迎点击下面的“交作业”图片链接，分享你的练习成果。
|
||
|