几何风格字体设计教程

Sponsor

这次给大家带来一篇关于几何化风格的字体设计教程，绝对详解，毫无保留。

下面进入主题：

这次我们要设计的内容是「山海不可平」

我们做字的步骤大体可分为下面四大部分：

第一部分是：思考

根据主题进行发散思维，得到一些关键词～

第二部分是：草稿

1. 绘制手稿

按上面思考出来的关键词，尝试绘制字体设计草稿～

第三部分是：执行

2. 字库字体结构参考

3. 绘制字框与网格

– 有字框与网格作为参考辅助设计，更加有保障。

4. 初稿

– 这是一款几何图形化的字体设计风格。

– 我用抽象的三角形与直线条搭建整组字的结构。

– 三角形，可以是山峰，比如下面的「山」字；也可以是小山丘，比如「平」字；或者可以是树，比如「海」字左边部分三角形堆叠起来的样子。

– 几何图形化字体中的抽象形，可以完美将字体笔画与事物形态融为一体，这是它最妙的地方。

5. 加一些装饰线

– 在字体之间加入一些装饰线，显精致。

6. 样式分布需均衡

– 上一步骤的字体呈现，排版拉开，加装饰线之后确实精致了，不过在视觉上还是有些奇怪。

– 比如我把上面的字体分为两种，一种是图形占比大的，当成是实心圆；一种是图形占比小的，当成是空心圆，那么上面的字体就会是：实 | 空 | 空 | 空 | 实。

– 这样的样式分布就不太合理，在五个字一组当中，只有两边是实心字，几何图形字体的氛围其实并没有营造出来，这样呈现的字体气质就会很怪。

– 应该是：实 | 空 | 实 | 空 | 实，这样的样式分布就合理一些，更均衡，就好比音乐一般有节奏感。

– 因此，我想办法针对「不」字做调整，将其由空变实，且融入三角形。

7. 调整

– 「海」字在上一步骤，左边的三点水是三个三角形堆叠起来，为之树，但显得拥挤，所以去掉一个三角形，加上一个小圆形。好似树梢上有一太阳。

– 「海」字的「母」部分整体向上收，整个字中宫内收。感觉跟其他字变得不是很搭了。

– 「不」字在上一步骤感觉整个字太宽，通过对该字与整组字体的观察，发现该字的视觉重量过重，其实就是三角形部分太宽大。因此收紧处理。

– 「可」字，上一步骤中宫过于内收，主要是「口」部分太小了，固将中间的「口」部分外扩，填满字框，做到中宫外扩，字形饱满。

8. 继续调整

– 调整完一遍后，我会不断观察每个单一字体识别是否足够、字体结构是否合理舒服、字体个性是否保证不缺失，然后再整体去观察，衡量标准跟观察单一字一样，还要观察字与字之间的合理性。

– 「可」字经观察比对，中宫外扩太猛，所以往回收敛一下；然后其右上角和左下角的圆角弧度也加大了一些。

– 「海」字三点水旁还是不对，样式有些过度设计，因此决定放弃这个样式，用简约线条。

得到的结果是：

– 山，面形+线条；

– 海，线条；

– 不，面形+线条；

– 可，线条；

– 平，面形+线条；

– 更符合前面提到的音乐节奏般的合理样式分布。

– 不足的地方就是「海」字的视觉重量还是重了。

9. 接着调整

– 「海」字三点水旁做了调整，如图。

10. 继续优化

– 「海」字三点水旁做了调整。三点水的宽度变窄，从而让「海」字在整款字当中的视觉重量也变得不那么重了，趋向和谐。

– 不足之处，三点水显得有些细碎。毕竟我们这组字可是抽象的线与面的玩法，没有点。

11. 继续修改

– 「海」字三点水旁改成一点+一线，并依然看得出是「海」字。

– 整体审视观察，发现「不」经过上一步骤又显得视觉重量过于轻了。

– 最后把「不」字调回接近最开始的样子，即三角形部分变宽了。

– 这样所有字的视觉重量基本一致。

– 下面观察一下「海」与「不」字的修改过程：

12. 字体的版式

– 这组字，山海不可平，实 | 空 | 实 | 空 | 实，蛮有韵律感的，又是抽象的山或树，是字又是画。

– 我想它应该是一幅山水画的样子，因此五个字应该是错落有致地排布。

13. 最终稿

第四部分是：包装

15. 包装

一些看法

– 图形化的字一定需要谨慎克制。

– 极度抽象化文字体态的同时，一定要时刻盯着每一个字的识别度，千万不要丧失识别度，更不要做成了另一个字。

– 比如别把「未」做成了「末」，别把「失」做成了「先」等等。

全流程回顾

14. 做字全流程GIF图

– 把过程用动效串起来，方便大家快速有效感受字体设计过程的变化。

感恩您阅读到此，让我们这次的交流更为完整。

后会有期～

作者 | 梁志坚设计师
来源 | 笔触鸣心工作室（ID：BiChuMingXin_01）

赞助商链接

喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。
版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。