前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >字体设计|从历史中汲取字体设计的方法

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

作者头像
腾讯ISUX
发布于 2023-04-06 09:40:19
发布于 2023-04-06 09:40:19
1.6K0
举报

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

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

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

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

图片来源于网络

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

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

一、  结构借鉴法:

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

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

其中关于结构的借鉴,亦可以细分出两种方向。第一种是字体结构比例的借鉴:

如瘦高的小篆,因中宫内缩,字面修长,给人一种文艺轻灵的感觉。而扁方的隶书,因中宫外扩,字面敦实,笔画向左右两侧伸展蜿蜒,给人一种磅礴大气的感觉。

第二种是局部结构的借鉴:

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

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人工智能生产内容


凝集腾讯设计优质内容

更多精彩分享请关注

 ▼

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2023-04-04,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 腾讯ISUX 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
字体设计丨逆反差的知感悟
前言 2021年至今「逆反差字体」这个原本偏小众的字体设计风格,从卷土重来到广泛应用,再次受到诸多设计师的追捧,一股新浪潮扑面而来。 纵观它的出现、流行与发展,身为设计师,期待本文可以通过对经典设计的客观分析,蓄力字体设计领域的经验和技巧,为2022年的创作积累更多灵感。 来自BE,设计师Mykolas Saulytis的SOMFHHB系列海报 特征 1、商业的发展与驱动 Reverse contrast现在国内被称为「逆反差字体」。设计师皮特·比亚克(Peter Biľak)在2012年发表的文
腾讯ISUX
2021/12/01
1K0
变体美术字设计手册
导语 | 变体美术字设计是字体设计里重要的一部分,因为其的多变性极高,相较于字库字体,变体美术字 给人们的印象更为深刻;这篇文章从定义,类别,基本笔画,笔画形状,创造·改造变体美术字出发,带大家初步认识一下变体美术字的奇妙;自己的经验有限,如有说的不好之处欢迎大家补充。 作为视觉设计师,我们是不是经常遇到这种问题? 其实有时候解决这种问题很简单,你只需要对字体进行正确的处理,可能世界都不一样了。 画面的整体感觉和很多因素都相关,比如颜色,细节的小元素等等,这些都是影响画面感的重要因素,关于氛围的打造
腾讯大讲堂
2018/02/11
1.1K0
变体美术字设计手册
让人沉醉的几个工具网站-搜嗖工具箱
图文图文吗,有图无文怎么行,平时没事儿咱也喜欢舞文弄墨一番,不过茶壶儿这书法比起名仕还是自叹不如哈,然而不得不说中国文字真的是博大精深,各种字体就像人生一样充满奇妙。
搜嗖工具箱
2022/12/04
1.9K0
让人沉醉的几个工具网站-搜嗖工具箱
超级炫酷的AI字体设计,学起来
昨天阅读了一个老师写的这个文章,自己亲自动手实践了,确实非常的不错,结合我的实践结果和相关的经历,分享给大家,写的详细一些,包括提示词(参考的老师的)和对应的使用方法(超级详细);
阑梦清川
2025/04/15
1970
英文字体的选择 - 腾讯ISUX
字体是视觉设计中最重要的传达元素之一,字体本身的视觉特性和品质影响着信息传递的质量,英文字体有自己非常完善的系统,如果要精通则需要从字体的历史与形成,文化属性细细研究,限于文章篇幅,这里只从个人的感受
腾讯ISUX
2018/06/29
2.7K0
【厉害!机械臂写狗年春联】人类要向机器学写字了
新智元推荐 来源:小C收藏、宝鸡市政府、CUHK 编辑:艾霄葆、闻菲 【新智元导读】大年三十有贴春联的习惯,如今,机械臂也能写春联了,还能比普通人写得更好。香港中文大学(深圳)教授徐扬生团队开发出的书法机器人,书法水平基本上可以和大师相提并论,还能根据要求书写出不同风格的字体。研究人员表示,研发书法机器人的初衷是为了更好地进行书法教学。智能时代,人类或许要向机器学习写字了。书法机器人写的春联,你不想来一套吗? 大年三十,中国有贴春联的习俗。贴春联最好是除夕早上6点到中午12点之间,把旧春联撕破,表示
新智元
2018/03/20
1.1K0
【厉害!机械臂写狗年春联】人类要向机器学写字了
618设计没想法?这波灵感解读拿走不谢!
618作为电商活动一年中力度较大的一次,很多商家、平台、app都会不遗余力做一些活动,争取在下半年的各种大促打好前站、奠定好店铺的销售基础。作为设计师的我们,面对时间紧任务重,想要做出让人眼前一亮、同时能够为店铺和平台实现高销售转化的页面还是有比较大的难度的。不少同学不免抓耳挠腮不知如何下手,趁着马上就要接到运营的设计需求,先给大家分享一批优秀设计稿,希望这篇文章能够帮助大家找到灵感思路!
用户1730674
2019/06/17
1.1K0
618设计没想法?这波灵感解读拿走不谢!
运营专题高效设计法(下)
腾讯ISUX isux.tencent.com 社交用户体验设计 在运营专题高效设计法(上)中,我们一起探讨了项目分析的四个步骤,从项目目标到用户人群,进行分析洞察得出设计执行方向的策略。在设计执行版块中介绍了【高效构图】、【高效色彩】的方法与技巧,接下来继续跟随我探讨【字体】与【延展】的高效设计方法。 字体设计是在创作运营设计中重要的组成部分,也是互联网行业从事设计所最重要的基础要素。运用装饰手法来美化文字,增强视觉效果,提高作品的诉求和赋予版面的审美价值。但创作一款字体需要花费较大的
腾讯ISUX
2019/12/24
7600
运营专题高效设计法(下)
八款免费可商用现代科幻潮流高级黑字体合集
设计师们看过来,今天给大家分享 8 款免费可商用的现代科幻潮流高级黑字体,轻松为设计增添科技感与时尚感,再也不用担心字体版权问题啦~​ 通用性和易用性极强,适用于各类场景,尤其在电商、广告领域表现出色。它将科技感与营销需求巧妙融合,在电商促销海报、数字营销活动页面中,助力突出科技产品亮点,吸引消费者目光。
文曦
2025/05/30
1760
八款免费可商用高级复古优雅衬线英文字体#0007-趣字体
今天给大家分享 8 款绝美的免费可商用复古优雅衬线英文字体,轻松让你的作品呈现复古感~
文曦
2025/05/30
2080
八款免费可商用高级复古优雅衬线英文字体#0007-趣字体
电商设计中的极简设计
电子商务经过了几年的发展已经逐渐成熟,并且已经发展出了自己的模式和风格。但是对于电商的设计风格大多数人还停留在最初的用商品堆砌+文字信息+各种乱七八糟的效果。而这两年各个电商公司已经非常重视设计了,而且设计风格也逐步走向简洁乃至极简的风格。这种变化是随着电商的不断发展,更加重视产品的品质而进化的。
宇相
2018/08/06
1.2K0
电商设计中的极简设计
刷屏的背后:原来腾讯字体是CDC和Monotype联手打造的
昨日,打开朋友圈,你会发现“腾讯字体”、“腾讯logo”几乎霸占了整个屏幕。但是你不知道,其实这是腾讯CDC ( 用户研究与体验设计部 ) 和腾讯集团市场与公关部一同推动的项目。 [1510826879969_6122_1510826794898.jpg] 腾讯字体宣传片内就有我们在讨论的一幕 接下来我们将会细数“腾讯字体”的前世今生,讲述台前幕后的故事。 腾讯logo的全新演绎 视频内容 [1510827012994_6897_1510826927918.jpg] 此次腾讯品牌新升级时,在遵循与承袭原
腾讯技术工程官方号
2018/01/15
5.9K0
刷屏的背后:原来腾讯字体是CDC和Monotype联手打造的
横扫13项中文NLP任务:香侬科技提出汉语字形表征向量Glyce+田字格CNN
汉字是一种象形文字,可以被分解为更小、更基础的音义结合体:象形(即对象的图像化表述,如「亻」、「日」、「木」)和形声(用于发音,如「晴」中的「青」)。汉朝的《说文解字》利用图形化的部首来索引汉字,这一传统一直沿用到今天。许多汉字由图像演化而来(如图 1 所示),因此汉字的语素中编码着丰富的语义信息。
机器之心
2019/04/30
9900
横扫13项中文NLP任务:香侬科技提出汉语字形表征向量Glyce+田字格CNN
CVPR 2023 | 会模仿笔迹的AI,为你创造专属字体
俗话说,见字如面,字如其人。相比呆板的打印字体,手写体更能体现书写者的个人特点。相信很多人都曾设想过,拥有一套属于自己的手写字体,用在社交软件中,更好的展示自己的个人风格。
AiCharm
2023/07/26
8270
CVPR 2023 | 会模仿笔迹的AI,为你创造专属字体
字体标识设计技巧!添减联断变
随着人们的消费频率越来越快速,人们对于各种视觉传媒形式的个性化要求越来越高,字体标志在注重标志内在含义的同时,还必须注重其外在形式。运用"添"、"减"、"联"、"断"、"变"这五种方式,可以在传统造型的基础上,打破原有字体的结构规范,形成个性鲜明的字体标志。
宇相
2018/08/06
6640
字体标识设计技巧!添减联断变
CVPR 2023 | 会模仿笔迹的AI,为你创造专属字体
俗话说,见字如面,字如其人。相比呆板的打印字体,手写体更能体现书写者的个人特点。相信很多人都曾设想过,拥有一套属于自己的手写字体,用在社交软件中,更好的展示自己的个人风格。
机器之心
2023/08/07
1.1K0
CVPR 2023 | 会模仿笔迹的AI,为你创造专属字体
2020-2021 设计趋势ISUX报告 · 运营篇
前言 互联网市场环境瞬息万变,在玩法层出不穷的今天,运营活动从来要求创新以及出其不意,以此来实现拉新、促活、回流、营收等产品设计目标,一个个运营活动也在不断塑造品牌认知、提升品牌价值。 与此同时,快速变化的技术也在影响着运营活动的落地实现方式。市场变化背后,自有根源和连接,本文尝试探求变化的脉络,从全局视野观察,形成运营体验设计趋势判断。 我们将运营体验设计归纳为3个大层面:基础层、风格层、策略层,拆解各个层面的模块内容、元素、玩法,从字体、图形、色彩、动效、空间等多个维度出发,同时考虑技术趋势等
腾讯ISUX
2020/07/15
9360
你的灵魂画作都去哪儿了?“猜画小歌”背后的5000万组数据
自从退出中国的搜索引擎市场,谷歌大概无时不刻都想”卷土重来“。昨天,这家以搜索引擎著称的巨头公司用一款微信小程序“猜画小歌”占领了朋友圈“C位”,刷足存在感的同时,还顺便激发了身边一票“灵魂画手”。
大数据文摘
2018/07/31
6510
你的灵魂画作都去哪儿了?“猜画小歌”背后的5000万组数据
【设计考古系列】机器学习和字体设计
今天先来讲讲机器学习和字体设计吧,虽然不是什么专家,但凭着一点直觉和兴趣,这件事情也逐渐意趣盎然。
UDM Lab
2020/09/10
8030
【设计考古系列】机器学习和字体设计
2022-2023设计趋势ISUX报告·字体设计
打开APP映入眼帘的开屏广告,便利店里陈列的包装零食,吸引你走进电影院的电影海报,那些日常生活中不经意的文字排列,都隐藏着设计师们精心布置的“设计代码”。字体不仅作为一种语言形式传递着信息,当你赋予其创造力,字体还将产生视觉冲击营造出独特的氛围,甚至唤起观者的情绪。对于设计师而言,为每个设计选择合适的字体是必须掌握的知识要点之一。 字体的设计以及排版,是设计最有效的表达形式,每年字体设计都会出现新的创意形式,赋予文字不同的个性,我们整理了2022年一些字体设计的趋势案例,供大家参考。 一、谷歌新推出开源可变
腾讯ISUX
2022/05/30
1K0
2022-2023设计趋势ISUX报告·字体设计
相关推荐
字体设计丨逆反差的知感悟
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档