UI设计教程分享：字体变形—阴阳收缩法

阴阳师中国古代对自然规律发展变化基础因素的描述，是古代美学逻辑思维、推理分析的核心要素，也是描述万物基本要素和成因的概念之一。阴阳代表事物的对立关系，它是自然界的客观规律，是万物运动变化的本源，是人类认识事物的基本法则。万物皆有阴阳，不可割裂，阴阳相互依存。

 

笔画是构成字体的基本元素，汉字笔画设计融入了书写的韵味，融入了“阴阳”线的处理方法，讲究线条、笔画之美，使笔画挺拔有力、刚柔并济。

 

阴阳线看似高深，其实理解起来也很简单，字体有重量，笔画分粗细，笔画有两侧，单个笔画的两侧就是阴阳线。结合单个字体来看，字体每一笔画外围向阳（凸线的笔画，如上图红色部分）即为阳线，内阴（凹线的笔画，如上图黑色对应的笔画）则为阴线。

 

所谓阴阳收缩法，就是根据阴阳关系调整笔画的粗细关系与整个字体结构的处理方法。

设计要点：

 

1.笔画越粗，阴阳线调整的变形特征就越明显；笔画越细，变形特征就越弱。

2.阴阳线调整一般是从内阴线箱外阳线方向收缩调整。

3.调整规律为外阳内阴。

4.相同笔画的阴阳收缩要有继承关系，根据字体主题而定，要适度，不宜变化太多。

 

以DNF男枪职业版本标语“翱翔，天界之鹰”字体方案为例，运用阴阳线收缩法调整笔画，使字体更有男性特征。

 

搜集相关灵感——男性身材倒三角、忍者神龟、变形金刚狂派标志等等，提炼出三角、棱角。

 

选取原型字体——三种常用的适用于力度、硬刚劲风格的字体：方正粗谭黑简体、造字工房劲黑常规体、造字工房版黑常规体。

 

以下选取“造字工房版黑常规体”为例。

 

对于字体结构、重心的调整，又分为水平边缘结构调整和垂直边缘结构调整两种方法。

 

水平边缘结构调整：造字工房版黑体在水平方向，字的边缘结构不太规整。“翱、翔”两字笔画顶部高度不同，“天、界、鹰”三个字顶部横笔画之间的高度和重心有细微的差距，并不是真正意义上结构、重心平稳的字体。对“翔、天、界”三个字进行结构笔画和重心调整，调整字体间的字面关系，使其在水平方向保持一致，让字体整体看起来更均衡，重心一致。

 

垂直边缘结构调整：在垂直方向上，调整所以有字体的竖向笔画的对齐方式，使其左右对其一致，对上下结构和重心进行微调整，使其字面平稳、视觉均衡，让字体看起来更加简洁、整齐。

 

进行斜切处理。斜线比直线更有动感和力度，只是线条带来的视觉感，进一步加强字体的运动、格斗气质。

 

最后进行阴阳线收缩调整：结合男性身材倒三角的形状，对字体进一步进行个性处理。横向笔画保持不变，竖向笔画做阴阳线收缩调整。

 

 

最终效果图

编辑：千锋ＵＩ设计