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

用户头像
北京/艺术工作者/3年前/17824浏览
关于字体设计中布白的思考
用户头像
智疯_

图文编排:智疯_

本文主要内容:

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

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

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

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

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字形的设计,让每个字之间的布白空间更为接近,改变原有字形结构同时也增加了陌生美感。


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

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

918
举报
|
1587
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
玄关入门地毯印花图案红地毯
空的平台平面和自然景观
金色颗粒质地的平面
倒计时,海报,平面
“知识宅急送”外卖,快递,平面,海报,素材,教育
空的平台平面和自然景观
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
城市园林平面布局航拍
水蜜桃和李子的平面水果图案
城市园林平面布局航拍
平面插画情侣/矢量
平面花卉图案扁平简约无缝拼接插画
古风平面仕女与瓷器
城市园林平面布局航拍
牛奶乳液层次平面平铺平面
平面书法字手写
平面男孩喝咖啡插画设计
金色颗粒质地的平面
中国传统纹样创新图案设计
海底世界插画
平面插画设计女孩喝咖啡
城阙凡花
平面风格黄绿色系花朵装饰
城市园林平面布局航拍
金色颗粒质地的平面
你可能喜欢
相关收藏夹
教程
教程
教程
教程
教程
4726
大家都在看
登录注册