字体设计教程!如何给字体做减法?创意字形设计

类别:字体设计
水平:普通
观众:1.5w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

字体设计教程!如何给字体做减法?创意字形设计

教程作者: 刘兵克工作室 - 买买(授权转载自公众号:字体帮

交作业:#优设每日作业#

关于教程

大家好,我是买买,一个安静又敦实的美男子。

今天,我给大家上点才艺,不是兵哥强迫我穿的这身女装,而且一篇正儿八经的字体设计教程

字体设计教程!如何给字体做减法?创意字形设计

给字体笔画做减法,是常用的方法之一,这个方法用好了,可以快速提升字体的设计感。

对于字体初学者来说,笔画到底怎么做减法,减到什么程度,是比较难把握的,笔画减的太多,容易影响识别度,减的太少,又没啥变化没啥意思……包括减哪些笔画是相对合理的?哪些笔画又是不该减的?

字体设计教程!如何给字体做减法?创意字形设计

这次,我给大家带来一招,可以让这些问题,以后不再是问题。

字体设计教程!如何给字体做减法?创意字形设计

上图中,左边是行书,右边是草书,这两种书法,笔画上都有不同程度的省略,草书要比行书省略的更多一些,所以,相比之下,行书既做了减法,又保证了识别度,当我们不知道如何给字体做减法的时候,不妨来参考一下行书。

字体设计教程!如何给字体做减法?创意字形设计

下面,我们通过三个案例,让大家更好的理解:

教程内容

#01 无趣手作

字体设计教程!如何给字体做减法?创意字形设计

“无趣手作”是一家DIY手工坊,在这里,可以制作专属礼物,感受时尚生活,年轻人居多,所以,这款字体,不能太过于传统保守。

字体设计教程!如何给字体做减法?创意字形设计

通过黑体字的参考,用“钢笔”工具快速的搭建出基础框架,搭建出来的字相对黑体字更为扁平,搭建的过程中,需要考虑到笔画的对齐关系,这里我拉出红色辅助线,方便大家理解。

字体设计教程!如何给字体做减法?创意字形设计

接下来,就是我们这次的重头戏,通过参考行书,来简化字体。

字体设计教程!如何给字体做减法?创意字形设计

通过行书的参考,会发现“无”字的两个竖笔的起笔均有断笔,这两个位置的断笔,是符合书写规律的,断开后,会比较自然合理,所以,当你不知道断什么位置的时候,行书已经给了你答案。

字体设计教程!如何给字体做减法?创意字形设计

后面。可以用同样的方法,继续给字体做减法,观察行书的结构,会发现“趣”的左下角有断连,可以简化。

中间“耳”的左上角有断笔,断开后,可尝试和右边的横笔去做连笔,顺带把右边的横笔也做一个断开,这样会更为流畅简约,“耳”右下角凸出的笔画会显得琐碎,可以简化掉。

字体设计教程!如何给字体做减法?创意字形设计

右边的“又”也根据行书的书写形式,去做简化,因为“趣”字是四个字里笔画最多的,所以相对要做更多的简化,但是也要掌握一个度,简化太多会影响到字体识别度。

字体设计教程!如何给字体做减法?创意字形设计

“手”字的笔画少,可以考虑先不简化。

字体设计教程!如何给字体做减法?创意字形设计

观察“作”字,会发现其右上角有三个笔画交叉,显得繁琐,那到底断哪个笔画更合理呢,行书又给了我们答案,观察行书,发现“作”字中间竖笔的起笔有断开,断开后,也顺势和右边的横笔连接起来,尽量避免出现短笔画。

到这里,通过参考行书的结构,把4个字都简化完毕。

字体设计教程!如何给字体做减法?创意字形设计

再来看一下整体效果,是不是简约了很多,不过还没结束。

字体设计教程!如何给字体做减法?创意字形设计

既然是手工坊,那是不是可以加入一些手写感的风格,现在不是很流行跨界融合麽,在字体设计里,我们不妨也来试一下,在每个字里,各取一到两个行书的笔画去做融合,这样,会有一种传统与现代的碰撞,感觉又不一样了!

字体设计教程!如何给字体做减法?创意字形设计字体设计教程!如何给字体做减法?创意字形设计

行书笔画的边缘过于光滑,我们给其加点粗糙效果,算是一个小细节吧。这样会显得更加真实自然。

字体设计教程!如何给字体做减法?创意字形设计

最后,做一个上下居中排版,在英文的选择上,也用了手写体和衬线体的碰撞。

字体设计教程!如何给字体做减法?创意字形设计

#02 索菲亚

字体设计教程!如何给字体做减法?创意字形设计

“索菲雅”,是一款男装品牌,风格偏简约、稳重、雅致,这次,依然适合黑体风格。

字体设计教程!如何给字体做减法?创意字形设计

和案例1一样,参考黑体字,用“钢笔”工具搭建出基础框架,撇的笔画统一采用了竖撇的形式,字体整体采用了两端对齐的形式,让其看起来更为饱满。

下面,还是我的小技巧,继续参考行书给笔画做减法。

字体设计教程!如何给字体做减法?创意字形设计

仔细观察会发现,“索”字最繁琐的位置就是中间部分,所以需要简化中间部分,但是,中间这么多笔画,简化哪个才更合理呢?

我们找出行书结构,会发现标红的横笔被作为连笔给弱化了,由此可见,这个横笔在“索”字里属于次要笔画,简化之后,不会对识别度造成影响。

也就是说,要找到比较好欺负的笔画!然后再狠心抛弃!

字体设计教程!如何给字体做减法?创意字形设计 字体设计教程!如何给字体做减法?创意字形设计

说到这里,就会出现一个比较有争议的话题,就是删减笔画会不会被认为是错别字。

我的观点是,如果是做一套字库,莫名其妙的丢掉某个笔画,肯定会认为是错别字。如果是做艺术字体,或者品牌字体,可以在保证识别度的前提下,进行适当的笔画删减。

那么,怎么能保证识别度呢,删减笔画的选择很重要,如上图;上面的“索”,减的是横笔,下面的“索”,减的是斜笔,很明显,上面的更好识别。

字体设计教程!如何给字体做减法?创意字形设计 字体设计教程!如何给字体做减法?创意字形设计

参考行书,“菲“字的草字头中间可以断开,断开后,字体两边恰好对称,我们还是参考行书,把左下角的横笔做一个延长处理。这样,就会变得很有个性,同时也不会降低辨识度。

字体设计教程!如何给字体做减法?创意字形设计

参考行书,“牙“的长竖,起笔可以断开,并和左边的竖笔做对齐处理,下面的横笔,凸出的点,也可简化。

单人旁交叉的位置可做连笔,这样当然也会更顺畅。

字体设计教程!如何给字体做减法?创意字形设计

来看一下简化后的效果:

字体设计教程!如何给字体做减法?创意字形设计

会发现简化后,空间没有那么挤了,然后,再适当压扁一点,让其更有个性:

字体设计教程!如何给字体做减法?创意字形设计

最后,搭配一款无衬线的英文,因为是字体标,所以排版上不用太复杂,搭配英文或者宣传语就足够。

字体设计教程!如何给字体做减法?创意字形设计

#03 巷里

字体设计教程!如何给字体做减法?创意字形设计字体设计教程!如何给字体做减法?创意字形设计

“巷里”,是一家中式餐馆,根据名称,能联想到飞檐翘角,先来做“巷”字,参考黑体字,给笔画做变形,起笔和收笔处都融入尖角。

字体设计教程!如何给字体做减法?创意字形设计

目前结构还比较常规,缺少张力,且中间的笔画显得拥挤,很不透气。我们把两个撇的笔画,处理的更加外放一点,并把最下面的结构收紧。

字体设计教程!如何给字体做减法?创意字形设计

“巷”字的下半部分,参考行书做一下简化,观察后,发现左上角的部分可以断开,做一个连笔。

本来做到这里是想收手的,但是后面发现,重复三条加了尖角的横笔,只改变尖角的方向,会看起来更为巧妙,延续感、对称感更强。

来看一下简化后的“巷”字:

字体设计教程!如何给字体做减法?创意字形设计

根据“巷”字的特点,我们把“里”字也延展出来,很神奇的是,“巷”字最下面的三条横笔,用在“里”字的上半部分,也是刚刚好,做到这里,感觉自己好像偷懒了,又好像没偷懒。

做字,有时候也需要缘分,或一点点的运气。

字体设计教程!如何给字体做减法?创意字形设计 字体设计教程!如何给字体做减法?创意字形设计

最后,加入排版,很容易就搞定啦,既然是中式风格,那就可以考虑融入印章,会更有内味儿:

字体设计教程!如何给字体做减法?创意字形设计

最终效果图

最后,把三个案例放一起排排队,展示一下下:

字体设计教程!如何给字体做减法?创意字形设计字体设计教程!如何给字体做减法?创意字形设计字体设计教程!如何给字体做减法?创意字形设计 字体设计教程!如何给字体做减法?创意字形设计

最后,简单总结:

给字体做减法,是一招提升设计感的好方法,但是一定要拿捏好简化的程度,减过了,或者减的位置不对,都会影响字体识别度,另外,也并不是所有的风格都适合做减法,拿到一个字体命题,要先做出简单的定位,不要太激动,不要贸然动手。

字体设计教程!如何给字体做减法?创意字形设计

好了,这次的分享就到这里啦,买姐与你下期再见哟~

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc2 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

48 收藏 115

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 已发布 5

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片