其他教程 2022年02月20日
0 收藏 0 点赞 189 浏览 2536 个字
摘要 :

教程作者: 刘兵克工作室 – 买买(授权转载自公众号:字体帮) 交作业:#极致设计每日作业# 关于教程 大家好,我是买买,一个安静又敦实的美男子。 今天,我给……

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

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

交作业:#极致设计每日作业#

关于教程

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

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

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

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

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

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

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

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

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

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

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

教程内容

#01 无趣手作

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#02 索菲亚

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

来看一下简化后的效果:

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

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

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

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

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

#03 巷里

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最终效果图

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

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

最后,简单总结:

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

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

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

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

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

微信扫一扫

支付宝扫一扫

版权: 转载请注明出处:https://www.jizhisheji.com/46135.html

相关推荐
佳选
【字体设计】品牌标准字怎么设计?
从设计的角度来分析如何快速抓住品牌和企业的调性,从而确定标准字体的具体设计方向和形式。 小可爱们,我这里会定期推送插画、UI设计、排版等相关…
日期:2022-05-27 点赞:93 阅读:4,048
精选
5个超酷的标题设计技巧,So easy!
优秀的标题设计除了可以把标题中的信息清晰传达之外,还要与画面的风格相符,并且能使画面整体更加美观和更有设计感。5个标题设计技巧分享给你。 小…
日期:2022-05-26 点赞:236 阅读:1,404
优质
Blender实战案例教程!卡通小狐狸角色建模:01 基础形建模
教程作者:DesignHunting(授权转载) 交作业:#极致设计每日作业# 文章编辑:@雪寄草 关于教程 本期的 IP 角色设计案例,手…
日期:2022-05-23 点赞:0 阅读:841
精选
即时设计基础教程!NO.12 即时设计综合使用技巧
本集讲师:@YY 免费使用即时设计,请点击右侧链接? 即时设计 获取海量免费设计资源,请访问? 资源广场 什么是即时设计 即时设计是一款全平…
日期:2022-05-23 点赞:0 阅读:475
精品
造字神器 Glyphs 教程!字体设计系列教程 NO.10 背景图层
教程作者:杨洋(极致设计平面设计实战营讲师) 交作业:#极致设计每日作业# 文章编辑:@雪寄草 软件介绍 Glyphs 3 是一款 Mac …
日期:2022-05-23 点赞:0 阅读:1,007
佳选
PPT教程!让PPT更有设计感的30种绝佳方法(第6期)
教程作者: 老Lin(授权转载自公众号:一六视觉) 交作业:#极致设计每日作业# 关于教程 如果你也想让PPT能眼前一亮,演示时被更多人认可…
日期:2022-05-23 点赞:0 阅读:448
发表评论
暂无评论

还没有评论呢,快来抢沙发~

助力内容变现

将您的收入提升到一个新的水平

点击联系客服

在线时间:8:00-16:00

客服电话

400-888-8888

客服邮箱

ceotheme@ceo.com

扫描二维码

关注微信公众号

扫描二维码

手机访问本站