网页设计中字体的阴阳收缩法故事

2022-05-28 分类：网站建设

创新互联为你分享：网页设计中字体的阴阳收缩法故事。

1. 字体的阴阳线

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

中国古代万物有阴阳，讲究阴阳美学，汉字亦是如此。所以了解字体笔划阴阳关系做字体，能使笔划看起来更加沉稳、刚柔、挺拔、美观。猛一看好像很玄乎的说法，阴阳线。其实理解起来也很简单，字体有重量的，所以分粗细，单个笔画的2侧就是阴阳线。结合单个字体来看，字体每一笔画外围向阳(凸线的笔画比较容易懂,上图红色部分)，即为阳线，内阴(凹线笔画上图红色对应的笔画)则为阴线。所谓阴阳收缩法就是根据阴阳关系调整笔画的粗细关系与整个字体结构的处理方法。似乎有点难理解，我们看个例子。

2. 个例分析

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

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

上面3种字体是常见的我们在游戏页面使用的字体，个人偏好造字工坊版黑常规体。方正粗谭黑简体重心靠上，笔画显散，但是一款非常适合做变形的字体，特别是FPS等。造字工坊劲黑常规体也是在游戏里常见到的流行字体，字体笔画较粗，重心很稳，但笔画调整起来稍显麻烦，不是所有的场合都使用。造字工坊版黑常规体字是我在DNF中经常用的原型字体，字体笔画粗细得当，重心也会比其他字体稳，易于调整和变形。(造字工坊的字体结构和重心挺稳，易于变形，值得推荐。)

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

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