字体设计是一件很有乐趣而复杂的事儿,但发现很多基础弱的同学,在字体设计的基础问题上有一些疑问,导致商业设计也好,或者是一些字库字体设计也好,会出现一些问题。正因为如此呢,我把我的一些想法,和参考了几位设计界字体圈好友总结的字体设计资料,整理成文章,希望对初学者有所帮助。
● 字面大小
汉字特有的方块特征,使汉字的大小与块面关系非常密切,在设计汉字时,都是在设定的方框里进行细致的调整,汉字常被认为是追求方寸之间变化的一种艺术。这个假定的方框,外框为字身框,内框为字面框,如上图“国”字所示。而在外框不变下,可以把字体设计成不同大小,大字称为字面大,小字称为字面小,如上图所示。上图是字身字面比,即字身框不变,字身和字面的比。
● 不同的外形对字体大小的影响(字形大小的调整)
一般认为汉字最典型的外形几何特征可分为4种类型:方形、圆形、菱形、三角形。方形最大,菱形最小。
汉字虽然是方块字,但其笔画构成的外形是千变万化的,文字轮廓的空间以及笔画的粗细多寡,方向而产生的结果。只要调整各个字框的大小,线条的粗细,就可字字均衡。如果我们循规蹈矩的写满格子,就会使方形字最大,菱形字最小。
适当调整,使视觉大小一致
● 视觉均衡稳定 笔画对空间的分割及占有
在同样大小的格子,一个画满横线,一个画满竖线,画满横线的正方形见长, 划满竖线的格子见宽。
因此,以横笔画为主的字(王、重、僵)应上下压缩些,左右加宽些。以竖笔画为主的字(川、删、酬)则相反。
我们总是认为字的笔画多就要压缩,因为它显得大。其实这是不对的,笔画多的字应该膨胀出去。笔画多的字会显得小,因为它里面的空间已经被分得很碎。如果这个口和圈一样大,这个血喷大口就会非常非常大。因为写字的格子,外围空间要和内部空间有相对稳定平衡的关系。如果外围的空间非常小,你就觉得字还在不断膨胀。所以笔画越少的字,越会显大,越少越要压缩。
尤其像“心”“与”,内部空间和外部空间没有完整界限,是穿插的,非常容易见大,一定要适当压缩。
● 字的中心与重心
学习字体,常常提到“重心”这个概念,字的重心就是整个字的分量的中心点。写字时把字的重心把握准了,写出的字才不会上歪下斜,左偏右倒,而显得平正。
笔画重心
结构重心
独体字重心
独体字是由基本笔画直接构成的,在所有的汉字中,独体字占的比例虽然不是很多,但是它是构成众多的合体字的结构单位。因此,熟悉掌握独体字的重心,是学好字体的基础。对于独体字的重心我们试图从其外形或主干笔画入手去把握。
整个字形是呈左右对称式的,则字的重心在左右对称轴上,如“天”、“大”、“人”字。
整个字形呈中心对称式的,则中心对称点就是字的重心,如“十”、“田”、“回”等字。
如果字中有中竖,则重心就在中竖上,如“中”、“木”、“丰”等字。
如果字中有一竖画但不居中,则竖靠左,重心居右,如“下”、“卫”、 “卜”等字;竖靠右,重心居左,如“才”、“可”、“寸”等字。
如果字中有左右竖相对,则重心在左右竖中央位置,如“门”、“非”、“用”等字。
上下结构字重心
上下结构的字,上下两部分各自的重心要垂直对正,以保证整个字不歪斜,如 “音”、“空”、“高”、“幕”等字。
左右结构字重心
左右结构的字,左右两个部分要保持在同一水平线上,使字平衡,如“林”、 “昨”、“额”等字。
左中右结构的字,左中右三个部分的重心要布置在同一水平线上,如“湖”、“僻”等字。
重心的“基础单位”概念
重心大多时候是靠一种感觉,虽然很多同学希望能把它量化。
相对对称的情况下,字的重心会出现大致这样的情况,但是很遗憾绝大多数字不能这样去衡量。当白点并没有出现在重心应该在的位置就是字体出现了问题。整体重心出现问题一定是局部的重心出现问题。
● 汉字的组织形式
独体字
是由基本笔画组成的,笔画较少,没有其他偏旁的相互支撑。在笔画搭配时,要注意疏密得当,使字形美观,端正、稳定,如大、民、羊、永、必等字。
合体字
由偏旁部首组合而成,大致有:左右结构,即左右两部分结构结合字体和左、中、右三部分结合字;包围结构,即由上包下,由下包上,由左包右,由右包左和四周包围等结合字体。
左右结构字
要注意左右部首、偏旁之间比列协调和谐,左右两个重心点的平衡。部首偏旁之间搭配时,要互相照顾,不能各唱各的调,特别要注意左右相让,补空穿插,使其结构紧凑、字形优美。如阮、坂、辑、残、峻等字。
左中右结构字写法与左右两结构字大致相同,只是多了中间一部分。写时要力求紧凑,以防过分偏阔,又因这类笔画较多,要注意笔画间的主次关系,粗细变化,以免呆板,如掷、树、缴、谢、衡等字。
上下结构字
要注意上下两部分比例协调和谐,勿过松过紧,上、下两个重心点要垂直,不歪斜;同时要注意应用书法上讲天覆地载,盖上覆下的原理,对写好上下结合字,也很有帮助。如思、春、盍、命、照等字。
上中下三结构字,写法与上下结构字大致相同,也只是多了中间一部分。写时要力求紧凑,以防狭长。上、中、下三个结构单位的长、短、宽、窄应视其笔画的多少,和结构单位的固有特点来处理。如冀、意、豪、蕾、爵等字。
围结构
1、由上包下 如“周”、“凰”等字,中间被包围的部分,要稍向上靠,不要有吊在下面之感。
2、由下包上 如“凼”“函”等字, 中间被包围的部分,要稍靠下边,不要有悬在上面之感,以求落实稳重, 外框也不宜太高。
3、由左包右 如“臣”“道”等字,被包围的部分居于字框中间,往左稍靠紧,字框底部要略长, 以求包得稳。
4、由右包左 如“司”“句”等字,被包围的部分,要向右上靠近,以求胸中填满。字框的横折勾,要根据重心需要向左取斜势,以利包得紧, 站得稳。
5、 全包围(亦称四面包围) 如困、 图等字, 中间被包围部分要匀称、饱满,位于中间。
● 字体中宫处理
汉字的中宫是形容字体笔画的中心空间。“宫”指字体所处的空间。笔画外扩为“外宫”,向内收为“内宫”。一般认为中宫外扩的字显得比较松,而中宫内收的字比较内敛。
● 字的内白
中国古代“计白当黑”的布局观念在单字设计中得到了很好的体验,汉字设计时,有经验的设计师会花更多的时间去关注和调整汉字内部的空白的部分。
“大字难于结密而无间,小字难于宽绰而由余”内白的设计是字体很重要的一部分。
印刷字体在字的内白处理上力求匀称,而书法则更追求对比变化。
● 字的灰度
灰度是指黑色笔画和白色的空间分布比例。灰度应平均,不能某个字特显黑,或太多白色空间。单字设计灰度的考究也是“计白当黑”的一种应用。
方框里黑色所占的比例大小就是它的灰度。中间方框里的图形灰度明显是最高的,右边的最小。
同一套字体里,笔画少的汉字,它的笔画明显粗于笔画多的汉字,其中一个根本原因就是为了使它们看起来灰度统一。“翻”字的笔画就明显细于“口”字。
● 省笔、添笔与断笔
省笔是指在不影响字的识别度的前提下,对一些笔画的大胆省略;而添笔是对一些笔画的大胆添加;断笔是切断常规下连接的笔画。这三种笔画处理方式是字体设计的常用方法,被广泛应用。
汉字的省笔、添笔与断笔是一种大胆的对汉字结构调整的方式,它有时候甚至会改变字的结体方式,因此它一般应用在标题字体或花饰字体的设计中,在正文字体的设计中应用较少。在一些正文字体的避让设计中会出现笔画长短.上面的微妙变化。如齐立的雅黑,笔画之间的避让做得很巧妙,笔画的长短也做了不少调整,算是一种轻度的省笔或添笔处理。
不同黑体对“问”字中“口”的不同处理方式,即体现了一种轻度的省笔和减笔方式。也体现了不同黑体在字体结构上的个性特征,这种轻度的处理方式常被用于正文字体中。
在非正文字体中 ,省笔、添笔与断笔是一种常见的设计手段。断笔的方式可以有效地使笔画数量稀少的汉字在视觉上有增多笔画感,所以断笔也就是一种添笔的方式,图中“王”字的三处断笔减少了“绿”字笔画众多带来的不平衡感,而“绿”的断笔处理同样也是为了标志整体的统一感。
添笔在品牌类字体设计中的应用可以是简单的某个笔画的添加,或是某个部首的添加,甚至也可能是某个汉字整个字体的添加。字体中中间“山”字是一种笔画的添笔处理。有效地营造了视觉中心。
● 如何减小笔画交叉处的灰度(内白处理)
笔画交叉处是最易显黑的位置,中西文设计都异常重视。上面为微软雅黑的处理方式,如“夫”字出现了三个笔画的交叉,这里的撇与捺都进行了适当的减细处理。
图为西文的Arial和Times New Roman的处理。
1. 少笔粗,多笔细。
2.疏粗密细。
3.笔画交叉处要细。
4.主笔粗,副笔细;外挡粗,里档细
5.所有笔画按比列减细。
文字造型的要领,能够取得适当的均衡,笔画多的,线条细些,笔画少的线条粗些,使人看起来觉得字字大小相等。
其实,从我国历代著名书画家作品中发现,在一个字当中并没有所有笔画粗细都相等。汉字中的山、中等字,其中间的垂线也应该粗于两边的垂线,外框包括的垂线也是如此,还有包围结构的字,其右边的垂线往往也要粗些。
● 笔画的统一与呼应
多个汉字组合的笔画呼应指在多个汉字组合的笔画设计上应有一定的前后呼应,加强多个不同文字的整体感,它能轻松地使看似毫无关系的几个文字建立一定的联系,是汉字多字组合设计中增加统一感的一个常用的设计方式。
多个汉字组合的设计在笔画设计上应力求统一,如果几个汉字的笔画差异太大,那么几个汉字放置在一起往往不容易形成一个整体。当然这种笔画的统一并非指一组汉字中所有的文字笔画都必须是一样的。笔画完全一样是笔画统一中最基本的一种。这里的统一是指这些不同文字的笔画应在某种意义上达到一定的统一,比如某种同类型笔画的统一。
● 第二中心线与字面的关系
第一中心线
我们在进行字体设计时通常是在25×25的方格内进行设计,把竖线称作经线,把横线称作纬线,在经线13和纬线13上的两根粗黑线,称为第一中心线。红色的点就是重心点。
在这里有两个重要的结论需要记住的是首先第一中心线和重心点的位置是永恒不变的,其次,每一个字都是受第一中心线所控制的。
每个字不光受到第一中心线所控制,每个合体字的形声部分也都会受到各自的中心线所控制。
上图可以看到,每个声旁和行旁会被一条中线所划分。上图所示划分字体形声的中心线就是第二中心线。
1 第一中心线和重心点的位置是永恒不变的
2 每一个字都是受第一中心线所控制的
3 第二中心线之间的距离一旦确定就是要求这套字体内的距离不变
4 第二中心线是服从于第一中心线的,它们是一种视觉上的杠杆原理
5 第二中心线是一个游移的中心
第二中心线之间的距离不变
琨字的行旁“王”被一条中心经线所划分,声旁“昆”被一条中心线经所划分,1和2产生了第二中心经线,同理3和4产生了 第二中心纬线。这里需记住的结论是:第二中心线之间的距离一旦确定就要求这套字体内的距离不变。
第二中心线移动的情况
将同一套字体黑体字的“琨”换成“如”字,可以发现偏旁所占的视觉重量明显变大了,而此时第二中心线也明显的向右移动了,但是他们在视觉上依旧是平衡的。
此时我们可以得出关于第二中心线的第三个结论:第二中心线是一个游移的中心。
● 通用字型
通用字型”的这个概念是由我提出来的,下面的口诀只是其中的一部分,希望能帮助大家更快的记忆。
“通用字”是集于宋体、黑体、 综艺体的标题印刷字体优化而来,特别比较适合各种企业的标准字以及字体标志、包装、海报用字。
参考文献:
《汉字字体设计原理》- 王绍强著
《美术字技法与应用》- 徐学成著
《美术字》- 余秉楠著
《文字造形》- 魏朝宏 著
《中国字体设计人:一字一生》- 廖洁连 著
《字体设计定位于通用字形》- 迟同斌(笔名:开心老头)著