当前位置: 首页 >文章 > 亲手设计出可可爱爱的字体,谁能拒绝?
收藏
分享

亲手设计出可可爱爱的字体,谁能拒绝?

举报K先生K先生发布于 2021-11-181462阅读7点赞
如果字体的结构也能像猫咪一样放松且灵动,会更加容易彰显出可爱感吗...

研习设订阅号

设计干货 * 杜绝注水



最近,我看到有学员在后台留言,想学一些能彰显可爱气质的字体设计,我觉得这个主题非常棒,立马就给大家安排上了。可爱,其实是个比较抽象的形容词,当我们在描述一个东西可爱的时候,其实我们并不能准确的知道一个东西究竟是长什么样的。不过呢,很多时候大家对于可爱的认知又是出奇地统一。

空说无凭,我们不妨先来玩个简单的游戏,以下这三个年龄段的人,哪个看起来更显得可爱呢?

相信你的答案肯定是C,儿童看起来最可爱。如果单纯描述长相,「可爱」在一定程度上可以说是小朋友的专属形容词。我们为什么会这么认为呢?

抛开身体的形态单纯看脸,不同年龄阶段的人最显著的变化就是皮肤的状态、五官的比例,以及面部轮廓。综合这几项来看,更显圆润、饱满的小朋友自然会胜出。

回归字体,如果拿这三个年龄段的人和以下三种字体做匹配,又该如何选择呢?


怎么样,你有选出来嘛?

可以观察到,A字体端头转角更加圆润,与儿童的气质更相似;B字体中宫收紧具有古典感,符合老年人的气质;最后,充满现代感的C字体当然是更匹配青年的气质。

所以,这三款字哪个更具可爱感也不难得出结论,当然是圆体字了。圆体字笔画干净没有多余装饰,并且端头转角都圆润柔和,这些属性就与儿童的感觉不谋而合,天然就能够传递出可爱感。


总结一下,这些表象的特征都是相通的,无论是人还是字,圆圆的都更显得可爱。

而且,圆润程度也影响着可爱感,字型的笔画形态越圆润,就越容易传达出可爱的气质。

当然,影响字体可爱感的并不只有圆润度这一个因素。接下来还是继续一个小游戏,看看这三只猫咪,你觉得哪一种状态更可爱呢?

当然是都可爱啦,小猫咪哪有不可爱的~虽然猫的外观在变化,但「猫咪是可爱的」这是我们大多数人对这一物种的印象。抛开变化莫测的颜值不谈,多数猫咪都是毛茸茸又身娇体柔的,再配上它们独有的行为模式,就让人觉得可可爱爱。

从体态来看,相信也你没法把右边这只壮狗和「可爱」联系起来。它们相比起来,很明显猫咪的身体更柔软放松;而狗的身体更强壮和紧绷,浑身都是肌肉感。

像之前一样,我给它们分别匹配了气质相符的字体。猫咪更适合柔软的字体,而这只狗狗更适合有力量感的字体了。不同动物的身体结构与字体的结构特征,其实也是相通的。不难想象,如果字体的结构也能像猫咪一样放松且灵动,一定也更加容易彰显出可爱感。

现在,我们知道了让字体变可爱的要素,那就是通过「改变笔画为圆润状态」、以及「利用更灵动的结构」这两种大的方向来达成我们的目标。好了,话不多说我们开始尝试制作吧。



首先是第一部分——改变笔画,这也是最基础的一部分。

这是一款普普通通的黑体,现在的它没有任何的可爱气息。

当我把它笔画的端头转角变得更圆润时,它就变成了圆体,并且初显萌态。其实从黑体到圆体,就是一个改变笔画造型的产物。这也是最简单让字体变可爱的方法。

接下来就提升难度,我们尝试自己做一组可爱的黑体。

首先选一款黑体作为基础字。因为我想让字体更憨一些,所以就稍稍把它压扁了。

在基底字的基础上,用钢笔工具提取结构,然后微调结构让字体看起来更几何化。

现在,字体是在最细的状态。我们可以调整粗细程度,让它变得更粗。虽然都是圆润的笔画,但不同的粗细程度也会给人不同的感受。


笔画偏细的字体,配上圆润的特征会显得灵动可爱;笔画中等粗细的字体,如果结构也比较平常,那么配上圆润的特征就会有一种端庄、中规中矩的可爱;笔画粗的字体自带笨重感,加上圆润的特征,是一种萌与憨态的可爱。

继续说回之前的字体,我打算继续把笔画调粗一些,来彰显萌一些的气质。

当到达这个粗细程度时,已经不适合再加粗了。因为笔画已经粘在了一起,继续加粗会影响字体识别度。那遇到这种情况时,有没有什么好办法既保留笔画的粗细度,又能挽救字体识别度呢?

我们可以选择添加一个描边,这样就能完美解决刚才的问题。

如果你觉得还是不够可爱,可以在此基础上进一步刻画字体的端头转角。圆圈的位置是我要变化的位置。

之后的步骤就非常简单了,在刚才标记的地方做一些延伸即可。这种做法可以使笔画效果更夸张,从而进一步打破仍然比较严谨的感觉。



相信你现在一定已经掌握了让黑体变得更可爱的方法,那宋体能不能变的可爱呢?当然是可以的。

首先还是先选一款字库字体,像往常一样提取基本结构。为了让字体更圆润,我提取时使用了圆头端点。你可能会问,不是做宋体么,为什么选了一个黑体?不要着急,继续往下看。

因为是要做宋体字,所以除了结构,还要再选一款宋体字参考笔画。我们先来观察一下它的笔画与结构特点。




在笔画上,它的收笔和转折处都有明显的装饰角,而且整体笔画横细竖粗;在结构上有很明显的宋体特征,并且「花」字的草字头很特别,在中间有断笔。

第一步我们先改结构,修改的位置主要是「甜」和「豆」的口字部件,以及「花」字的草字头。

接下来需要修改笔画,我们需要参考宋体,让部分笔画有粗细变化。

最后一步是给字体添加装饰角。因为是要做可爱的宋体,所以添加的衬角需要圆润些,不能太尖锐。添加的位置基本在横笔的收笔处和竖笔的起笔处。撇画、点画需要参考书写的走势添加。到这里,这组具有可爱气质的宋体就完成啦。



第二部分是从改变字体结构入手,增加字体可爱感。但在改变结构之前,首先得了解什么是字体结构。

先来对比下面两组字体,不用管太多只凭感觉判断,这两款字体哪一个结构更放松呢?

答案很明显,相信大多数人都会选择下边。那导致这种观感的原因是什么呢?

对比它们的中宫,很明显左侧的中宫更小更紧缩;再看重心,左侧字体重心会更高一些。所以,中宫偏大、中心偏低的字体结构会看起来更放松。

在大多数案例里,更具可爱感字体的结构,也几乎都是偏宽松的。这就像之前提过的猫咪一样,只要是猫,大多数状态下都很可爱;同样,只要是结构偏宽松的字体,大多数情况下都更容易变得可爱。

有了方法论,现在就可以开始尝试制作了。

这里我选择了一款中宫偏宽松的字体,稍微压扁一点,用钢笔工具提取结构。

接下来调整字体结构,比如可以适当缩小「宙」和「造」下面的口字结构。除此之外我还增加了一些断笔,营造轻松随意的感觉。

为了进一步增添趣味性,我又在「宙」字中添加了一个类似立方体的图形,这一步是在结构之外额外的添加。最后,我把所有笔画全部改成了圆头端点。当然,在结构的加持下,方头也不失为另一种可爱的风格。

在此基础上,可以尝试继续加粗字重,或者根据喜好让其他笔画更圆润。多多尝试,才能找出最合适的方案。



如果你认真看了前两部分,最后这一章节的方法可以为你的字体锦上添花,操作起来既简单又出效果。

所谓「装饰效果」就是通过给字体添加颜色、图形等元素来营造不同的气质和氛围,就像我们平时出门的穿搭一样。因为要表现可爱感,所以我绘制了这些偏可爱的表情和装饰符号。

还记得之前的这组字体么?我就拿它来举例。现在它是没有任何装饰的状态。

我想让这组字体有类似反光的感觉,所以我选择使用这个类似高光的图形。添加高光的位置通常在笔画的端头转角最合适。

到这里这种装饰就初步完成了,接下来你可以根据喜好继续给它添加不同的颜色。记住在装饰时要注意克制,过犹不及,不要在一个字上加太多。

我们再继续试别的方案,第二种装饰,我想用表情图案。

装饰毕竟是配角,所以图案最好放在不会影响字体识别度的位置。

然后,可以拉近字体间距并且错位排列。这里我在字体相接位置加上了爆炸和闪电的图案,营造一种碰撞的感觉,让字体更有动感。

添加图案的部分结束后,当然,还需要继续来改变它的颜色。

到这里第二个装饰效果就完成了,是不是比最初的字体可爱多了呢?当然,装饰的搭配不止这一种,大家可以多多尝试总结自己的方法。值得注意的是,我们得保证原本的字体是没有问题的,然后再去考虑添加装饰,否则就本末倒置了。



本篇的内容到这里就告一段落了。今天我从字体的笔画、结构两方面切入,向大家展示了究竟该如何打造出字体的可爱感,并且在这些基础之上,我们还可以通过添加装饰元素的方法加深这种印象。


图片来源

[1] 网址:https://twitter.com/ami5x10_k

[2] 出处:Results of Morisawa Type Design Competition 2019

[3] 网址:https://www.behance.net/gallery/83846547/Typography_01

[4] 网址:https://www.instagram.com/p/BsntkGTBAkR/

[5] 网址:https://www.behance.net/gallery/20055795/Logotype-1

[6] 网址:https://www.pinterest.com/liuhendesign/_saved/



本文原创,未经作者允许不可转载!

更多内容,欢迎关注作者微信公众号:研习设!


0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,794人)

【6月】7天轻松入门C4D小练习
距离开班仅剩6天104人已报名
【6月】人像后期案例实操训练营
距离开班仅剩14天48人已报名
【7月】7天轻松入门C4D小练习
距离开班仅剩26天1人已报名
猜你喜欢
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习90000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了41,244
并提交了142份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 90000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证