实战案例！详细剖析11款字体的设计全历程（上篇）

@我为画狂1024 ：本文详细剖析11款字体设计的全历程。设计+剖析+动效，以最简朴易懂的方式，合成一篇字体设计分享文章，希望你会喜欢，并留言交流。

字体设计对设计师来说应该是蛮重要的技术，甚至可能说是最基本的技术，因为经常用到这项技术，好比标志尺度字体、海报、主题运动主画面、线上Banner等等。做一款字并不难，难在做好一款字。

做字流程先讲讲我的做字流程：确定要做的字明白和消化字的寄义网上搜寻相关参考资料边想边画手稿电脑执行（软件AI）润色包装下面案例会重点解说电脑执行（软件AI）这部门，包罗初稿、历程稿、亮点详解、难点剖析等等，另有一些在特点字气势派头下的做字要点。三大原则在这次的分享中我更多的从设计技法的纬度去剖析，在创意层面则会稍微提一下。我在设计大部门的通例商业字体时，会严格遵守三条原则，划分是：中宫外扩慎用技法重量一致1. 中宫外扩中宫收紧这种情况一般只存在在书法字体中，显得紧凑有力。

中宫外扩一般适用于方方正正的尺度美术字，即通例商业字体设计，使用此形式会让字体宽松而且更规整。因此这两种形式并没有优劣之分，视情况而定。2. 慎用技法这里的技法是指字体设计时可以增加字体的设计感形式感的一些技法，好比：连笔断笔、笔画特征粉饰。技法需克制使用，如若泛滥使用，则会使字体降低了美感，甚至丢失了识别度，矫枉过正。

好比下图中设计的字体，是什么内容？你是否还看得出来呢？「感官」二字能看得出来，后面两字是否无法识别，只能连蒙带猜了呢？是的，因为识别性太弱了。字体设计的识别度严重不够，恰恰是因为忽视字体结结构成的。

我小我私家以为，雅观性和识别度同等重要，好比一双筷子缺一不行。切记不行一味追求炫技，需克制，掌握好技法使用的度。需要更多思量字体的识别性和雅观度。

3. 重量一致重量一致是指在一款字体设计中，在视觉上每一个字都保持均等的分量，也就是在视觉上感受每个字都一样重。举个例子，如下图中的「一二三四国馨」，这些字的笔画从一笔到二十笔递进，疏密各纷歧致，为了到达视觉上一致的分量，在笔画少的字体中笔画调得相对粗一些，而笔画多的字体则将笔画调得相对细一些，从而到达整体协调。下面让我们进入详细字体案例的分析中吧。

第1款1. 前期思考当拿到这个主题的时候，我想到的是唯美、古典。定下字体气质，便按这个偏向找寻合适的参考。在搜寻参考的时候我突然想到了古修建的屋檐，也想到了用海浪的形态，即把四个字做成海水流动的既视感。

最终思量到古修建屋檐的特征更有唯美气质，屋檐特征更为抽象简约，可以不繁琐且巧妙镶嵌在字体笔画中，与之共生，因此选了这个创意点。2. 绘制手稿3. 字库字体结构参考接下来进入电脑执行，首先我会打「海棠未雨」几个字库字体放在一边，便于随时参考字体结构，也能制止自己政府者迷犯低级错误。4. 雏形用钢笔工具勾勒出基本型。

3. 初稿做字时需不停检查「单个的字」和「整体的字」。单个的字：主要检查字体内部偏旁部首之间的位置距离是否协调，再就笔画与笔画之间的亲疏关系。整体的字：主要检查各字体的重量是否一致。

总而言之就是视察字体的「识别性」和「雅观度」。现阶段，感受「棠」字略宽，「未」字略小，「雨」字高了。4. 调整字体细节调整之后舒服了许多，很多多少方角部门做了「倒圆角」处置惩罚，更耐看了。

做到这一步，感受整款字体已经没有什么大毛病了，但依然平平无奇。5. 增强字体古典气质加入了古修建屋檐的抽象形，融入每一个字的某一笔画之中。添加了字体唯美、古典的气息。

然后在笔画交汇处都做了「溢墨」处置惩罚（一般书法字才会有墨水溢开的效果），越发深了字体的古韵味道。6. 一些思考其实另有很多多少细节都在设计历程中做了恰到利益的优化。好比：「棠」字上面三笔，中间高双方低，为了识别也为了雅观。

好比：有古修建屋檐特征的笔画的位置安放思量，相邻两字之间的屋檐特征笔画是坚决不能对齐，按这个尺度加上因地制宜的调整后，出现堕落落有致富有美感的一幅画面，好像远处有一座座崎岖差别的古修建，还飘着雨。7. 做字全流程GIF图8. 包装第2款1. 绘制手稿2. 字库字体结构参考3. 初稿快速把基本形执行出来。字体结构：属于上紧下松。字体特点：笔画横细竖粗。

横笔右端倾斜处置惩罚。字体的影象点在于「来」字的撇和捺，其他字也同样保持这样的特征。4. 添加字母粉饰5. 优化「来日方长」四字紧凑排版。粉饰字母使用更小字重，为了弱化粉饰字母，固在每两行之间添加了横杆，更显精致。

6. 最终稿最后调整一下细节，好比整体特征笔画的处置惩罚，好比「长」字右下角断笔的处置惩罚。7. 做字全流程GIF图8. 包装第3款1. 版式1绘制手稿字库字体结构参考初稿该款字体为繁体字，第一和第四个字笔画繁多，第二第三个字笔画略少，因此在设计时候需要特别思量到「重量一致」的设计原则。

字母粉饰现阶段每个字体的气势派头还不算很是统一（基本统一，但还不够）。修改调整「方」字实验另一种可能，「方」字为了在气势派头上与「来」字更统一、呼应，因此修改成下图的方案。「长」字的繁体字右下角做了调整，越发协调了。

横版最终方案经由再三权衡对比，还是以为「方」字左下角那一画，一笔下来更有气力感，有具设计感。「长」字保持上图最终方案。之前「长」字右下角那一笔跟「方」字左下角那一笔严格对称谓应倾斜度，从而忽略了长字的整体协调性和稳重感。做了调整之后协调稳重多了。

2. 版式2继续试一试另外的排版，探寻更多可能性。手稿新的版式新的味道在上面加了一些数字与线条的装饰，更显精致。

由于版式的差别，「日」字自己字体的宽度受限，思量到拉宽会改变字义（宽则为「子曰」的「曰」）。因此，把「日」字左对齐上面的「来」字，将中间的横笔破型出头到右边，正好填补了该处的空缺，更与每个字的最长横笔呼应。

做字全流程GIF图包装第4款设计这款字体时，我并没有绘制手稿。而是找到了优秀的字体设计作品作为参考，这个参考的字体内容并没有泛起「放肆喜欢」中任何一个字。只要能掌握住字体设计的焦点特征，皆可借鉴。

1. 字库字体结构参考老样子，电脑执行打一行字库字体（一般用通例黑体）作为字体结构参考。2. 分析参考设计笔形特征分析到位了，看透所找参考的字体设计作品的主要特点，或者说气势派头，将对接下来的造字执行很是有利。3. 雏形在整体上，四字之间的视觉重量纷歧致。在细节上，许多细节的处置惩罚并不到位，显粗拙。

4. 初稿比前面雏形好了许多，但重量依然纷歧致。理由是双方的字笔画少，中间的字笔画多。

另有一个问题是「放」字和「欢」字右边上面那一「撇」属于这款字的显著性的特征，中间的「肆」字和「喜」字却没有体现。5. 调整「放」「肆」「欢」在气势派头和视觉重量上都到达了尺度，唯独「喜」字差点意思。

6. 集中发力设计「喜」字集中发力设计「喜」字，实验更多的可能性。7. 多实验总有惊喜在等你实验了好几款差别的「喜」字，最终找到了满足的效果。坦白说其时实验到最后这个「喜」字的时候，心里还是挺愉悦的。8. 最终稿最终出现可以说在尺度线以上。

字体气势派头特征统一，字体视觉重量基本一致。特别解说一下「喜」字。

「喜」字笔画多，因此在兼顾识别性与雅观度的前提下，如何调成气势派头一致和重量一致呢？最上面那一横笔做断笔处置惩罚，制止笔画多而造成的「密不透风」。中宫也外扩，即「士」部门最下面那横笔、两个「口」部门的宽度都处在一个合适的占比，因此在视觉重量上与其他三字是一致的。

最难的点来了，这个字横笔太多，共有7条横笔，悬殊于其他字。怎么解决呢？把两个「口」部门的下面一横去掉（并没有影响识别性），然后两口之间那部门（喜）两点一横合并成一笔，中间直双方翘起，翘起部门恰好有那两点的特征，因此整体识别性也满足了。这个「喜」字，用了断笔、连笔、共用的手法，但出现出来的效果是简练的，跟其他字舒适共存了。做字不刻意，不炫技，技法手法都是为了到达合理效果所用的手段。

9. 倾斜处置惩罚版本水平倾斜10度，垂直倾斜7度，就有下面这种效果了。10. 做字全流程GIF图11. 包装第5款我很喜欢这个主题，窦唯有一首歌就叫《高级动物》。这是一款纯粹且凌厉的字，尤其是大刀阔斧的字胚之上加了一些尖角。带刺的感受总能让我想到动物们的爪子和抓痕。

我做字，很克制，不喜炫技，拒绝多余的素材。就好比陈丹青所言，书的封面干洁净净最有书的样子，最像是书。书如此，字亦如此。

但我玩心也大，遇见特此外气势派头也喜欢实验。克制与放肆同行，一切看心情。

1. 绘制手稿2. 字库字体结构参考3. 初稿4. 整体优化「高」字和「级」字各一处笔画做断笔处置惩罚。「动」字右下角做减法。「物」字左右部门宽度调治，左加宽了一些；三笔斜笔角度趋平调治。

整体排版紧凑调整，整体字体笔画按视觉重量一致原则做了统一调治。增加字母粉饰，字体为「Din」。5. 增强字体个性化特征在每个字右上角添加尖角细节，让字体更显尖锐。

在每个字最右边竖笔下端左侧添加尖角细节，宛如动物利爪。6. 倾斜处置惩罚更有动势水平倾斜10度，让字体更具动感。7. 做字全流程GIF图8. 包装第6款1. 绘制手稿2. 字库字体结构参考3. 雏形在AI中使用钢笔工具，要么竖要么横的直线勾勒出字体的大致形态。「高」字的横笔有6笔，与其他字相比过多，因此把两个「口」字部门各去掉一横，竖笔双双相连。

看起来更简约，也更具备设计感了，而且视觉重量也与其它三字更一致了。两「口」部门虽都缺了一笔，但它们共用之间一横笔，在视觉上它们就像从有距离的两个方形酿成零距离的两个方形，因此识别性并没有被削弱。4. 笔画圆化软化+添加字母粉饰5. 优化将字体「线」转为「面」，也就是AI软件里将字体的线条路径「轮廓化描边」成为面状图形，然后合并。

接着针对笔画相交处做「溢墨」效果，也就是在软件里针对交汇处的节点选中然后做「倒圆角」处置惩罚。修改粉饰字母的字体，由「Din」的字库字体改成了「Rubrik」，气势派头上越发匹配了，理由是，「Rubrik」这款字库字体的气势派头也是外形属于圆弧状，笔端为圆头，跟我设计的中文字体气势派头一致。留心的朋侪应该察觉到了，「高级动物」这两款差别气势派头的中文字体，与之匹配的字母字体也是差别的。

6. 最终稿7. 轻微包装8. 做字全流程GIF图9. 动效包装闪烁发抖的效果让字体更鲜活更有生命力。你是否也会有这种感受呢？第7款1. 绘制手稿2. 字库字体结构参考3. 限定字体外框区域+网格参考线+钢笔工具按手稿勾勒出基础结构线条这类气势派头字体调治起来会相对比力贫苦，限定字体的外框区域，有利于节约不须要的试错成本。

4. 字体基础结构线条5. 设置字体笔画样式调治好字体笔画线条的粗细。调治线条缠绕的走向与前后关系，只要营造绳索缠绕的感受即可。6. 最终稿在字体笔画上添加一些小细节，尤其是转折处，有点像是小高光，多了一些质感。添加字母装饰。

字体中英文复制粘贴在底部，并放大，降低不透明度，效果蛮有意思的，有点像字体装于透明塑料袋内里。7. 实验差别配色8. 做字全流程GIF图9. 包装。

本文来源：od体育app官网入口-www.fddibang.com