【设计法则100】字体logo设计小教程分享(钢笔造字)

-
第一步
先行绘制字体logo的草稿。(纸笔/PS/iPad都可以绘制)
创意为：使用设计师日常使用到的电脑、铅笔、
本子等工具（包括电脑屏幕上绘制的黄金螺旋
线图案）来体现设计的日常与专业性。

-
第二步
将草稿图置入AI（矢量软件），降低不透明度，锁定。以此为垫图，在上面勾出字体的结构线-既字体书写的路径。然后把右下角的本子图形绘制出来，同时把一些辅助文本排版好。

-
第三步
将上一步勾勒的路径加粗，看左图，是不是很丑(比如线条杂乱无章/很多笔画黏糊在一起/部分笔画与整体笔形风格不统一/等等)，没关系，一开始都是丑的。慢慢调整就好了。

-
第四步
在上一步的基础上调整字体结构——“计”字太窄，调宽一些；“法”字三点水上面的两点上一步的状态太飞了，按照草稿那样把它们两边切齐即可。下面的“100”也加粗，跟着上面字体的风格走。

-
第五步
整体圆角化。
有三套逻辑，圆角的程度从小到大：
1、笔画断笔处的缝隙，圆角最小；
2、笔画两端的圆角，程度为中；
3、笔画转折处的圆角，程度最大。

-
第六步
检查字体结构的高度是否统一。
尤其是横笔画与竖笔画到边缘的位置，标准不同。并非物理对齐边缘，而是加入视觉对齐的标准。(具体请脑补参考正方形圆形三角形它们三的对齐方式)

-
第七步
对第二行内容做一些调整。如草稿所示，在“100”的两个“0”分别添加一个眼珠，让这款“字体+图案”组合方式的logo多了一些轻松感。且眼睛有视觉引导的作用，看向右边的书本图标。右边图标是一本打开的书。上面是一个变量的数据，即分享到这个“设计法则100“中的哪一个法则了。如从001/100到002/100，再到077/100，到099/100，最后到100/100,好用又有趣。经过反复尝试，调整，最终确定上图第三款。

-
第八步
绘制电脑、铅笔、彩带图案部分。
就钢笔工具勾勒,或者矩形工具绘制,加直接选择工具去调整节点位置。

-
第九步
然后跟字体部分组合在一起。同时也把一些辅助内容文字,也都安排上。然后文字”设计法则100”+打开纸质本子的图案这个组合部分(后续直接称为文字部分)的底部加了一层描边效果的衬底,更好的区分了文字部分与底下图案部分的前后关系,也确保图形部分不会对文字部分造成干扰。

-
第十步
“法”字的三点水部分,不是很舒服,因此做各种调试, 尝试不同的三点水造型,标准是在整组字里头不违和, 且符合整体调性。
同时不断调试”法”字整体间架结构在字面框的最舒服状态。
第二方案与第三方案其实挺接近的, 区别在于第三方案的”三点水下面那一笔转折后的那一段”更粗一些, 转折更自然一些, 最重要的是更加在整组字里头显得融合统一。最终选第三方案。

-
第十一步
最后整体做一次优化, 检查各个元素之间的位置/大小/角度等是否为最佳状态,使得整体为一个最完美的状态。到这里,这款logo的基本型就完成了。下面是不同配色与质感的尝试了~

-
第十二步
双色版本

-
第十三步
彩色版本

-
第十四步
简约线条版本
这个版本, 文字部分和图案部分,在视觉上同样是有前后关系的, 在手法上却是不同的处理方式(看左边的示例图)。采用的不是遮挡的手法,而是断笔手法。这样的好处是笔画的笔端呈现的状态比较圆润自然, 更为符合这个版本的调性。

-
第十五步
拙味线条版本
这个版本,是在简约线条版本的基础上做了质感的变化, 使其变得更有拙味,更耐看,更加有了设计师日常工作中息息相关有共鸣的质感。具体可以看下面的示例图。
ok,到这里这款logo的设计执行就到此为止了。下面请看这款logo四种版本的大图展示~
希望这个教程能帮到各位~希望你们会喜欢~ 谢谢~