58 UXD | 一看就会的字体设计方法

Behance / 2023年2月6日

大厂复盘 222 2 0

可在下方连接中关注原账号原文链接：https://mp.weixin.qq.com/s/3hA_MI5CKMULMA5HxpJl3g字体设计对于设计师来说，并不是一个陌生的话题。因为设计师每天都在和文字打交道：有些时候需要让大家可以顺畅地阅读大段信息，字体需要无色无味，如同空气般自然。另外一些…

字体设计对于设计师来说，并不是一个陌生的话题。因为设计师每天都在和文字打交道：有些时候需要让大家可以顺畅地阅读大段信息，字体需要无色无味，如同空气般自然。另外一些时候，让观者能够第一时间体会到某种情绪或氛围，成为更重要的诉求。这就需要一款个性鲜明的字体来诠释主题。

比如一张电影海报中片名的字体，一个会展活动的主题所用的字体，或者一个专题促销活动的大标题的字体。主题千变万化，需要不同风格的字体来搭配。所以，设计一款标题字，成为设计师的一种工作日常。根据主题和品牌的因素来进行创作。

设计方法

设计方法有很多，比如笔画重构、笔画共生、矩形造字法、直线造字等。今天介绍一种比较常用且有效的设计方法，移形换影。先来看几个例子：

造字工房为上海迪士尼乐园做的字体设计定制案例。可以看到这里4组字形设计把英文中很多笔画装饰特征，转移到了中文字型中适合的位置，整体风格就很突出，而且中英文搭配相得益彰。

还有《可可西里》的电影片名，也是提炼了藏文的笔画特征，把它融入到汉字设计中。那种民族的风格瞬间就通过字型本身传达了出来。

以及，在运营设计中，把运营主题与节目绑定，就使用了同样风格的字型设计。独特的关联感大大提升了。

所以，今天要介绍的设计方法“移形换影”，就是通过提炼现有的某种设计特征，拿来结合到新的字形中强化笔画的风格。完成既有元素的设计新生。

移形换影

也许业务的案例大家看很多了，那今天轻松些，咱们来看一个工作之外的设计练习，是一个电影片名字体设计练习。

一直以来，007电影之前是有着比较出色的片名设计的。比如007幽灵党的片名设计，风格强烈，字型匀称，光影变化很漂亮。但是这一部《007:无暇赴死》的片名字体设计，实在是有失水准。所以，今天就以此为题试验一下是否有更好的设计解法。

第一步，观察风格，提炼关键特征。

NO TIME TO DIE英文字是非常锋利的几何图形化的字体设计。整体的线条干练，现代。同时大三角形成的“衬线”感，又有着复古的味道。可是国内中文版、香港版、台湾版三款中文字形设计都不理想。字形局部处理琐碎，笔画空间均衡感不足。要做新的设计改变，接下来我仔细观察，原本的英文片名字形有几点特征：

基础要素是方、圆、三角。
所有横笔画略去。
笔画之间有断开。

第二步，打草稿，定框架。

通常情况如果有差不多的字型，可以拿来作为框架打底。但是眼下这款字，个性过于突出，暂时没有想到什么近似字型做框架。就直接用三角、直线基础元素来搭框架吧。

第三步，对比修改。

跟原版搭配效果看一看，看有没有get到精髓特征。或者说，特征还要不要再更加强化。这一步是审视自己的设计，去发现问题。

通过对比，发现的问题是，在新设计的字形里面，圆的元素偏少。需要加入更多圆。让风格一致性更高。同时还要解决笔画结构略松散，识别度偏低的问题。

其中最复杂的是“暇“字，笔画多，容易做的琐碎，所以右侧就用了很多省略，把笔画连成面，只保留外轮廓形状。同时，这个“暇”字也可以融入更多的圆形元素。改变“赴”“死”两字的结构，有更合理的结构，字更好认。

第四步，字体应用表现。

尝试和英文组合搭配。与其他几版中英文片名设计的对比。尝试放到海报上看看。以及其他的一些发挥。剧照和题图。

以上，就是使用了移形换影的手法，做出了有着近似气质风格的字体设计。以灵感目标为蓝本，对其中的特征进行分析提取，是为【移形】，然后把关键特征融入到新设计中，快速搭配出风格化的字体，完成【换影】。这种方法的好处是，找到适合的特征之后，可以快速的实现风格化字体设计。

在业务中活学活用

同样的，在日常设计当中，我们也可以灵活使用这种设计手法。比如运营活动毕业季的标题，是以启航为题，设计时想要做一些科技未来感的字形，就参考了《明日边缘》这类科幻电影的字形设计(未来感的科研/太空基地，航空器涂装会使用类似风格的字体), 用断开的笔画、瘦长的比例，组织中文字形的设计，尝试营造科技感与未来感。