热评 豆子豆

颇有种以史为镜的感觉~总结一下:借鉴分两种,一是结构的借鉴,包括字体整体结构比例的借鉴(瘦长/扁粗)和字体局部结构的借鉴(复杂化/简化);二是笔触的借鉴,将古代书法的笔触进行几何化(现代化)和书写化(模拟笔顺效果)。

腾讯出品!2个方法帮你从历史中学会字体设计

前言

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

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

免费字体推荐:

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

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

腾讯出品!2个方法帮你从历史中学会字体设计

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

腾讯出品!2个方法帮你从历史中学会字体设计

一、结构借鉴法:

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

腾讯出品!2个方法帮你从历史中学会字体设计

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

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

腾讯出品!2个方法帮你从历史中学会字体设计

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

腾讯出品!2个方法帮你从历史中学会字体设计

1. 字体框架结构的借鉴-以小篆为例

①小篆的简介

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

腾讯出品!2个方法帮你从历史中学会字体设计

小篆字体结构分析:

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

腾讯出品!2个方法帮你从历史中学会字体设计

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

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

腾讯出品!2个方法帮你从历史中学会字体设计

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

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

腾讯出品!2个方法帮你从历史中学会字体设计

第三步,对字体笔画的结构、重心做统一的调整:

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

腾讯出品!2个方法帮你从历史中学会字体设计

字体效果:

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

腾讯出品!2个方法帮你从历史中学会字体设计

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

①楷书的简介

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

腾讯出品!2个方法帮你从历史中学会字体设计

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

1)笔画结构的借鉴

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

腾讯出品!2个方法帮你从历史中学会字体设计

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

腾讯出品!2个方法帮你从历史中学会字体设计

3)字形的应用

腾讯出品!2个方法帮你从历史中学会字体设计

二、笔触借鉴法

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

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

腾讯出品!2个方法帮你从历史中学会字体设计

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

腾讯出品!2个方法帮你从历史中学会字体设计

1. 笔触的几何化-以隶书为例

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

①隶书的简介

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

腾讯出品!2个方法帮你从历史中学会字体设计

②隶书字体笔画特点

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

  1. 蚕头燕尾:长横波画是隶书最富个性的笔画,要作“蚕头雁尾”,“一波三折”,起笔向左逆锋落纸,翻锋隆起做蚕头,铺毫向右行笔,笔尽处顿笔向右上方斜提作雁尾收笔。
  2. 隶书的撇画和捺画也尽量向左右开张,上下的竖画则较为短平。中宫外扩,形成了礼博大气象

腾讯出品!2个方法帮你从历史中学会字体设计

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

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

腾讯出品!2个方法帮你从历史中学会字体设计

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

腾讯出品!2个方法帮你从历史中学会字体设计

3)将笔画应用在字体上:

腾讯出品!2个方法帮你从历史中学会字体设计

2. 笔触的书写化-以行楷为例

①行楷的简介

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

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

腾讯出品!2个方法帮你从历史中学会字体设计

②行楷的笔触特点:

  1. 行笔轻盈:运笔轻松、线条会随着落笔有明显轻重变化,字体曲线流畅、明快
  2. 点画灵动:点画圆转连带连带显露,点、钩、挑等动感笔画、使得字体看起来跌扑纵跃,苍劲多姿

腾讯出品!2个方法帮你从历史中学会字体设计

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

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

腾讯出品!2个方法帮你从历史中学会字体设计

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

腾讯出品!2个方法帮你从历史中学会字体设计

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

腾讯出品!2个方法帮你从历史中学会字体设计

4)字型的应用:

腾讯出品!2个方法帮你从历史中学会字体设计

结语

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

而又正如过去每一种字体出现的背后,伴随了书写工具的演变一样。现如今最火的 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

欢迎关注作者微信公众号:「腾讯ISUX」

腾讯出品!2个方法帮你从历史中学会字体设计

收藏 186
点赞 92

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。