关于字体设计中布白的思考

Homepage recommendation
北京/艺术工作者/3年前/17585浏览
关于字体设计中布白的思考Homepage recommendation
智疯_

图文编排:智疯_

本文主要内容:

关于标志字体设计(美术字)布白的思考,

总结在学习相关知识文献之后的收获。

带大家寻找不一样的设计切入点。

更多内容学习打开下方链接

https://mp.weixin.qq.com/s/0JsWeiwsakblmzzhyhCSew

————

很多同学在最初学习字体设计时,为了追求字形的陌生美感,

更多的注意力集中在笔画装饰的塑造。忽视了间架结构把控。

其实许多不好看的字型问题并不全是笔形塑造的错误,更多是不恰当的间架结构导致。

笔形体饰是局部,是衣服,间架结构是整体、是灵魂。(想想自己吃胖后的自信......)


岳昕老师曾提出观点:“笔画是用来均分空白的。最有效、最直接的方法是将汉字字体设计看作是规划方格内部的空间关系,用笔画均匀分割方格空间,建立稳定、有趣的汉字间架结构。如果没有清晰均衡的间架结构,笔画便没有妥帖的秩序与关系,字体势必面目全非”。

字体设计核心是追求字与字间的共性,让每个字更像是一家人。

共性关系可以从笔画体饰和间架结构两方面去寻找。对于字形来说笔画之间的空间排布规律,与笔画形态体饰具有同等的价值甚至更高,这种排布规律我们在此称为“布白规律”。

————

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

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

————

字体设计中的间架结构是附着于字面大小、字形重心、中宫、灰度等概念,这些概念又需要和布白相关联,当间架结构做出调整时,布白也会随之变化。所以说布白和间架结构互为因果互为表里。在最初学习字体设计还是必须熟知这些基础理论概念。给大家推荐《一字一生》、《汉字字形学新论》两本书,从汉字渊源回顾到字形结构知识分解,相信都会大家带来很多收获。

————

A. 字面大小与布白的关系

我们在设计品牌LOGO字形时,常常要解决几个字的视觉大小统一问题,为了让字形在vi中更加规范化,许多初学者在做字时会先画矩形框约定好字面大小,所有字的笔画边缘都紧贴矩形框,以此来达到字面大小的统一,但是这样做我们会发现某些字形字面大小在视觉上看并不统一,比如下图混生园林中“生”字和“林“字””与其他字比明显小了,180°旋转后以图形的视角去观察尤为明显。

当我们有意识去调整减少外白的占比,字面大小逐渐统一。为此我们可以发现布白的调整与最后形成的字面大小密切相关,所以我们在调整字面时,可以从布白角度解决。

虽然案例实现的字形风格比较简单,但是主题韵味还是可以从这些细节点传达出来的,也是需要初学者牢记的。

B. 重心与布白的关系

重心的统一对于字体设计也是常谈的问题,有很多初学同学找不到重心。要先明白不同的内白分布影响重心变化,重心高的字上半部留白比较紧凑,重心低的下半部紧凑。我们可以观察内白集聚部分,让每个集聚部分的视觉重量感相接近,以此来达到重心的统一。

可以通过重心变化追求不同气质的字形。重心高的字有轻瘦雅的气质,重心低的有稳厚拙的印象。

C. 中宫与布白的关系

中宫和布白密不可分。字体设计中的中宫和书法中宫概念基本类同,中宫收紧是汉字书法的一种处理方式。

中宫收紧即笔划向中心点靠拢,内白聚集比较紧凑,外白占比大,字形在视觉上偏小;

中宫放松即笔划向外扩张,内白外扩比较松散,外白占比小,字形在视觉上偏大。

我们其实可以先根据主题气质选择适合的中宫字形。

文艺清秀气质的字形中宫内敛,壮硕趣味形式的字形中宫松散

D. 灰度与布白的关系

当我们设计笔画多且字重过大的字形时,笔画粗细统一和布白合理就比较难处理,也算是字体设计最难的部分。为了追寻字与字间的共性关系,我们常常树立笔画粗细统一的规则,但是当遇到几个单字的笔画数量相差过大时,就没办法做到绝对的粗细统一。

在字面大小统一的前提下,传统的正文字库字体设计对大字重的字形设计,有一些笔画特殊处理的原则:主粗副细、外粗内细、交叉减细、疏粗密细。简单的理解就是要区分出字形的主要笔画和次要笔画,主笔画和外侧笔画保持原始粗细,内部笔画且次要笔画可以减细一些。(观察下图的对比可以看到处理前后视觉对比)字库主创设计师通常的做法凭经验提供一套粗细梯度,给制作作团队再经过几轮整体调整。目前的Glyphs软件在这方面略有优势,可变字体的产出受到好评。

当我们在设计图形化汉字(美术字)时,其实可以改变这种设计方法调整处理原则。

同样是设计大字重且保证笔画粗细统一的前提下,可以直接从改变布白空间展开设计。可以利用一些特殊的布白调整手段:删减笔画、共用笔画、断开笔画。通过这些手段让布白更合理。不用过多做笔画粗细上的变化。
比如下图几个字根据布白做出笔画粗细调整和笔画共用删减的手段。


————

在了解完布白和汉字基础概念关系后,我们可以尝试不同往常的字形设计方向。

字与字共性关系可以从笔画体饰和间架结构两方面去寻找。我们可以先不考虑笔画体饰,直接从间架结构方面出发,让每个字之间的布白空间更为接近,改变原有字形结构同时也增加了陌生美感。

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

https://www.bilibili.com/video/BV1X5411s7tf?share_source=copy_web&vd_source=19f45bacc7b365d367c4e1ea5aa6610d


————


最后我们回顾一下:

字体设计核心共性关系可以从笔画体饰和间架结构两方面去寻找。字体设计中的间架结构是附着于字面大小、字形重心、中宫、灰度等概念,这些概念又需要和布白紧密相关联。我们学习了相关概念和留白具体的变化关系。最后带大家尝试先以布白的角度去完成LOGO字形的设计,让每个字之间的布白空间更为接近,改变原有字形结构同时也增加了陌生美感。


前不久也在和好友探讨布白话题。在快速检视的模式下,汉字的字形感知是由其某个特征刺激的,比如汉字部件或者外轮廓。如果不考虑汉字在大篇幅正文的阅读体验(凡事无绝对,灰度过于一致,反而读起来易疲劳),我们是不是可以尝试让汉字更加简化、灰度更统一、布白更接近。我们可以多做一些探索,改变认知产生更多可能性。

我们的分享就到这里啦!希望这次分享能让大家有所收获和帮助!

913
Report
|
1582
Share
相关推荐
新拼贴风海报的形式美法则
Homepage recommendation
文章
胖胖字体の隐藏设计姿势
Homepage recommendation
内容含视频
教程
教程
教程
教程
作品收藏夹
教程
4722
秩序与字由
Recommanded by editor
UI界面中的字体应用
Recommanded by editor
机·智——第十八届上海青年美术大展
Homepage recommendation
内容含视频
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
教程
教程
教程
教程
作品收藏夹
教程
4722
设计不設計
设计不設計
设计不設計
设计不設計
作品收藏夹
#设计文章#
#设计文章#
#设计文章#
#设计文章#
作品收藏夹
设计专业干货
设计专业干货
设计专业干货
设计专业干货
作品收藏夹
学习用
学习用
学习用
学习用
作品收藏夹
设计思维逻辑
设计思维逻辑
设计思维逻辑
设计思维逻辑
作品收藏夹
大家都在看
Log in