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

01lcreixdr7dpbcq3zjdud3230.jpg

01tfg4i04eq19a1pbbimcd3339.jpg

01jkiuixrsgbk8dqts0pgu3438.jpg

012pqc8bowwdskjxfx2vru3336.jpg

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

01l3svexwhax1vcmcprqhg3436.jpg

- 第十四步 简约线条版本 这个版本, 文字部分和图案部分,在视觉上同样是有前后关系的, 在手法上却是不同的处理方式(看左边的示例图)。采用的不是遮挡的手法,而是断笔手法。这样的好处是笔画的笔端呈现的状态比较圆润自然, 更为符合这个版本的调性。 - 第十五步 拙味线条版本 这个版本,是在简约线条版本的基础上做了质感的变化, 使其变得更有拙味,更耐看,更加有了设计师日常工作中息息相关有共鸣的质感。具体可以看下面的示例图。 ok,到这里这款logo的设计执行就到此为止了。下面请看这款logo四种版本的大图展示~ 希望这个教程能帮到各位~希望你们会喜欢~ 谢谢~

01yyniryptqpwttpcpw3me3635.jpg

- 第五步 整体圆角化。 有三套逻辑，圆角的程度从小到大： 1、笔画断笔处的缝隙，圆角最小； 2、笔画两端的圆角，程度为中； 3、笔画转折处的圆角，程度最大。 - 第六步 检查字体结构的高度是否统一。 尤其是横笔画与竖笔画到边缘的位置，标准不同。并非物理对齐边缘，而是加入视觉对齐的标准。(具体请脑补参考正方形圆形三角形它们三的对齐方式) - 第七步 对第二行内容做一些调整。如草稿所示，在“100”的两个“0”分别添加一个眼珠，让这款“字体+图案”组合方式的logo多了一些轻松感。且眼睛有视觉引导的作用，看向右边的书本图标。右边图标是一本打开的书。上面是一个变量的数据，即分享到这个“设计法则100“中的哪一个法则了。如从001/100到002/100，再到077/100，到099/100，最后到100/100,好用又有趣。经过反复尝试，调整，最终确定上图第三款。

01bnepdy0481gjq6e20igg3835.jpg

01334b60aa19cd11013eaf709c1b21.jpg

插画 | 近期作品合集

- 第八步 绘制电脑、铅笔、彩带图案部分。 就钢笔工具勾勒,或者矩形工具绘制,加直接选择工具去调整节点位置。 - 第九步 然后跟字体部分组合在一起。同时也把一些辅助内容文字,也都安排上。然后文字”设计法则100”+打开纸质本子的图案这个组合部分(后续直接称为文字部分)的底部加了一层描边效果的衬底,更好的区分了文字部分与底下图案部分的前后关系,也确保图形部分不会对文字部分造成干扰。 - 第十步 “法”字的三点水部分,不是很舒服,因此做各种调试, 尝试不同的三点水造型,标准是在整组字里头不违和, 且符合整体调性。 同时不断调试”法”字整体间架结构在字面框的最舒服状态。 第二方案与第三方案其实挺接近的, 区别在于第三方案的”三点水下面那一笔转折后的那一段”更粗一些, 转折更自然一些, 最重要的是更加在整组字里头显得融合统一。最终选第三方案。

01rd2jyo78yb7rwcn1qoeu3231.jpg

01136858adbfdea801219c77ef4e2f.jpg

Logo设计

018788612b26a611013eaf70aa6750.jpg

2021于文涛个人作品集

站酷推荐设计师

高高手老师

站酷2022年度创作者

010c2d6209b1f911013e8cd06dec9b.jpg

竹笋集150俪媛作品集

01zlvhm65ehqaufabl7fa73436.jpg

#y园糖插画打卡21天总结#

01f15a61cc151d11013e8cd004769a.png

2021字体设计合集/多种风格

#绝活图师#创意闪屏打卡挑战#007

01xtnihwmwq2eq1hpsgwxt3734.jpg

即时ip形象设计：即时精灵「小即」

01x9ke51oajsap0jvibhv83336.jpg

01703e62e13bed0002c45e375b2558.jpg

即时设计

巴斯夫618大促活动页面店铺首页视觉设计

01havrqxjjp3c898gksy2m3438.jpg

- 第一步 先行绘制字体logo的草稿。(纸笔/PS/iPad都可以绘制) 创意为：使用设计师日常使用到的电脑、铅笔、 本子等工具（包括电脑屏幕上绘制的黄金螺旋 线图案）来体现设计的日常与专业性。 - 第二步 将草稿图置入AI（矢量软件），降低不透明度，锁定。以此为垫图，在上面勾出字体的结构线-既字体书写的路径。然后把右下角的本子图形绘制出来，同时把一些辅助文本排版好。 - 第三步 将上一步勾勒的路径加粗，看左图，是不是很丑(比如线条杂乱无章/很多笔画黏糊在一起/部分笔画与整体笔形风格不统一/等等)，没关系，一开始都是丑的。慢慢调整就好了。 - 第四步 在上一步的基础上调整字体结构——“计”字太窄，调宽一些；“法”字三点水上面的两点上一步的状态太飞了，按照草稿那样把它们两边切齐即可。下面的“100”也加粗，跟着上面字体的风格走。