- 做字:实用字体设计法(全彩)
- 钱浩(Hawking)
- 1720字
- 2020-08-27 20:12:54
1.2 字体设计基础知识
1.2.1 字体的基本笔画
这里以宋体字为例讲解字体的基本笔画。
![](https://epubservercos.yuewen.com/5C30B2/15350642904045806/epubprivate/OEBPS/Images/Figure-0018-0006.jpg?sign=1739491182-DtGqx1f23aNvnJTdm4Z3SiK0ygIRMPTP-0-1d05dc484f7e786c7e0f87c8e01330b5)
1.2.2 字体的基本常识
这里以“井”字为例讲解字体的基本常识。
![](https://epubservercos.yuewen.com/5C30B2/15350642904045806/epubprivate/OEBPS/Images/Figure-0018-0007.jpg?sign=1739491182-NpEv8CthNsz7UK9gcsYpTMoXACnZ1idj-0-149d7bb22d602fef546954430afacc1b)
1.2.3 永字八法
所谓“永字八法”,传说由僧智永将王羲之《兰亭序》里的第一个字“永”的情态分为侧、啄、磔(zhé)、努、勒、策、掠、趯(yuè)等最基本的笔画动作,作为学习书法的示例。因此,“永字八法”可以作为初学书法结构的标准,尤其是在汉字的字体设计中,可用来研究各种文字的构成,从而制作出美好的字态。
![](https://epubservercos.yuewen.com/5C30B2/15350642904045806/epubprivate/OEBPS/Images/Figure-0019-0008.jpg?sign=1739491182-iPb5YdlIfH0AynjJQiUyqQEpTNY3mkec-0-04a9ac2f9365b1b05d9cd099ab70d254)
1.2.4 字体间架结构
汉字的种类众多,笔画有多也有少,因此空间的排布就显得尤为重要。字体的间架结构可分为两类:独体字和合体字。
独体字
![](https://epubservercos.yuewen.com/5C30B2/15350642904045806/epubprivate/OEBPS/Images/Figure-0019-0009.jpg?sign=1739491182-2kjc6H5mLg5YKAkx4ccfnrS6dzDp6NAt-0-195849cccc68a92c880f6f763799dd76)
合体字
![](https://epubservercos.yuewen.com/5C30B2/15350642904045806/epubprivate/OEBPS/Images/Figure-0019-0010.jpg?sign=1739491182-oQ8kyj05KRJtThwLmYJNFgEgZey14ejv-0-39469e9a6738460fbf5b976165cbbade)
1.2.5 字形的错视
视觉心理是很奇妙的,因此可以为我们所用。然而,文字中笔画的粗细、长短、方向、位置等会产生不和谐、不平衡的现象,因此要做一些细微的调整。
1.笔画粗细的错视
下面左侧两图为横竖两个笔画,它们是等宽的两笔,仔细观察可以发现在视觉上横画要比竖画宽一些。为了达到视觉上的等宽,工字的竖画要加宽一些。
![](https://epubservercos.yuewen.com/5C30B2/15350642904045806/epubprivate/OEBPS/Images/Figure-0020-0011.jpg?sign=1739491182-mIxf3NqNwHzdNUV4H9coLP3hoK0dGWoE-0-1ba0788d07a4041fc60c040f2fe70e7b)
2.正方形的错视
通常制作一个正方形的字,会将字面框定为正方形,但是制作出来的字在视觉上却是长方形的。想要做成正方形的字,字面框要将正方形压扁一点。
![](https://epubservercos.yuewen.com/5C30B2/15350642904045806/epubprivate/OEBPS/Images/Figure-0020-0012.jpg?sign=1739491182-hBr3iHwrhw6UU8UklX3PP5k4BpPcuXRo-0-b5b451d16fe0e829199a6c161d0f7f62)
3.垂直分割线的错视
两条粗细、长短相同的线段,垂直平分为T形字,其中被分割的线段,在视觉上要显得短一些,所以,要将竖线缩短一些,例如:上、下结构的字体。
![](https://epubservercos.yuewen.com/5C30B2/15350642904045806/epubprivate/OEBPS/Images/Figure-0021-0013.jpg?sign=1739491182-QbyyTzKCGTcdQfA7p59Zi3IEIqxCE1ur-0-9f852f533103df434582633a87d0cb64)
4.水平线被二等分的错视
一条线段被二等分后,在视觉上左侧要比右侧长一些。为了达到视觉上的等分,分割点要左移一些。例如:十字、大字。垂直线的二等分也是同样的道理。
![](https://epubservercos.yuewen.com/5C30B2/15350642904045806/epubprivate/OEBPS/Images/Figure-0021-0014.jpg?sign=1739491182-cDJPVw5Wg48rVesG1rHxSGmFlEN3d3mn-0-a82acbc803cd5d2c21a288a16881af42)
5.横竖线的错视
右侧两组线条,一横一竖,所形成的正方形大小是一样的,但是,在视觉上横线一组显得瘦高,竖线一组则显得扁矮。这也是为什么“王”“川”二字会这样调整的原因。
![](https://epubservercos.yuewen.com/5C30B2/15350642904045806/epubprivate/OEBPS/Images/Figure-0021-0015.jpg?sign=1739491182-8urWfQEYfhL1CGPrzghEYDReWvjwH6i4-0-e3bfd3255a5173bd1273075764eeb302)
1.2.6 字形的大小调整
汉字的字形众多,但有些字形在视觉上会产生大小变化,因此,要对症下药。
未做调整的字形简图
![](https://epubservercos.yuewen.com/5C30B2/15350642904045806/epubprivate/OEBPS/Images/Figure-0022-0016.jpg?sign=1739491182-jK2YVfhNg9L93zKNo7hHHGeOui0cUYPi-0-434638086dbe972e1843635d4fdce881)
调整后的字形简图
![](https://epubservercos.yuewen.com/5C30B2/15350642904045806/epubprivate/OEBPS/Images/Figure-0022-0017.jpg?sign=1739491182-wlAikZsLEP8Tl37q4ogCIFYPXLVGhjUn-0-f5615362da20ff2227d1ec98d2e87f57)
具体实例
![](https://epubservercos.yuewen.com/5C30B2/15350642904045806/epubprivate/OEBPS/Images/Figure-0022-0018.jpg?sign=1739491182-mVxmUulldDirUdNyzbWScNS2brQGQHos-0-fad6c9bd31a0623da3229d6ee2536cba)
1.2.7 笔画粗细的调整
为了达到黑白空间的平衡,设计字体时要在相同的字格中进行调整,无论笔画多少都要写在格中。因此,就有了笔画粗细和布白的问题。
下面介绍笔画粗细处理原则。
1.横细竖粗
上一节详细说明了视错产生的原因——在视觉习惯上要求横细竖粗。
![](https://epubservercos.yuewen.com/5C30B2/15350642904045806/epubprivate/OEBPS/Images/Figure-0023-0019.jpg?sign=1739491182-oEKtXhLEfjV73MJd0YANimBbAScGYssn-0-53478eda900335640c22a1fba5c5dcea)
2.主粗副细
多笔画的字切忌平均等粗,应主次分明,主笔粗,副笔细。
3.外粗内细
内包的字一般都是以外粗内细的方式来处理,围笔画的粗细要保持在基础笔画的黑度。多笔画的字中间要减细。
![](https://epubservercos.yuewen.com/5C30B2/15350642904045806/epubprivate/OEBPS/Images/Figure-0023-0020.jpg?sign=1739491182-Wj1XGHqpl6PWRLoNv5rAoTU8qR8ILsjs-0-748802fbaa89bcce9268403a50699f75)
4.疏粗密细
对疏密不均匀的组合结构的字,需按疏粗密细的原则做加减法,要做到密不拥挤、疏不薄感。
![](https://epubservercos.yuewen.com/5C30B2/15350642904045806/epubprivate/OEBPS/Images/Figure-0023-0021.jpg?sign=1739491182-D769qH5YIt2CRaBgylI2kASukCL3dDJC-0-a6cb93f52623ba417bb1c573cce215ad)
5.交叉减细
凡横竖撇捺交叉的字,交叉点会显得特别黑,需做减细处理。
![](https://epubservercos.yuewen.com/5C30B2/15350642904045806/epubprivate/OEBPS/Images/Figure-0024-0022.jpg?sign=1739491182-n7rxseyQQZgEeTWL4WMNaTvfvztdMMRq-0-903d22365dac30b2602690f4a32918fa)
1.2.8 重心的调整
提到重心,就要引出与其相对应的名词——中心。中心指的是字幅框几何中心的交点,它是实际存在的点,在设计字体的时候通常以中心为基准来调整文字重心的位置,而不是将二者混为一谈。
![](https://epubservercos.yuewen.com/5C30B2/15350642904045806/epubprivate/OEBPS/Images/Figure-0024-0023.jpg?sign=1739491182-jvGm5KEI9gIdEkHPXMkTqGogizdGcUbH-0-b29ee53eaefa3b781ae3c54f63b70f7b)
通常重心比中心要略高一些,在设计字体时,不同的重心会赋予字体不同的性格。重心高的字给人轻、瘦、雅的感觉,重心低的字给人稳、厚、拙的印象。
![](https://epubservercos.yuewen.com/5C30B2/15350642904045806/epubprivate/OEBPS/Images/Figure-0024-0024.jpg?sign=1739491182-m16duMBylAbsVysA4c6IGGtQAi8XV3rt-0-cbd6e3d5075371ca9585114deeeeadeb)
如右图所示的实例,提醒大家在设计字体时重心要保持平稳,不要忽高忽低。
![](https://epubservercos.yuewen.com/5C30B2/15350642904045806/epubprivate/OEBPS/Images/Figure-0024-0025.jpg?sign=1739491182-idjoWR8VClfamo69RPj0EQO68YQ5SeQK-0-ffdd022ad784e38f9e92197b108a2d25)
1.2.9 第二中心线
谢培元在1962年从实际工作当中归纳总结出了“第二中心线”。任何形声组合字或复合结构字都可以找到两条中心线,这两条中心线可以帮助我们在设计时快速地确定部件的位置。形旁和声旁这两个部件的中心距离越大,字面就越大;反之,字面就越小。这是掌控形声组合字或复合结构字大小的一个有效工具。
![](https://epubservercos.yuewen.com/5C30B2/15350642904045806/epubprivate/OEBPS/Images/Figure-0025-0026.jpg?sign=1739491182-ZimNysqsekiRYmoM8DpMky6nPeo7zmUm-0-dba1ad21831673ff74e563554fb7048c)
1.2.10 通用字形
“通用字形”这个概念曾在迟同斌(开心老头)老师的书中提及,它的特点如右图所示。
![](https://epubservercos.yuewen.com/5C30B2/15350642904045806/epubprivate/OEBPS/Images/Figure-0025-0027.jpg?sign=1739491182-KdKQFMOKWHWbTGBrj1xX1wgIvfICx7Sz-0-367eaf2fca313a40f53761e8edb2b37c)
其原理就是将笔画外的空间缩小,从而放大中宫。中宫指的是汉字笔画围成的空间,通俗地说,就是让字足够饱满,将外延的笔画向字面框靠拢,这样制作的字体就会显得比较好看。这与简体字和繁体字的道理是一样的,为什么很多人觉得繁体字好看?因为它笔画多,制作出来的字自然而然就显得饱满了。
右图以九宫格的形式展示出了中宫的好处,A要比B舒展一些,B显得紧凑一些,随着从大到小的变化,舒展和紧凑的感觉会增强。近些年这种字体越来越常见,设计师也频繁使用这种字体,字体公司也不断推出这种结构的字体,虽然它们在体饰上各不相同,但结构原理都是相同的。
![](https://epubservercos.yuewen.com/5C30B2/15350642904045806/epubprivate/OEBPS/Images/Figure-0025-0028.jpg?sign=1739491182-tGk6zfOQbCiE0b6bi2EfpdSV4qkF22IA-0-8859d1c2049141f7b43e2cab33972d57)