连笔和断笔在创意字体设计中运用得十分广泛,它们往往同时出现。连笔的运用,一方面可以增强笔画之间的联系性;另一方面也可以増强字体的整体性。

汉字设计就这么简单!连笔断笔

断笔往往出现在笔画的连接处,可以使连笔笔画更为自然顺畅。连笔和断笔的运用必须与字体结构相呼应,不能生搬硬套,不能牵强,同时还需保持字体的可识别性。

汉字设计就这么简单!连笔断笔

案例1迟暮

尽暮两个字给人一种黄昏、暮年的感觉。因此在字形上,我降低了字体重心,以此来体现一种安稳、安定的感觉。圆点可以理解为太阳。在笔画处理上采用连笔的方式,使字体看上去为更为整体统一,笔画的回环曲折给人一种时间流逝的感觉。

汉字设计就这么简单!连笔断笔

前期构思STEP1

我们可以先打印出一个字库字体,这里以黑体为例,我们将其打印出来,在纸上进行分析。观察字体笔画后,我们发现字体中直线明显比曲线多,因此可以先将所有的曲线改为直线,寻找字体中可以进行连接的点,单个字或字体皆可,这个根据设计需要或实际情况而定。

汉字设计就这么简单!连笔断笔

另外,我们可以看到“暮”字中有一个“大”字,关于这部分结构的处理,不同字体间有不同的表现方式。我们先来看一下“迟暮”两个字中,我对“大”字的处理手法。

汉字设计就这么简单!连笔断笔

上图中,左边是根据原有字形所制作的“大”,右边是经过处理后的“大”,这里我先择了右边的形式,使笔画结构更为平衡。

汉字设计就这么简单!连笔断笔

矢量绘制STEP2

根据前期分析的结果,我们把字体的结构搭建完成,并在单个字体中寻找可连接的笔画进行连接处理。

汉字设计就这么简单!连笔断笔

将临近的笔画做连接,并在笔画的交界处,进行断笔处理,一方面使连接后的笔画更为流畅;另一方面也简化了字体结构,增大了字体的内白,使其看上去更舒服。为了统一笔画,将“暮”的草字头同样做断笔的处理。

汉字设计就这么简单!连笔断笔

接下来我们寻找字体间的连接点将“迟”的走之底与“暮”下方相连接,使字体联系性更强。

汉字设计就这么简单!连笔断笔

细节刻画STEP3

字体骨架基本搭建完成,我们接下来看字体哪些部分可以做优化。首先为了体现黄昏的感觉,我想在字体中加入一个太阳,我尝试着将“暮”字中间部分的“大”做结构性的变化将其出头的部分换成圆点。

汉字设计就这么简单!连笔断笔

效果还不错,不影响识别,且能表达出我的想法。但是我们发现加了圆点后,字体笔画看起来太过僵硬,我们在圆圈这部分做个圆弧的尝试,并将“迟”字走之底的那一点也换成圆点,这样笔画结构就更为统一了。

汉字设计就这么简单!连笔断笔

笔画统一后,整个字体看上去比原来舒服一些,但在笔画细节处理上依然让人觉得太过生硬,我们可以尝试在笔画上做个圆角的处理。关于圆角的程度,这里我们进行比较后发现左边圆角比较大,使整个字体看上去比较“可爱”,而右边的圆角比较小,有一种圆中带方的气质在里面,比较符合整个字体的性格特征,因此最终选择右边的圆角进行优化。

汉字设计就这么简单!连笔断笔

经过不断的调整,这个字体基本已设计完成。关于连笔与断笔的运用需要我们不断地练习与思考。

汉字设计就这么简单!连笔断笔

案例2撒欢

一款“宠物应用”字体,需要体现出可爱的特点,字形不能太复杂,其需要具有易识别的特性。根据甲方提供的信息,我首先想到的是圆体字,一方面它比较柔和,另一方面它比较可爱,而且易识别,于是基础字形可以确定了。

汉字设计就这么简单!连笔断笔

前期构思STEP1

根据“宠物应用”的特点,我们先来看几个关键词。根据下图罗列出来的关键词,我们找一款合适的字体作为参考。

汉字设计就这么简单!连笔断笔

这里我选择“幼圆”作为我的参考字体,因为在笔画结构上,它比较符合“撒欢”的个性特征。

汉字设计就这么简单!连笔断笔

我们先观察一下“撒欢”两个字的特点,首先可以看到这款字重心比较高,笔画比较细,而一般可爱的字体都是圆头圆脑,胖嘟嘟的,而且比较“迷你”。因此我们要根据参考字形,将笔画加粗,重心压低,最后用线勾勒出字体外形。

汉字设计就这么简单!连笔断笔

通过对字形的分析,我在纸上进行了多种尝试,想将“宠物”的某些特质融合到字体中,比如骨头、尾巴等元素,最终选择一款看上去比较自然的字形进行制作。

汉字设计就这么简单!连笔断笔

矢量绘制STEP2

根据绘制好的草图,将字体骨架搭建好,通过观察可以发现红圈部分距离比较近,可以做个连笔使字体更和谐统一。

汉字设计就这么简单!连笔断笔

细节刻画STEP3

观察笔画中不合理的地方并进行优化和改进,一步步将字体做饱满。

汉字设计就这么简单!连笔断笔

进行笔画统一后的字体看上去舒服很多。

汉字设计就这么简单!连笔断笔

接下来根据我们画的草图,给字体加上“尾巴”,使其看起来更像宠物,从而为整个字体添加活力。

汉字设计就这么简单!连笔断笔

为了统一笔画结构,我把箭头所指的部分也改成了圆的形状,并在顶部加上了“撒欢”的拼音,填补了字体上半部分的空缺。

汉字设计就这么简单!连笔断笔

案例3追寻

梦想有时候离我们很近,有时候又遥不可及。在人生的道路上,我们总是在不断地追寻着自己的梦想,心中有目标使我们不断地成长和强大。在这个案例中,我以“寻”字为支点,将字体设计成一个类似天平的样子,生活与梦想之间我们不断寻找它的平衡点。红点代表着“心灵”的方向,象征着梦想。

汉字设计就这么简单!连笔断笔

前期构思STEP1

在进行字体设计前,补充一个小知识。我们先来看一下字体“追”字的结构,下图是电脑中打出来的印刷字体,我们可以看到,对于走之底的写法,有这么几种,偏旁的多种写法为我们重新造字带来了更多便捷。接下来我们再看一下下图中圆圈部分的写法差异,不同写法所产生的视觉感受也有所不同。

汉字设计就这么简单!连笔断笔

矢量绘制STEP2

根据前面的分析,把“追”字用钢笔工具勾勒出来,在笔画的处理上,参考印刷字体的写法。选择一个合适的字形进行断笔和连笔的处理,并多尝试几种方式。

汉字设计就这么简单!连笔断笔

细节刻画STEP3

软化笔画,削弱字体的棱角。

汉字设计就这么简单!连笔断笔

继续优化圆角大小,通过对比我们可以看到左边的圆角弧度比较有力量,而右边的相对来说太柔软,整个字形没有左边那么有力。

汉字设计就这么简单!连笔断笔

同样的方法,我们进行“寻”字的设计,比较“寻”字的字形,我们选择第3款与之前设计好的追字进行组合。

汉字设计就这么简单!连笔断笔

当我们把两个字放在一起时,发现它们的字面大小和重心并不一致,按以往的做法,我会先调整重心,然后进行字面大小的调整。但在这个案例中,我们试着先进行笔画的连接,看能否在连接的过程中缩小两个字之间的差距。

汉字设计就这么简单!连笔断笔

经过连接似乎真的缩小了两个字间的差距,而且还增强了它们之间的联系性,看来做连笔的想法是对的。但是问题也随之而来,我们发现这样连笔后,左边明显比右边重,视觉不平衡。

汉字设计就这么简单!连笔断笔

这里我们通过调整“寻”字支点的位置,来使整个字达到平衡的状态,并在字体的右方加入一颗“红心”,代表了心的方向,梦想的方向。

汉字设计就这么简单!连笔断笔

将“追”字的点用红圈代替,并给“寻”字加上属于它的那一抹红,进行统一笔画,最后再调整笔画连接方式。

汉字设计就这么简单!连笔断笔

继续丰富整个字体,在加入几行英文单词后,这个字体就设计完成了。

汉字设计就这么简单!连笔断笔

案例4风和日丽

风和日丽的意思是和风习习、阳光灿烂,形容晴朗暖和的天气。因此在这个案例中,我用长线条代表风的感觉,并将字体向右上方倾斜,然后将字体做得比较修长,给人一种清秀的感觉。

汉字设计就这么简单!连笔断笔

前期构思STEP1

打印出一款“风和日丽”的横版与竖版字体进行观察分析。可以看出“风和日丽”4个字在字与字之间的连接上,竖版比横板更好连接一些。并且将字体进行错位排列后,可以连接得更加流畅。在这4个字中,“风”字中间部分有交叉的斜线,“和”字左半部分有斜线,“丽”字的两点也是倾斜的。因此,在不影响识别性的情况下,我们需要将它们摆正来统一笔画。

汉字设计就这么简单!连笔断笔

矢量绘制STEP2

通过前期分析,我们开始进行字体的设计。我们选择竖向的排列方式,先用钢笔工具将字体的骨架搭建完成,并根据分析的结果寻找笔画连接点。

汉字设计就这么简单!连笔断笔

观察字形我们可以看出,“风”字的左右两笔是向外扩散的,因此先保持“风”字的位置不变,将下方的字体向左移,使其连接后不影响识别性。但是这样连接后字体明显重心不稳了,所以我们再为它做个倾斜处理。

汉字设计就这么简单!连笔断笔

倾斜后的字体重心依然向左倾,因此我在这里使用延长笔画的方法,使其达到平衡的状态具体过程如下图所示。这样字体的基本骨架就搭建完成了,我们继续细化它。

汉字设计就这么简单!连笔断笔

细节刻画STEP3

优化字体的笔画,增强笔画间的联系性,从而使字体保持整体性,同时字体的感觉更飘逸。

打赏
  • 打赏支付宝扫一扫
  • 打赏微信扫一扫