查看原文
其他

字体设计|从历史中汲取字体设计的方法

ISUX设计 腾讯ISUX 2023-07-07

我们常用“字如其人”来形容一个人的字迹,也就是说一个人的性格和阅历会投射到文字上。而同样的,中文历史上的每一种字体也是当时经济水平、文化氛围的投射。诸如小篆、隶书、楷书、宋体,每一种字体都有着自己独特的文字结构与笔画特征,而这些特征又赋予了每种字体独一无二的视觉感受。

蔡邕的《笔论》中讲到:“若虫食木叶,若利剑长戈,若强弓硬矢,若水火,若云雾,若日月”说的便是字体的变幻无方。这种变化具体体现在字体的结构与笔画的表现上。今天笔者将通过对几种中文字体的结构借鉴与笔画借鉴,来介绍从字体历史中学习设计的方法。


字体结构的借鉴可以快速改变字体的气质。


例如瘦长如篆体的汉字,笔画细则单薄、轻巧、纤弱,似弱柳扶风,带给人文艺轻灵的感觉,常用于女性相关的设计中。而结构扁方如隶书的汉字,则因其竖向空间较小,容易形成高密度的文本块。字体的负空间减小,视觉面积加重,产生一种压迫感,常用于需要聚焦视觉重心的标题字设计中:


图片来源于网络

字体笔画的借鉴则可以通过给字体增加笔触来增加设计的美感。例如笔者很喜欢的《汉仪赤云隶》中就在古隶书温润的基础上融入张扬外放的笔触,在起、收笔处的笔画设计上强化了笔锋造型,如同燃烧的火苗一样,在这个年轻的时代迸发出独特的张力和韵味:


图片来源赤云社及汉仪字库


一、  结构借鉴法:


文字骨架就像是人体的骨骼,影响视觉风格和比例。骨架的设计会決定笔画位置、长短与弧度,以及文字比例、写法和重心高低等。


而至于结构借鉴法,顾名思义,是指设计时先避开字体的笔画特征,专注于字体基础结构本身的设计,是通过改变字体骨架来设计字体的方法。设计师通过灵活地调整结构可以快速地改变字体的气质。


其中关于结构的借鉴,亦可以细分出两种方向。第一种是字体结构比例的借鉴:
如瘦高的小篆,因中宫内缩,字面修长,给人一种文艺轻灵的感觉。而扁方的隶书,因中宫外扩,字面敦实,笔画向左右两侧伸展蜿蜒,给人一种磅礴大气的感觉。


第二种是局部结构的借鉴:
如下图中的招牌,设计师对笔画较少的“工”字做了局部结构上的复杂化,这使得“工”字的字面与其他文字趋于一致,提升整体的统一性。而这种结构上的变化特点,我们其实也可以在《曹全碑》中找到:



1.1 字体框架结构的借鉴-以小篆为例:


小篆的简介


小纂的来源,目前较为可靠的说法是由秦朝宰相李斯的书法作品。秦朝统一六国之后,将小篆作为书同文的字体。小篆的代表作有《泰山刻石》、李阳冰《千字文》


小篆字体结构分析:

小篆体势修长,讲究对称,笔画停匀,用笔起收不露痕迹,适合表达端庄、妍美的字体设计。小篆的书法呈以下结构特点:


案例演示:字体框架结构的借鉴


① 以黑体字作为结构参考,用钢笔工具提取一个大致的结构,并将整体的结构按照篆书1:1.5的比例调窄:


② 按照小篆的上紧下松的结构特点来调整笔画排布的位置


以下方的案例为例,分别尝试了1:1.5、1:1.4 这两种比例的结构,发现比例1.5的无法适应上半部较为复杂的字形,因此选择1.4的比例延展后续的字形:


③ 对字体笔画的结构、重心做统一的调整:


重心调整没有固定的标准和法则,依赖于设计师对于字体的观察和理解。新手也可以通过参考系统中自带的黑体,来调整字体内部的笔画关系:


字体效果:


在现代黑体的基础上,融入小篆的结构特点,使字形曲直有度,温润自然,适用于女性、新中式的视觉风格。



1.2 笔画结构的借鉴-以楷书为例:


楷书的简介


楷书也叫正楷、真书、正书。从程邈创立的隶书逐渐演变而来,更趋简化,横平竖直。《辞海》解释说它“形体方正,笔画平直,可作楷模。”故名楷书。始于汉末,通行至现代,长盛不衰。楷书的代表作有:钟繇《宣示表》、欧阳询《九成宫醴泉铭》、颜真卿《多宝塔碑》


楷书的特点


楷书是我国封建社会南北魏到晋唐最为流行的一种书体,而在这期间,文化多元发展,诞生了许多风格各异的楷书作品。总体来说,楷书作为一种书写体,具有国风、人文感、书写感、字体结构端正的特点,同时由于书写楷书的名家众多,而每个人的书写习风格亦有区别,因此产生了许多兼具美感与识别性的笔画写法


案例演示:字体笔画结构的借鉴


① 笔画结构的借鉴


以下图为例,相比现代字体中规整的笔画,《玄秘塔碑》中文字的笔画结构带来一种轻松活泼的感觉,这种带有明显个人特征的变化生动有趣,具有自然的书写美感却又不影响文字本身的识别性:


② 提取碑帖的笔画结构,融入任意楷书字体的笔画,并对字体进行视觉比例的整体微调。


③ 字形的应用




二、  笔触借鉴法:


如果说字体的结构比作字体的骨骼,那么每种字形的笔触,就构成了字体的血肉。通过对字体笔触的提炼,我们可以快速塑造字体独特的效果。那么当我们看到碑帖上的古代字体时,应该如何去借鉴其中的笔触呢?


笔者建议从两个方向来借鉴笔触,第一种是笔触的几何化:将古代碑帖的笔触提取出来,通过增加现代的几何感来提炼概括笔触,使古代的书写质感进行符合现代美学的演变:


第二种是笔触的书写化:指的是根据文字书写时的笔顺,模拟书写时婉转多姿的曲线变化、灵动多变的笔触细节,使字体绽放出书写的韵味:


图片来源于网络


2.1 笔触的几何化-以隶书为例:


所谓笔触的几何化,就是在深知传统书写的基础上,增加现代的几何感来简化传统,保留设计师想表现的传统部分。


隶书的简介


隶书相传为秦末程邈在狱中所整理,去繁就简,字形变圆为方,笔画改曲为直。改“连笔”为“断笔”,从线条向笔画,更便于书写。隶书的代表作:《礼器碑》、《乙瑛碑》、《郃阳令曹全碑》

隶书字体笔画特点


隶书因其书写时易被竹简上的纤维干扰,线条常常被刻意写成弯曲的状态。这种笔画的弯曲悠扬流动,具备独特的东方美感。


① 蚕头燕尾:长横波画是隶书最富个性的笔画,要作“蚕头雁尾”,“一波三折”,起笔向左逆锋落纸,翻锋隆起做蚕头,铺毫向右行笔,笔尽处顿笔向右上方斜提作雁尾收笔。


② 隶书的撇画和捺画也尽量向左右开张,上下的竖画则较为短平。中宫外扩,形成了礼博大气象



2.2 案例演示:笔触的几何化


① 隶书笔画的几何化提炼,以横笔为例:使用干净利落的几何线条来模拟隶书横笔的弯曲走势,在保留笔法特征的同时,使其更复合现代的审美。


② 按照相同的逻辑对所需要的笔画进行几何化的提炼:


③ 将笔画应用在字体上:



2.3 笔触的书写化-以行楷为例:


行楷的简介


行楷书的字形是在楷书的点画基础上,略加变动而适于连笔书写的一种实用性很强的书体,是楷书的快写体。简而言之,就是使字的书写更加灵活,加快书写速度,节省书写时间。行楷将楷书的体势、点画变得圆转连带、变化多样。因为在书写时,楷书的成分多,只是略有行书的笔意,因此叫行楷。


行楷代表作品:王羲之《怀仁集王羲之书圣教序》、赵孟頫《般若波罗蜜多心经》、王羲之《兰亭集序》


行楷的笔触特点:


① 行笔轻盈:运笔轻松、线条会随着落笔有明显轻重变化,字体曲线流畅、明快


② 点画灵动:点画圆转连带连带显露,点、钩、挑等动感笔画、使得字体看起来跌扑纵跃,苍劲多姿



2.4 案例演示:笔触的书写化


① 以“字形”为例,在书帖中找到所需设计的字形,观察古人在书写文字时的笔顺以及书写时的节奏变化。


② 使用秀丽笔模拟在纸上模拟书谱中的书写,理解书帖中各种书写方式下笔画生成的原因,感受文字笔画间留白的空间感。


③ 根据书写的连贯性和笔画走向,在基础字体的上增加不同程度的书写细节,并在尝试的过程中不断地平衡可视性和书写感:


④ 字型的应用:




结语


作为传承五千多年的古老文化,中华文字独有的构成形态和字体细节让我们的字体历史中蕴含着无穷的设计灵感。笔者分别通过分析古代字体的结构&笔画特征,给大家演示了如何通过借鉴古代文字来进行字体设计的两个视角。而希望通过这两个视角,可以帮助新人设计师捕捉到中文字体设计的美感。


而又正如过去每一种字体出现的背后,伴随了书写工具的演变一样。现如今最火的AIGC已经通过其强大的模仿能力逐步成为了设计师们的生产工具,想必在不远的将来AI也将一定会捕捉汉字的美感,成为字体的生产工具。



附录


1.  书法字典:如何查询不同字体的写法http://www.shufazidian.com/

2.  书格:在线古籍图书馆https://new.shuge.org/

3.  李明君《中国美术字史图说》

4.  蒋勋《汉字书法之美》

5.  字体的基础知识:justfont字体口袋书https://learn.justfont.com/pocketbook/

6.  隶书的基本特征https://zhuanlan.zhihu.com/p/344483068

7.  怎样让楷书结构稳定https://zhuanlan.zhihu.com/p/105923808

8.  字体的性格与气质 https://www.sumaarts.com/share/723.html








PS: ISUX 开通微信粉丝群啦!

欢迎扫码加入一起聊设计

(入群暗号:ISUX)




以下ISUX文章,你可能也感兴趣

 

走进动力学的柔体世界
ISUX「二月」行业设计趋势速递
虚拟世界背景下游戏趋势初探
太空时代美学的设计演绎
运用AIGC人工智能生产内容




凝集腾讯设计优质内容

更多精彩分享请关注

 ▼

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存