关于字体设计中布白的思考
图文编排:智疯_
本文主要内容:
关于标志字体设计(美术字)布白的思考,
总结在学习相关知识文献之后的收获。
带大家寻找不一样的设计切入点。
更多内容学习打开下方链接
https://mp.weixin.qq.com/s/0JsWeiwsakblmzzhyhCSew

————
很多同学在最初学习字体设计时,为了追求字形的陌生美感,
更多的注意力集中在笔画装饰的塑造。忽视了间架结构把控。
其实许多不好看的字型问题并不全是笔形塑造的错误,更多是不恰当的间架结构导致。
笔形体饰是局部,是衣服,间架结构是整体、是灵魂。(想想自己吃胖后的自信......)
岳昕老师曾提出观点:“笔画是用来均分空白的。最有效、最直接的方法是将汉字字体设计看作是规划方格内部的空间关系,用笔画均匀分割方格空间,建立稳定、有趣的汉字间架结构。如果没有清晰均衡的间架结构,笔画便没有妥帖的秩序与关系,字体势必面目全非”。
字体设计核心是追求字与字间的共性,让每个字更像是一家人。
共性关系可以从笔画体饰和间架结构两方面去寻找。对于字形来说笔画之间的空间排布规律,与笔画形态体饰具有同等的价值甚至更高,这种排布规律我们在此称为“布白规律”。


————
“布白”这一概念来源于传统汉字书法,是传统汉字艺术重要的审美准则。相传东晋书圣王羲之所著的《笔势论十二章》最早提出过布白的概念:“分间布白,远近宜均,上下得所,自然平稳”。以追求布白匀称,来到达字形视觉协调的状态。现代字体设计理论中对于“布白”的理解依旧沿用了书法理论中的部分观点。

在汉字字体设计中,为了方便观察布白,又将布白分为内白和外白。内白即单字笔画末端连接在一起形成的外接多边形白空间,外白即内白之外到字身框的白空间。

————
字体设计中的间架结构是附着于字面大小、字形重心、中宫、灰度等概念,这些概念又需要和布白相关联,当间架结构做出调整时,布白也会随之变化。所以说布白和间架结构互为因果互为表里。在最初学习字体设计还是必须熟知这些基础理论概念。给大家推荐《一字一生》、《汉字字形学新论》两本书,从汉字渊源回顾到字形结构知识分解,相信都会大家带来很多收获。
————
A. 字面大小与布白的关系
我们在设计品牌LOGO字形时,常常要解决几个字的视觉大小统一问题,为了让字形在vi中更加规范化,许多初学者在做字时会先画矩形框约定好字面大小,所有字的笔画边缘都紧贴矩形框,以此来达到字面大小的统一,但是这样做我们会发现某些字形字面大小在视觉上看并不统一,比如下图混生园林中“生”字和“林“字””与其他字比明显小了,180°旋转后以图形的视角去观察尤为明显。


当我们有意识去调整减少外白的占比,字面大小逐渐统一。为此我们可以发现布白的调整与最后形成的字面大小密切相关,所以我们在调整字面时,可以从布白角度解决。
虽然案例实现的字形风格比较简单,但是主题韵味还是可以从这些细节点传达出来的,也是需要初学者牢记的。
B. 重心与布白的关系
重心的统一对于字体设计也是常谈的问题,有很多初学同学找不到重心。要先明白不同的内白分布影响重心变化,重心高的字上半部留白比较紧凑,重心低的下半部紧凑。我们可以观察内白集聚部分,让每个集聚部分的视觉重量感相接近,以此来达到重心的统一。

可以通过重心变化追求不同气质的字形。重心高的字有轻瘦雅的气质,重心低的有稳厚拙的印象。
C. 中宫与布白的关系
中宫和布白密不可分。字体设计中的中宫和书法中宫概念基本类同,中宫收紧是汉字书法的一种处理方式。
中宫收紧即笔划向中心点靠拢,内白聚集比较紧凑,外白占比大,字形在视觉上偏小;
中宫放松即笔划向外扩张,内白外扩比较松散,外白占比小,字形在视觉上偏大。




我们其实可以先根据主题气质选择适合的中宫字形。
文艺清秀气质的字形中宫内敛,壮硕趣味形式的字形中宫松散
D. 灰度与布白的关系
当我们设计笔画多且字重过大的字形时,笔画粗细统一和布白合理就比较难处理,也算是字体设计最难的部分。为了追寻字与字间的共性关系,我们常常树立笔画粗细统一的规则,但是当遇到几个单字的笔画数量相差过大时,就没办法做到绝对的粗细统一。
在字面大小统一的前提下,传统的正文字库字体设计对大字重的字形设计,有一些笔画特殊处理的原则:主粗副细、外粗内细、交叉减细、疏粗密细。简单的理解就是要区分出字形的主要笔画和次要笔画,主笔画和外侧笔画保持原始粗细,内部笔画且次要笔画可以减细一些。(观察下图的对比可以看到处理前后视觉对比)字库主创设计师通常的做法凭经验提供一套粗细梯度,给制作作团队再经过几轮整体调整。目前的Glyphs软件在这方面略有优势,可变字体的产出受到好评。


当我们在设计图形化汉字(美术字)时,其实可以改变这种设计方法调整处理原则。
同样是设计大字重且保证笔画粗细统一的前提下,可以直接从改变布白空间展开设计。可以利用一些特殊的布白调整手段:删减笔画、共用笔画、断开笔画。通过这些手段让布白更合理。不用过多做笔画粗细上的变化。
比如下图几个字根据布白做出笔画粗细调整和笔画共用删减的手段。



————
在了解完布白和汉字基础概念关系后,我们可以尝试不同往常的字形设计方向。
字与字共性关系可以从笔画体饰和间架结构两方面去寻找。我们可以先不考虑笔画体饰,直接从间架结构方面出发,让每个字之间的布白空间更为接近,改变原有字形结构同时也增加了陌生美感。


更多操作细节可打开下方链接观看:

————

最后我们回顾一下:
字体设计核心共性关系可以从笔画体饰和间架结构两方面去寻找。字体设计中的间架结构是附着于字面大小、字形重心、中宫、灰度等概念,这些概念又需要和布白紧密相关联。我们学习了相关概念和留白具体的变化关系。最后带大家尝试先以布白的角度去完成LOGO字形的设计,让每个字之间的布白空间更为接近,改变原有字形结构同时也增加了陌生美感。
前不久也在和好友探讨布白话题。在快速检视的模式下,汉字的字形感知是由其某个特征刺激的,比如汉字部件或者外轮廓。如果不考虑汉字在大篇幅正文的阅读体验(凡事无绝对,灰度过于一致,反而读起来易疲劳),我们是不是可以尝试让汉字更加简化、灰度更统一、布白更接近。我们可以多做一些探索,改变认知产生更多可能性。
我们的分享就到这里啦!希望这次分享能让大家有所收获和帮助!

