赞助商
立即赞助

学会这简单几招,字体设计也能萌萌哒!

字体设计3年前 (2021)发布 流光
2.5K 0 0

@刘柏坤KUN :上一期《想做出中国风的字体设计?我总结了4个规律!》我们让字体设计刮起了浓浓的中国风,不知道大家是否已掌握其中的「秘籍」,觉得有难度不要紧,切记:欲练此功,必要多练!本篇是可爱风格字体,简单几招让你的字体萌翻全场!准备收下这波干货吧。

学会这简单几招,字体设计也能萌萌哒!

萌萌哒说的是字体呈现出的状态,简单讲就是可爱卡通类型的字体风格,像是与母婴、儿童相关的设计会常常用到,那么设计一款萌萌的字体有哪些方法?有什么需要注意的点呢?

学会这简单几招,字体设计也能萌萌哒!

在现实生活中,我们常用胖墩墩、真可爱来描述小宝宝,用憨态可掬、萌翻了形容小狗狗,也用肥美呆萌描述多肉植物等等,其实就是给人可爱呆萌的感觉,那么是什么赋予了他们呆萌的属性呢?简单概括我觉得是如下三点:体态肥嘟嘟、形态呆萌萌、神态娇滴滴。而恰巧字体设计构成三要素结构、笔画、细节与上述三点有着奇妙的关联。

学会这简单几招,字体设计也能萌萌哒!

一. 萌萌哒字型基本特征

1. 结构搭宽

先把笔画妥,先确立结构系。始「抠笔画」,笔画往,规划,预见易笔画况。

学会这简单几招,字体设计也能萌萌哒!

往标准,该类结构轻俏,笔画竖,歪扭反效,需够掌控。

结构空间要尽量宽松,也就是笔画之间要预留出足够的空间,这样做的目的是给第二步笔画的填充打好基础,因为像类似这种类型的字体笔画设定都是比较粗的。

学会这简单几招,字体设计也能萌萌哒!

2. 笔画圆滑

相,决萌相萌!案例析,先讲讲笔画基注。

首先笔画设定一定要胖!第一步咱们结构的搭建已经预留出很大的空间,很多朋友不舍得把笔画加粗,导致整个字空空荡荡,瘦骨如柴,看着可怜,何来呆萌?

笔画的加粗不是意味着没有粗细变化,要根据结构空间适当的改变笔画的粗细状态,这样字体会更有活力。另外一些曲线的部分要过渡自然柔和,这很大程度上影响字体的品质感。

学会这简单几招,字体设计也能萌萌哒!

3. 细节修饰简明

该类型的字体细节修饰主要体现在两处,一是可以使用一些和字义相关的图形应用到字体当中,起到强调的作用;二是合理使用一些笔画的叠加与裁切,太复杂的细节修饰不适合这种「单纯」的字型,所以最简单的叠加与裁切刚刚好。

学会这简单几招,字体设计也能萌萌哒!

二. 萌萌哒字型分类

讲严义划标准,难该类确类,决「萌」模糊归类,越越呆萌,目梳观。(:案例形呈,纯构萌,互,故)

1. 萌 | ❤❤❤❤❤

学会这简单几招,字体设计也能萌萌哒!

笔画整体越圆润字体的亲和力就会充足,接下来的几组例子大家留意这一点变化带来的视觉差异。

图楚归纳征:笔画笔收笔皆圆,笔略细,笔画粗细变。或垂笔画,甚至笔画曲,规转变圆,目增亲,萌卡。

另外,在笔画密集的位置做了一点细节,也就是笔画的前后叠加,好处有二个:一是可以让字体的空间更透气,结构更合理;再一点是层次感更丰富。

学会这简单几招,字体设计也能萌萌哒!

我们可以适当增加字体的「厚度」,加之色彩的辅助,使之更完整。上图分解下来只有简单四层,高光、主体字加两层深咖底,注意每层的位置和作用,当然色彩一般取明快的色调即可。

2. 卖萌值 | ❤❤❤❤

学会这简单几招,字体设计也能萌萌哒!

组哪吗?,笔画笔或收笔形,图笔画依旧肥嘟嘟,组圆圆润润,尖。视似乎细节,相言变复,依萌似乎呆,纯纯。

学会这简单几招,字体设计也能萌萌哒!

萌系结构灵,宽随结构异,悬殊。组已细节,画蛇添笔画叠。

3. 萌 | ❤❤❤

学会这简单几招,字体设计也能萌萌哒!

笔画看起来是不是一下子规矩了很多?没有了之前的饱满圆润的弧度,取而代之的是规矩的线条,说是规矩其实也并不是完全的「守规则」,依然不是完全的横平竖直,更多的是一种「保持童心」下的稚拙感。萌字部分做了一点俏皮的断笔处理,撇和提勾的部分其实是有一些宋体笔画的影子,起到调和的作用。

学会这简单几招,字体设计也能萌萌哒!

笔画要尽量做减法,可以从最后一个字「辶」的处理观察,基本上两笔带过。为什么要这样做呢?试想,笔画如果保持原有的一曲三折,空间的需求就会增大,胖胖的笔画很可能是容不下的。复杂也不是孩子的个性标签。

4. 卖萌值 | ❤❤❤

学会这简单几招,字体设计也能萌萌哒!

起笔收笔皆为明显的直角,为何依然是三心的卖萌值?你要知道「卖萌值」的决定因素不仅仅是某一点,上图中的字虽然有直角的部分,但是结构依然活泼松弛,行笔也还是圆润有度,要根据需求灵活调节。

学会这简单几招,字体设计也能萌萌哒!

笔画当中一些点的处理可以直接用圆点替代,能够起到很好的调节作用,尽量不用规则的正圆,像是本组字除了用一用圆点和字义相关的简洁图形也是不错的选择。

5. 卖萌值 | ❤❤

学会这简单几招,字体设计也能萌萌哒!

这种处理方式就带有浓浓的手写感了,笔画有简化,但也有连笔的处理,如果去掉连笔是不是和第二组案例相似呢?

之所以拿出这组字是想告诉大家笔画复杂或简化没有对错之分,只是呈现出的效果会有极大差异,要根据所需准确拿捏。

学会这简单几招,字体设计也能萌萌哒!

小结

在基本结构相同的条件下,笔画形式的不同、繁简程度很大程度上决定了一个字体到底有多萌。本文中只是给大家列举了五种跨度的萌系字型,但是每个区间,结构、笔画和细节条件的微变,都会呈现出变化万千的字型!

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

说到设计规范,这可能是很多设计师会忽略的一个东西,或者就算注意到了,也并没有引起足够的重视,今天咱们就来讲讲,为什么...
交互设计
在设计学习中,多了解相关的历史,可以让我们在了解旧事旧物的同时,还能得到新的感悟,从而为大家的综合能力添砖加瓦。为此...
字体设计
在经典的尼尔森十大启发式当中,「系统状态可见性」可以说是如今交互设计领域当中,最为重要的原则之一。通过向用户展现当前...
交互设计
之所以喜欢这篇文章,并将它翻译出来,其原因是文中的那些动画打动了我,仔细思考每一个动画都能让自己产生很多联想和灵感,...
交互动画
@短腿僵尸木:作为长期纠结配色的设计狗们,总有绘画作品或是影视作品的画面让我们发出惊叹:“天哪,这配色也太好看了吧!” ...
在线配色
网易UEDC – 张书超 : 在过去一年多的时间里,我有幸参与了电视端大屏幕的项目。在不断的尝试、探索和设计中,也收获了一些关...
交互设计
说起「支付」,大家一定会联想起一些场景:去便利店使用微信支付,去血拼shopping的时候刷卡,去超级市场买菜时候给现金……这...
支付设计
很多产品在设计之初,会有一个默认的基础设置,绝大多数的用户并不会主动去调整它们,这使得这些默认的设置参数,会影响用户...
Eugen Eşanu