字体设计攻略 – 如何用阴阳收缩法进行字体设计? - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界

编者按:上次腾讯的高露洁同学介绍了一个特别实用的衬线加强法,这期来一个超吊的阴阳收缩法,从阴阳线的解说到个例分析、类举说明,全程干货无水分,绝对是字体设计的一个超赞方法。

上期教程:《字体进阶篇!如何用衬线加强法做字体设计?》

1. 字体的阴阳线

笔划设计融入了书写的韵味,采用“阴阳”线的处理方法,讲究线条之美,使笔划挺拔有力,刚柔相济——这是方正字体高级设计师齐立在【字与字现场】的一句PPT。

字体设计攻略 – 如何用阴阳收缩法进行字体设计? - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界

中国古代万物有阴阳,讲究阴阳美学,汉字亦是如此。所以了解字体笔划阴阳关系做字体,能使笔划看起来更加沉稳、刚柔、挺拔、美观。

咋一看好像很玄乎的说法,阴阳线。其实理解起来也很简单,字体有重量的,所以分粗细,单个笔画的2侧就是阴阳线。结合单个字体来看,字体每一笔画外围向阳(凸线的笔画比较容易懂,上图红色部分),即为阳线,内阴(凹线笔画上图红色对应的笔画)则为阴线。

所谓阴阳收缩法就是根据阴阳关系调整笔画的粗细关系与整个字体结构的处理方法。似乎有点难理解,我们看个例子。

2. 个例分析

1. 案例为DNF男枪的一个版本专题。枪战类的字体风格应该是有力度感,硬朗、男性、苍劲有力。依然是先找案例参考。

字体设计攻略 – 如何用阴阳收缩法进行字体设计? - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界

2. 选取一款非衬线字体做基础字体,线条可以稍粗,有力度感点的。

字体设计攻略 – 如何用阴阳收缩法进行字体设计? - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界

上面3种字体是常见的我们在游戏页面使用的字体,个人偏好造字工坊版黑常规体。

方正粗谭黑简体重心靠上,笔画显散,但是一款非常适合做变形的字体,特别是FPS等。

造字工坊劲黑常规体也是在游戏里常见到的流行字体,字体笔画较粗,重心很稳,但笔画调整起来稍显麻烦,不是所有的场合都使用。

造字工坊版黑常规体字是我在DNF中经常用的原型字体,字体笔画粗细得当,重心也会比其他字体稳,易于调整和变形。(造字工坊的字体结构和重心挺稳,易于变形,值得推荐。)

字体设计攻略 – 如何用阴阳收缩法进行字体设计? - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界

选择造字工坊版黑常规体之后,先是字体结构和重心调整(参见字体故事一),把原字体笔划按需要加粗,局部笔划调整,再添加衬线装饰(参见字体故事二),然后就有了如上的一个字体效果。这里尖角元素加的比较少。此篇主要讲阴阳线收缩法,下面就是本节的主要内容。

字体设计攻略 – 如何用阴阳收缩法进行字体设计? - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界

DNF男枪主题风格,在调整了结构重心,添加了少量衬线装饰后,个性还不够,需要进一步加强。结合男性身材倒三角的形状,对字体进一步个性处理。我们根据倒三角这样一个概念,把字体的水平重心上面的笔划保持不变,按阴阳线收缩调整下部分笔划,即把字体灰色线的笔划向红色线的笔画方向做倾斜处理(即阴线向阳线方向收缩),这样单个字体着地点小,字上身大,使笔画看起来成倒三角形。

字体设计攻略 – 如何用阴阳收缩法进行字体设计? - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界

经过调整后的字体,个性就明显很多,也显得更有力度感,符合男枪版本的主题。看完可能有的同学还是不太理解这个概念。简单来说其实这个阴阳收缩法只是一个方法命名。核心就是如何调整粗细笔画2侧(阴面和阳面),使其看起来更显个性、彰显魅力、符合主题。

字体设计攻略 – 如何用阴阳收缩法进行字体设计? - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界

最后我们来看看,完整版的字体效果。

3. 类举分析

“创新世纪”是早前DNF版本的字体设计的其中一稿。创新世纪,想到的是新纪元,新的开始,用了比较力度感的方式,和线条。这一稿也是运用了阴阳线收缩的方法去处理。

字体设计攻略 – 如何用阴阳收缩法进行字体设计? - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界

“海库”烧烤店logo的一版,烧烤要力度感、火力、野性。所以字根部分也是笔划缩进后处理的效果。

字体设计攻略 – 如何用阴阳收缩法进行字体设计? - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界

“偶像日记”是当初爱奇艺针对TFboys的做的一款类似花儿与少年的街头真人show节目。要青春时尚,年轻,有火力感方案。

字体设计攻略 – 如何用阴阳收缩法进行字体设计? - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界

“燃尽一切”是疾风之刃一个版本的字体尝试,联想到疾风之刃是漫画风格的游戏,结合logo的形状和字体风格,做的一种方案。

字体设计攻略 – 如何用阴阳收缩法进行字体设计? - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界

上一篇,衬线加强法只是列举了我个人做的一些例子,为了更有说服力,我也列举下大家网上看到,或者已有的成功案例。

字体设计攻略 – 如何用阴阳收缩法进行字体设计? - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界

这几种字体都是阴阳线调整字根等位置处理的效果。当然也是调整了字体结构、重心,添加衬线等方法而成的。这里是阴阳线都是用了比较柔和的曲线收缩的,所以看起来很柔和、流动感很强,符合主题。

资料来源:腾讯游戏官方设计团队 Tgideas
原文作者:高露洁

" /> 字体设计攻略 – 如何用阴阳收缩法进行字体设计? · 任刚 · Ren Gang - 我的设计笔记

字体设计攻略 – 如何用阴阳收缩法进行字体设计?

#字体设计# 攻略 – 如何用阴阳收缩法进行字体设计?

字体设计攻略 – 如何用阴阳收缩法进行字体设计? - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界

编者按:上次腾讯的高露洁同学介绍了一个特别实用的衬线加强法,这期来一个超吊的阴阳收缩法,从阴阳线的解说到个例分析、类举说明,全程干货无水分,绝对是字体设计的一个超赞方法。

上期教程:《字体进阶篇!如何用衬线加强法做字体设计?》

1. 字体的阴阳线

笔划设计融入了书写的韵味,采用“阴阳”线的处理方法,讲究线条之美,使笔划挺拔有力,刚柔相济——这是方正字体高级设计师齐立在【字与字现场】的一句PPT。

字体设计攻略 – 如何用阴阳收缩法进行字体设计? - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界

中国古代万物有阴阳,讲究阴阳美学,汉字亦是如此。所以了解字体笔划阴阳关系做字体,能使笔划看起来更加沉稳、刚柔、挺拔、美观。

咋一看好像很玄乎的说法,阴阳线。其实理解起来也很简单,字体有重量的,所以分粗细,单个笔画的2侧就是阴阳线。结合单个字体来看,字体每一笔画外围向阳(凸线的笔画比较容易懂,上图红色部分),即为阳线,内阴(凹线笔画上图红色对应的笔画)则为阴线。

所谓阴阳收缩法就是根据阴阳关系调整笔画的粗细关系与整个字体结构的处理方法。似乎有点难理解,我们看个例子。

2. 个例分析

1. 案例为DNF男枪的一个版本专题。枪战类的字体风格应该是有力度感,硬朗、男性、苍劲有力。依然是先找案例参考。

字体设计攻略 – 如何用阴阳收缩法进行字体设计? - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界

2. 选取一款非衬线字体做基础字体,线条可以稍粗,有力度感点的。

字体设计攻略 – 如何用阴阳收缩法进行字体设计? - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界

上面3种字体是常见的我们在游戏页面使用的字体,个人偏好造字工坊版黑常规体。

方正粗谭黑简体重心靠上,笔画显散,但是一款非常适合做变形的字体,特别是FPS等。

造字工坊劲黑常规体也是在游戏里常见到的流行字体,字体笔画较粗,重心很稳,但笔画调整起来稍显麻烦,不是所有的场合都使用。

造字工坊版黑常规体字是我在DNF中经常用的原型字体,字体笔画粗细得当,重心也会比其他字体稳,易于调整和变形。(造字工坊的字体结构和重心挺稳,易于变形,值得推荐。)

字体设计攻略 – 如何用阴阳收缩法进行字体设计? - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界

选择造字工坊版黑常规体之后,先是字体结构和重心调整(参见字体故事一),把原字体笔划按需要加粗,局部笔划调整,再添加衬线装饰(参见字体故事二),然后就有了如上的一个字体效果。这里尖角元素加的比较少。此篇主要讲阴阳线收缩法,下面就是本节的主要内容。

字体设计攻略 – 如何用阴阳收缩法进行字体设计? - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界

DNF男枪主题风格,在调整了结构重心,添加了少量衬线装饰后,个性还不够,需要进一步加强。结合男性身材倒三角的形状,对字体进一步个性处理。我们根据倒三角这样一个概念,把字体的水平重心上面的笔划保持不变,按阴阳线收缩调整下部分笔划,即把字体灰色线的笔划向红色线的笔画方向做倾斜处理(即阴线向阳线方向收缩),这样单个字体着地点小,字上身大,使笔画看起来成倒三角形。

字体设计攻略 – 如何用阴阳收缩法进行字体设计? - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界

经过调整后的字体,个性就明显很多,也显得更有力度感,符合男枪版本的主题。看完可能有的同学还是不太理解这个概念。简单来说其实这个阴阳收缩法只是一个方法命名。核心就是如何调整粗细笔画2侧(阴面和阳面),使其看起来更显个性、彰显魅力、符合主题。

字体设计攻略 – 如何用阴阳收缩法进行字体设计? - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界

最后我们来看看,完整版的字体效果。

3. 类举分析

“创新世纪”是早前DNF版本的字体设计的其中一稿。创新世纪,想到的是新纪元,新的开始,用了比较力度感的方式,和线条。这一稿也是运用了阴阳线收缩的方法去处理。

字体设计攻略 – 如何用阴阳收缩法进行字体设计? - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界

“海库”烧烤店logo的一版,烧烤要力度感、火力、野性。所以字根部分也是笔划缩进后处理的效果。

字体设计攻略 – 如何用阴阳收缩法进行字体设计? - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界

“偶像日记”是当初爱奇艺针对TFboys的做的一款类似花儿与少年的街头真人show节目。要青春时尚,年轻,有火力感方案。

字体设计攻略 – 如何用阴阳收缩法进行字体设计? - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界

“燃尽一切”是疾风之刃一个版本的字体尝试,联想到疾风之刃是漫画风格的游戏,结合logo的形状和字体风格,做的一种方案。

字体设计攻略 – 如何用阴阳收缩法进行字体设计? - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界

上一篇,衬线加强法只是列举了我个人做的一些例子,为了更有说服力,我也列举下大家网上看到,或者已有的成功案例。

字体设计攻略 – 如何用阴阳收缩法进行字体设计? - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界

这几种字体都是阴阳线调整字根等位置处理的效果。当然也是调整了字体结构、重心,添加衬线等方法而成的。这里是阴阳线都是用了比较柔和的曲线收缩的,所以看起来很柔和、流动感很强,符合主题。

资料来源:腾讯游戏官方设计团队 Tgideas
原文作者:高露洁

「真诚赞赏,手留余香」

任刚 rengang.com.cn

赞助用于本站维护,手机长按识别二维码。

任刚(rengang.com.cn)整理分享,欣赏作品版权均归原作者所有,仅供学习交流。点击上方图标与好友分享!


发表回复

登 录 注 册