返回列表

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

2018-03-03
本篇是可爱风格字体,简单几招让你的字体萌翻全场!准备收下这波干货吧。

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

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

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

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

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

一. 萌萌哒字型基本特征

1. 结构搭建宽松

先把整个字的笔画位置安排妥当,也就是先确立好结构关系。很多朋友一开始就「抠笔画」,一笔一画往后推,这样无规划,没有预见性很容易出现笔画无处安放的情况。

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

不同于往常做的标准字,该类型的字体结构要做的轻松俏皮些,笔画走向也不再是完全的横平竖直,歪七扭八反而出效果,这需要足够的掌控力。

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

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

2. 笔画设定圆滑

这是相当重要的一环,决定了这个字是有点萌还是相当萌!这一点下文会具体案例具体分析,先来讲一讲笔画设定基本的注意点。

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

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

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

3. 细节修饰简明

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

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

二. 萌萌哒字型分类

实话讲这个真的没有一个严格意义上的划分标准,所以很难去给该类型字体做明确的分类,所以我决定用「卖萌值」模糊归类,红心越多越呆萌,目的是给大家梳理开以便更直观的理解。(特别说明:本次的案例文字全是块面的形式呈现,单纯的线段构成的字也可以很萌,道理互通,故不做分解)

1. 卖萌值 | ❤❤❤❤❤

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

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

上图可以很清楚的归纳出这样几个特征:笔画的起笔和收笔皆为圆头,行笔中段略细,这样笔画上就有了一层粗细的变化。没有完全水平或垂直的笔画走向,甚至很多笔画带有很大的曲度,常规的直角转角变成大的圆角,这样的目的也在于增加字体的亲和力,看来更萌更卡通。

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

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

2. 卖萌值 | ❤❤❤❤

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

和上一组字对比你发现哪里有不同了吗?没错,主要体现在笔画起笔或收笔的形式上,上图中的文字笔画依旧肥嘟嘟,但是不再像第一组字一样全都是圆圆润润的,多了一些小尖角。视觉上你会发现似乎多了很多细节,相对比而言这样是变复杂了,依然萌但似乎是少了点天然呆,不再纯纯的。

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

萌系字体结构灵活,字面的宽度高度可以随文字结构有所差异,但也不要太过悬殊。这组字因为已经有不少细节,所以就没有画蛇添足做笔画的叠加处理。

3. 卖萌值 | ❤❤❤

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

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

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

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

4. 卖萌值 | ❤❤❤

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

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

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

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

5. 卖萌值 | ❤❤

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

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


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

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

小结

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


合作需求提交表

将您的需求发送给我们COOPERATION NEEDSTO SUBMIT TABLES

武汉市汉阳区龟北路1号汉阳造创意文化产业园7号楼

Address: Building No. 7,"Made in Hanyang" Culture Creative Industry Park,Turtle nRd.,
Hanyang,430050 Wuhan,P.R.China