细节对于字体的表现力,无疑很重要很关键,可是却很容易被大家忽略。那么,那些优秀的字体中藏着的小细节,你知道吗?


让我们看一下这组字,这个没有任何外形修饰的字型,给人感觉比较严肃,缺乏感情,看起来比较呆滞。


而同样的骨架,再看添加了修饰后的字体,添加了一个弧度的细节,营造了一种星光流动的感觉,就会显得更为灵活多变,更契合“星语心愿”的主题。



我们再来看两组作品,可以发现,这两组字体中都添加了很多的细节,有横笔画的修饰,撇捺笔画的变形,笔画中间的切角、断笔,还有图形的融合…

感觉很复杂?


没关系,我们分类总结了几种风格,如何给字体增加细节,包教包会,保证学完让你的字体一骑绝尘、更上一层楼。


为了能让大家理解得更为通透,我们今天从以下三类,来讲解字体的细节修饰。



接下来,严肃一点,真枪实弹,进入学习环节!



PART 01  古为今用



在国潮崛起的大背景下,越来越多的商家也逐渐将传统文化重视起来,中式字体在平面广告、品牌形象、商用字库、纯书法艺术等领域的应用也越来越广泛。

中式字体的设计中,体饰是很重要的一部分,体饰,即在已有字体骨架上,对笔画外形所做的修饰。不同修饰形状同样能影响到字型的气质,那么不同字体风格的体饰该如何提取呢?


①从书法中提取

书法是中华民族在历史发展进程中使用的文字体系,在书写过程中呈现出独特的艺术表现形式,将书法的提按顿挫提取出来,融入到设计中是中式字体设计中的一种常见方法。

参考一款楷书的横笔画,提取出起笔的体饰出来,这一步可以最大程度的保留其细节。

我们可以通过这一个楷书笔画体饰,延伸出更多的笔画体饰出来。

通过简化笔画体饰细节,改变体饰弧线,去延伸笔画体饰。

可以做减法,那也可以做加法,让笔画的细节更多一些,这种变法虽然看起来复杂了点,但是很独特。

也可以让细节修饰更偏几何化。

我们找一个案例来看一下。

上面这组字是没有细节修饰的字体,只是通过结构的变化,会有一些中式的感觉在里面,但就像甲方爸爸经常说的那样,感觉少了点什么!

这个时候就可以给他增加细节的变化。

从之前延伸出来的笔画中随便挑一个出来,去替换横笔画。

当然,不是所有的横笔画都需要替换,如果一些偏字体内部的笔画也加体饰,就会显得拥挤、杂乱,所以,在加体饰的过程中,要有取舍。

竖笔画的体饰,可根据横笔画的体饰去做延伸,大致特征统一即可。

再来看一下,没有体饰和有体饰的前后对比,很明显,后者更容易被记住。

给方案进行一下排版配色,一个老式火锅的logo字体就完成了。

②中式元素提取

除了书法,中式元素也可以体现出中式感觉,可以提取中式元素,或者根据字意提取装饰,来体现古典,传统的感觉。

一提到中式元素,我们很容易想到古建筑的飞檐翘角,窗户上的传统窗格,还有一些祥云、图腾之类。

飞檐翘角是中式建筑中很具代表性的,我们可以把这个特点融入到笔画的起笔和收笔中去。

笔画的体饰是可以千变万化的,当我们总结出一个笔画体饰以后,在大感觉不变的前提下,通过一些细节的改变,去延伸出更多的体饰,比如;给体饰的尖角进行不同角度的切割,比较常见的是横切、竖切、45°切。

除去切角,还可以改变体饰弧度的角度。

可以把修饰的弧线改为直线,并融入不同角度的切角。

也可以把修饰的弧度改为一边是弧度,一边是直线。

我们再来汇总看一下,这是我通过不同的细节变化,延伸出来的不同笔画体饰,它们同样都保留着飞檐翘角的感觉,当然,这只是给大家提供一种笔画体饰延伸的思路,大家可以利用这种思路,去解锁更多的变化。

我们再来换一个中式元素去提取笔画修饰。

比如,比较经典的中式窗格,先根据它的造型去提取笔画体饰。

再利用我们前面总结的方法,去延伸出更多类似的笔画修饰。

竖笔画和斜笔画的体饰可以根据横笔画的体饰特点,去做延伸就可以。

接下来再来一个案例,我们这次不用刚刚延展的笔画,来一个新的元素。

先搭建一个字体骨架,然后根据命题的字意来发散思维。

这个命题来源于一首唐诗,“独坐幽篁里,弹琴复长啸”,根据这首诗的名字和意境,我们从竹子来提取元素,将竹节和笔画相结合。

我们从竹竿提取了竖画的笔画,又从叶子提取了撇捺的笔画,是不是已经有竹林葱葱的感觉了。

因为竹子挺拔俊秀,所以我们调整一下字体的重心,让字形更有竹子的感觉。

接下来我们用这些笔画添加到搭建好的骨架上。

因为竖画的特征明显,所以我们横画的延展就做的收敛一点,不能抢了竹节的感觉。

做到这一步看字体稍显复杂,所以我们将口部分的下半部分变成了圆角,进一步增加字体的细节,这样字体整体更加温润。

再进行排版,对比原本未经修饰的字体,这样做,肯定会更精致,更有气质。

PART 02 文艺清新

生活中经常提到文艺二字,文艺范穿搭,文艺的歌曲,文艺的女孩……文艺类的字体同样在生活中应用广泛。这种字体风格上干净、柔美、舒适、有内涵,给人一种小清新的感觉。

我们把文艺类分为了传统文艺类和可爱文艺类。

①传统文艺类

说到文艺类的字体宋体一定是要出现的,除了手写字体,宋体字在文艺类字体中可谓占据了半壁江山,在包装、海报、电商等领域应用极为广泛。

宋体字源于刻刀和楷体的碰撞,在雕版印刷的时代,为了快速刻字,刻工在摹写楷书的基础上,充分利用刻刀的特点,对楷书进行改造加工,在用最少的刀功条件下,刻写出楷书的待征,这就形成了今天我们所称之为的宋体字。因此,宋体字是与中国书法一脉相承的,它非常巧妙地、合理地把中国书法楷书的本质特征用刻刀及传统印刷术的形式反映出来。

我们从一个常见的宋体出发,提取一个基础笔画。

起落笔的棱角,应是宋体字的最大的特征,它是刻刀雕刻形成的特有的装饰化特征,是刻刀留下的韵味,又保留了唐楷的本质特点。

我们在延展时保留宋体的棱角,对棱角加以修饰,可以改变其大小,角度弧度等等进行设计。

接下来我们通过一个案例来实践一下,命题是“好久不见”。

因为宋体源于唐楷和宋明的雕版印刷,所以我们这组字参考了碑帖楷书。

根据碑帖搭建字体骨架。

选择一个我们做好的体饰给字体换上,并根据宋体横细竖粗的特征延展出竖画和撇捺。

调整笔画的细节,让整组字体更加统一。

现在看上面的字形有一点中规中矩了,我们给它添加一个倾斜,然后将“見”字的笔画破开矩形的束缚,字体就有了情绪翻涌的味道。

给这组字体排一下版,一张文艺范十足的歌曲海报就完成了,让我们看一下效果。

②可爱文艺类

可爱文艺类的字体通常会更显得卡通有趣,我们选择一个命题,从实战中感受一下,这次的命题是“甜鱼”。

先用矩形工具去搭建字体结构,笔画横细竖粗,看起来板板正正的,根据字意的理解,我觉得字体应该更轻松、活跃些,所以我把结构调整为高低错落的感觉。

这样结构看起来是活跃了些,但是又感觉笔画太硬,缺少一点甜甜的气质,于是我把笔画起笔和收笔的位置都撸成圆角了。

给横笔画加亿点点细节,上边是一个传统的宋体笔画,经过我的百般蹂躏,就成了下面圆嘟嘟的感觉,把这个可爱的笔画给我们的“甜鱼”换上看看。

加了细节后,感觉有点堵得慌,不通透了,甜的不高级,这一步,我在保证识别度的前提下,做了一些次要笔画的删减。

画圈的位置还是有点堵,干脆一不做二不休都给它断开,嗯,通透了,设计感也强了,但是识别度弱了,不过没关系,我还有招。

再来加亿点点小细节,我们来观察一下,一些书法的起笔和收笔处会有一些类似小尖角的笔触,这些小尖角的方向和书写运笔的走势是一致的,试着把这个小细节融入到字体里去(如上图)这样既让字体变的更有书写感,又提高了字体识别度,一举两得,一石二鸟。

最后通过排版来看一下最终效果。

PART 03 时尚潮酷

潮酷类风格的字体常用于舞蹈、体育、科技等行业,他们的特点是偏力量、速度、活力的。我们把潮酷类又划分为两类,一类是力量速度风,另一类是硬核科技风。

①力量速度风

这张滑雪的照片给我们的感受是速度、激情、轻盈、飘逸的,这个时候我们给笔画增加一个切角的修饰,就会和照片更为契合。

如上图案例中,加入收笔处的切角修饰,会让字体看起来更有激情。

当然就只是增加这一处的体饰,还远远不够的,我们还要再通过其它细节的增加,来丰富这一组字。

举一反三延伸出更多类似感觉的笔画修饰,也是必不可少的。

相较于滑雪运动项目来说,橄榄球运动相对会更需要体现出力量感,所以在细节的修饰中可以增加厚重感。

看一下前后对比的效果,前者更飘逸,有速度感,后者则是相对更敦实,有厚重感。

同样可以继续延伸类似笔画。

下一步继续添加细节。

Tips 1  交叉处做断笔

即在文字某些笔画交叉的地方,把其中的一个笔画裁掉一小段,使两个笔画从交叉变成分离的状态,这么处理可以使文字看起来更透气,也可以增加字体的设计感和细节。

交叉处断笔的方式有很多种,这里我总结了几种比较常见断开方式,第一种垂直断笔,会使文字更有透气感,第二种带角度的断笔,又多了一些尖锐感,第三种带角度的直线平行断笔,第四种带角度的弧线平行断笔,相对会柔和一些。

每种断笔的气质都会有所区别,具体用什么感觉的断笔,还需要根据字体气质来定。

我们用加了横笔切角修饰的案例,再来加入断笔看看效果,这里选择第三个断笔形式会和横笔的切角修饰更契合,加入断笔修饰的“潮酷”多了一些透气感,整体的设计感也加强了很多。

Tips 2  交叉处做切角

这种处理方式与上一个技巧类似,不同的是不需要把笔画完全切断,而是只开一道口子,而这道口子具体的形态也可以有很多种,当然,这也是由字体的笔画结构所决定的。

这里通过改变角度和弧度,得出四种比较常见的变化。

再来对比一下,笔画交叉处,加切角和不加切角的变化。

再给字体增加一些笔画外部的细节修饰,这让字体摆脱方方正正的感觉,更酷更有型,需要注意的是这种笔画体饰不能融入太多,可以尝试用在不同方向上。

通过外部加修饰,再进一步给“潮酷”做优化。

选择潮流的配色进行排版,看一下最终效果。

②硬核科幻风

硬核科幻字体一般机械感较强,艺术感稍弱。这种风格的字体笔画挺,拐角硬,质感多用金属或者玻璃的材质去塑造,普遍具有强工业、机械感,几何化的特点。

我们来一组简单一点的演示,一组常规的标题字形,主题是“前方高能”,硬核科技感的方向,未来硬核科技感的字体设计,机械感是一个核心词汇,常规的标题字形,增加一些电竞、机甲等方向的修饰结合。

我们搭建一个基础字形,统一修改字形笔画,横平竖直去掉过多的装饰,让整组字形变得硬朗起来,同时通过调整字高的方式,让整组字形变得更加厚重一些。

我们参考一些机甲图片和科技感图片来提取笔画元素。

根据参考提取出一些科技感的笔画特征,以及装饰元素,这里不需要设定的太复杂,一旦过于复杂,笔画比较多的时候会非常混乱。且这里的笔画特征是可以通用的,横竖撇捺的笔画都可以应用,只要保证机甲科技的感觉即可。

接下来就是给字体骨架添加我们做好的装饰,添加了装饰后字体一下子有了机械的感觉,但是还不够完善,还要继续优化。

优化竖笔和转折的特征。

继续增加笔画内部的修饰,调整一下字形,一个硬核科幻风的标题字就做好了,再给它进行一下排版,看一下展示效果

写在最后

大家可以看到,上面不同风格的细节处理都是一个共通的过程,这也是字体设计中处理细节思路的共性,但是不同的风格又有不同的处理方式,相信这种思路会对大家做字有一些提醒和帮助。

文中分享的体饰延展,只是为大家提供一种设计思路,大家可以自由发散联想,做出更精彩的字体,更有细节的字体!

让我们再复习一遍今天的案例: