字体设计教程:送给你150000种字体设计方法

字体设计教程:送给你150000种字体设计方法

多图预警!!这篇文章图多,但字不多,耐心点读喽。来源:刘兵克字体设计

你没数错,是150000,后面有四个零!

等你看完这篇字体设计教程之后,我相信你也会确认......是的,我真的没有吹牛X!

字体设计,并不单指笔画变形,而笔画的创意变形,必然是设计。当在我们眼前出现一个字体时,我们面对着的,不是一个简简单单的字,而是字体内的横、竖、撇、捺、点,是各种不同的结构。

字体设计教程:送给你150000种字体设计方法

现在,我们先虚拟一个字体命题,就设计“英雄”两字。

字体设计教程:送给你150000种字体设计方法

上图字形是我们简单设计出来的基础字形,横线、竖线、斜线都是工整的矩形和平行四边形。

好了,系好安全带,我们正式起飞!

A、横线笔画设计

我们先拿横线笔画来进行改造和加工,通过在横线端点进行细节添加和修饰,丰富横线笔画的设计感。

字体设计教程:送给你150000种字体设计方法

上图还是基础字形。

接下来的设计演变,只对其中的横线进行设计,其他笔画保持原样。

设计变形后

字体设计教程:送给你150000种字体设计方法


字体设计教程:送给你150000种字体设计方法

到这里,10种细节不同的横线笔画,分别添加在了这两个字体中,我们也就得到了10种不同的字体变形。

接下来,我们继续改造其他细节,竖线和斜线。

B、竖线和斜线笔画设计

这是我们的第二步了。

玩够了横线,我们再来调戏竖线和斜线笔画,继续下去。

字体设计教程:送给你150000种字体设计方法

上图还是基础字形。

接下来的设计演变,只对其中的竖线和斜线进行设计,其他笔画保持原样。

设计变形后

字体设计教程:送给你150000种字体设计方法

到这里,竖线和斜线笔画也做了不同细节的的5个方案。

现在,所有横竖斜线都有了细节修饰和改变,我们接下来要做的是做单独笔画的整体变形。

C、笔画的设计变形

在最初的基础字形里,所有笔画都是相对规则的。在这一步的设计改造中,我们要改变他们的形态。

字体设计教程:送给你150000种字体设计方法

设计变形后

字体设计教程:送给你150000种字体设计方法

很快完成了第三步。

别着急,后面还有更多的姿势,让我们继续愉快的玩下去。

D、笔画的衔接与切割

上述三个方法,前两个是单独为某些笔画添加修饰和设计,第三个是单独改变某些笔画的形态。

现在的第四个,我们对笔画之间的关系进行改造升级。

字体设计教程:送给你150000种字体设计方法

设计变形后

字体设计教程:送给你150000种字体设计方法

虽然已经讲了很多了,但还远远不够。这篇教程估计会很长很长,让我们把字体改造到底!

E、字体连接

上面讲的第四种方法是让单个字体内的相邻笔画,两两之间发生各种微妙关系。

接下来,我们让两字之间直接碰撞,发生更剧烈的关系。

字体设计教程:送给你150000种字体设计方法

设计变形后

字体设计教程:送给你150000种字体设计方法

四个连接位置,四种不同姿势。

当然,不同字体内容必然会有不同的设计变化,按照这个方法,灵活运用即可。

好了,还是让我们继续搞下去吧。

F、笔画外部延伸

上面已经讲了ABCDE,共5种方法。这5种,都是在字体整体面积不变的前提下进行的各种变形变化。

现在,我们要勇敢突破一下了。

字体设计教程:送给你150000种字体设计方法

设计变形后

字体设计教程:送给你150000种字体设计方法

延长字体中的某些笔画后,整组字体的外形轮廓会发生明显改变,设计感也会更加醒目。

G、字体整体变形

刚刚结束的第6种方法,字体的变形还是维持在水平状态。下面的,也就是最后的第7种,我们让字体的动作再爽一点,再猛烈一点!

字体设计教程:送给你150000种字体设计方法

设计变形后

字体设计教程:送给你150000种字体设计方法

很快,我们就给了字体5种全新的动作,是时候给上面的7类方法做合体了。

方法合体

从7类细节,7个角度出发,我们得到了数量不同的设计方法。现在,我们再列举一遍。

A 横线笔画设计(A1-A10,10种)B 竖线斜线笔画设计(B1-B5,5种)C 笔画设计变形(C1-C5,5种)D 笔画的衔接与切割(D1-D6,6种)E 字体连接(E1-E4,4种)F 笔画外部延伸(F1-F5,5种)G 字体整体变形(G1-G5,5种)

现在,我们来算一道高中数学题,当我们从这7类方法中各选1个进行交叉集合,就得到了我最开始提到的这个数字。

10×5×5×6×4×5×5

=

150000

我们从这150000组中拿出一组,相加实验一下。

字体设计教程:送给你150000种字体设计方法

从上往下,设计序号依次是

A3、B2、C3、D6、E1、F3、G5

把他们各自的设计效果相加,就会得到下面的字体。

字体设计教程:送给你150000种字体设计方法

这一篇最简单最粗暴的教程已经放在这里,应该会给你带来一些思路和灵感吧。当你下次设计字体的时候,尝试用一下这些方法,相信你会爱上它们的……

借此缘分您点击下方“了解更多”,汇包装平台一分钟就给到您产品的包装预算,万款案例让您快速做出决策,最快看到样品及量产所需时间,您产品销量暴增开始!

字体设计教程:送给你150000种字体设计方法


分享到:


相關文章: