Date 2026-01-22 23:17:45
@我为画狂1024：我们刚毕业的职场小白特别害怕字体设计。也许他们从来不害怕操作图片中的插图部分，但操作图片中的字体部分却被字体设计所支配。字体设计可能很难，但只要方法得当，大难度就会分成几个小难度，一个个打破，字体设计最终会赢。
我相信，只要我说得足够详细，你也可以手到擒来字体设计。
话不多说，马上开始～
我做操作字体字体大概分为三个步骤:
A 前期:消化与思考(草稿探索)B 中期:计算机执行(创意落地)C 后期:字体包装(匹配图片)以栗子为例，我得到的一个项目的主题是:全民招聘 助你纳贤。
先大致介绍一下以下项目，这是招聘平台面对面的问题 HR 和 Team leader 项目的运营活动非常明确。项目要求产出主 K、专场 H5 长图，以及 Banner、弹窗等延伸设计材料。
项目设计输出的核心画面是主要画面 K，主 K 主要由主题字体设计和主题图片组成。这一次只针对字体设计。
要设计的字体为：全民招聘 助你纳贤
标题字体为：全民招聘： 助你纳贤
使用思维导图来思考标题的内容及其含义，并试图提取设计创意的灵感关键字。首先放置，然后接受，首先发散思维，然后关注可行的关键字来创建。特别提醒：我在草稿部分说得很详细，有一定字体设计水平的合作伙伴可以快速阅读或跳过。
从上面的发散思维中获得的关键词给了我一个字体设计的一般感觉：稳定、力量和细节。
字体设计技术：
粗线条 粗笔画 粗字重。通过连笔、断笔、减少笔画等方式简化字体结构。字体右上角有尖角细节。
1. 草稿
接下来是草稿部分。我通常用两种方式画草稿:一种是直接画纸和笔(纸最好用网格网点的草稿纸，如果是笔也没关系，可以画)；另一种是手绘板，加 ps 绘制的优点是可以随意修改和调整。
2. 设置字体位置
这一次，我用手绘板加了 ps 画草稿。在 ps 新建文档后，在画面中，先画一个字框，短而稳定，然后一式八份，排成两行，这就设定了标题八个字的位置。
然后在字框层上方创建一个新的层，并绘制字体草稿。首先，根据你目前可能不成熟的想法，快速写在纸上。如果你画得不好也没关系，然后调整一下。
在这一步中，我们画了一个大致的想法。然后你就可以很好地观察字体需要修改、调整和优化的地方。
细心的朋友一定观察到，我在上面画了一些小字，字体草稿里有几个字被我黑了。其实有原因:
我之所以画那些小字，是因为在写作的过程中，我会遇到一些字和一些笔画不太流畅，所以我在旁边画了一个小体积、小细节的字体草稿，可以方便快捷地检测出我理想的最佳方案。我之所以把几个字涂黑，是因为我不能仅仅依靠线条来判断字体结构是否合适，字体笔画是否厚实 OK，笔画的曲线弧度是否准确。(有些词是如此“神奇”，很难判断)
贤字的另一部分改变得非常完美。在此之前，它是一个水平、一个折叠、一个圆圈和一个抛尾向右下方。虽然它很有创意，但不够简洁。要么笔画拥挤，影响美感和识别，要么调整笔画进行识别，以完成整个字体的一致性。
简化了另一部分，既保持了一致性，保持了整个字体笔画厚度的视觉平衡，又兼顾了整个字体的美感，简洁、可识别、美观。
一步一步地涂上其它单词。不断观察，不断调整优化。
现阶段：
整个字符都是正常的，不好也不坏。民字、右下角的压力、厚度和曲度都需要优化。招字，可以。用词，左边宽，需要窄，右边窄，需要宽。帮助单词，将就一下。你的单词，右边的垂直钩笔画太薄，包括两边的点太薄。字，绞线不太舒服，转弯更僵硬。好字，非常好 OK。
所有的字体草稿都是黑色的。一开始对整个字体的整体观察非常有利。在这个阶段，整个字体中的八个字的视觉重量有一个微妙的不一致性。整个字短，招聘字窄，字感觉太宽。
草稿是这样的，需要不断调整。并使用手绘板+ps，修改起来很方便，这是纸笔无法比拟的。
咳咳，振作起来！好吧，继续吧，继续吧～
民字右下角有很大变化。曲度和收笔方向都做了很大的调整(如上图所示)。使民字整体更加稳定，视觉上更加舒适。
在这个阶段，基本上已经到了 OK 是一些检漏补缺和整体比较调整。
比如你字右侧竖钩两侧两点的笔画调整了角度和厚度，让你的字更简单有趣。还有，整个字体笔的厚度和笔画之间的缝隙大小都做了微调。
每个字右上角都有八个字体的尖角。为字体添加一些个性化元素。
选择性地处理笔画之间的叠加，增加了笔画之间的层次感。例如，整个字的王部分，以上两个水平笔和垂直笔的两个交叉点。还有民间字符、招聘字符等，每个字都会选择合适的位置来做这个缺角处理。
到目前为止，草稿阶段已经完成。接下来是计算机执行阶段。
在这里，我想说一段话：上述草稿只是其中之一。不同的草稿方法适用于不同的字体风格设计和不同的设计师。有些字体风格甚至根本不需要草稿。我在这里只提供了一种方式，为没有经验的字体设计提供小白的可能性。这不是唯一的，仅此而已。
中期:计算机执行(创意落地)
放入字体草稿图 AI 中（或 CDR，或者在你使用的其他矢量软件中)，在上面画出相应的字体框，两行八行。然后按照草稿的样子画出线条或矩形。
这一步，有两个要点:一是快，二是像。
雏形可能在你眼里是不完美的。没关系。让我们慢慢优化它们。
说“插入内容”绝对是一个干货知识点。看上图，是元素被选中后的状态，方便观察设计师的常规、技巧和设计方法。我毫无保留地给你。
第一：
如果你仔细观察上图中的字体部分，你会发现有线状态和表面状态、直线和曲线、矩形表面和平行四边形。我没有太多的矩形和钢笔。风格和技术都不能如此机械地划分，因为在我看来，它们将随时用于组合。
线条一般用于弯曲笔画，块面一般用于直直笔画。在许多单个单词的笔画中，会有直曲，所以线条和表面的搭配会更合理。
第二：
在上图中，文本周围有一个看不见的白色方块（只有在选择元素时才能看到），它们非常有用。我使用它们的方法被称为屏蔽眼睛的方法。它们主要起到屏蔽笔画的作用，特点是：临时性、即时性和可逆性。
临时意味着它只是一个暂时的屏蔽，当字体设计最终完成时，它就会成功地撤退。原本被屏蔽的字体笔画部分将被剪掉。
即时性意味着它的遮挡可以随时检查我们的字体是否正在制作中 OK 功能。这将使我们的写作更有效率。
可逆性意味着，当我做这个笔画的时候，我没有做 OK，我可以随时在白色屏蔽块下调整字体笔画。例如，上图中助词力部分的撇笔画用白色块覆盖。如果左下角的弯曲程度不够，我可以在白色块下调整。如果这幅画的长度不够，我可以向下移动白色屏蔽块。
这一步，为字体增加缝隙，营造一种时尚感和科技感。上图中 AI 绘制字体元素下有草稿图，干净效果见下图。而上图是选择元素的效果，方便大家观察。
上图文字周围放置了许多小色块，作为间隙的参考。它们有两个厚度的版本，一个单位 1 厚度，一种是单位 2 厚度。单位 2 厚度是单位 1 厚度的两倍，即单位的两倍 1 厚度：单位 2 厚度=1：2.它们的分工略有不同。根据安排中的亲密原则，单位 1 厚度小的色块主要负责单笔切割的效果；单位 2 厚度较小的色块主要负责字体偏旁部首之间的间隙。
嗯～缝隙效果完成后，字体整体更加透气，效果极佳。
根据草稿，右上角需要添加尖角。增加了一点个性化。这部分在草稿阶段也讲了很多要点，下面是一些新的知识点。
「民招助纳贤」这 6 单词是常规尖角操作，右侧垂直切割；所有这些单词都不同于你的单词。首先，在处理了常规的尖角操作后，整个笔画末端会显得略重而不美观。因此，在笔画末端的尖角效果下也有上弧效果，使其更加自然、美观、视觉合理。此外，你的单词，右上角的尖角效果下面的笔画有一个倾斜的角度，所以尖角效果需要沿着倾斜的角度切割，你可以。
这是增加尖角后的效果。
在蓝圈位置，做出缺角的效果，从而达到类似字体笔画之间的投影效果。
这种效果是锦上添花。我选择的位置是字体结构合理，笔画关系符合层次关系，有必要做这种投影效果。我在你的字里比较克制，只用了一个位置，这里连纳贤这个词都没有，因为找不到合理性就不做了。(在这些选定的位置做了缺角效果后，我会一起感受和审核整个字体。)
设计不是为了做，一个特征不适合所有字体，因为字体结构不同。不要混淆“一致性原则”和“为了做而做”，这是克制，这是程度的控制。
这是字体字形最终效果的呈现。一种稳重、有力、个性小的字体设计。
希望你喜欢。
后期:字体包装(匹配图片)
字体设计是为操作图片中的标题服务的。仅仅把字体放在上面是不够的。它还需要字体效果。这是字体形状的最终效果，包括字体效果、描边、网格效果投影和简单的排版包装。在操作视觉中，字体效果的种类也多种多样，包括错层效果、立体效果、粗描边效果、渐变效果和局部色块效果。根据主题类型选择合适的效果。
做字体设计是一个需要耐心的过程。这个教程，我耐心，用耐心和勇气，努力做我在写作过程中的想法和想法，都“写作”，为你，是我们一起交流，一起学习。如果你能从中得到一些东西，我会很高兴的。
看这里不容易，教程稍长，谢谢耐心阅读！
相信大家都遇到过这样的情况:有时候总觉得用普通字库字体表现力不够，完全设计字体费时费力。
阅读文章 >欢迎关注作者微信微信官方账号:「笔触鸣心工作室」
热评 薄荷牛奶