Get!从卡通字看字体设计的三大流程

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

等等

Get!从卡通字看字体设计的三大流程

等等 LOGO字体 2019-03-26 4270浏览

大家好,我是大猫,本周给大家带来的是一篇卡通字体的设计教程。重点在于通过这个案例,了解一下做字的流程,以及快速做卡通字形的方法。首先我们来看一下倍速播放的演示视频!

视频看完了我们来讲一下常规设计字体的思路。

Get!从卡通字看字体设计的三大流程

常规字体设计由确定风格、确定结构特征、后期调整完善组成,其中第一步确定风格引导了字形的走向。

No.1 确定风格

确定风格,就是确定项目的整体调性,这一步是至关重要的,往往第一步没做准确,后面的设计基本就废了。风格不匹配做出来也只能当飞机稿。确定风格的第一步就是分析项目特征。拿本次周练的命题“甜甜猫的手账”来说,整体的调性是活泼、可爱、卡通的感觉,所以如果做的太严谨、太冷淡就是错误的。

分析过后我们知道要做出活泼、可爱的感觉,那么什么样的字体设计有活泼可爱的感觉呢?

要解决这个问题我们可以去找参考,但参考并不是盲目的,我们可以利用用十字坐标分析法快速筛选适合此案的字体形式。具体做法为位,我们可以在X轴的一端写上项目调性关键词“活泼”,另一端端写上反义词“严肃”;Y轴的一端写上项目调性关键词“可爱”,另一端写上反义词“高冷”,如下图。

Get!从卡通字看字体设计的三大流程

有了这个坐标轴我们可以去找字体设计的参考了,将找到的参考根据其所传达的感觉放到合适的区间内,如下。

Get!从卡通字看字体设计的三大流程

在这四个区间中,既能表现可爱又能表现活泼的只有右上方的区间,如下图所示。

Get!从卡通字看字体设计的三大流程

其余三个区间都不是很匹配这两种感觉。所以我们下一步要做的就是分析这个区间中的字体设计作品,找出共性,也就是为什么这些字体设计能够传达出可爱与活泼的原因。

Get!从卡通字看字体设计的三大流程

观察这几组字里面那些传达活泼和可爱的感觉更强,将它们挑选出来,如下。

Get!从卡通字看字体设计的三大流程

图中有四组字,其中“夏日演习曲”虽然很活泼,但感觉并不可爱,而其他三组则是既可爱又活泼。而“夏日演习曲”与其余三组的区别就是笔画太过尖锐,其他的都是十分圆滑的,所以我们可以得到结论,笔画圆润的特征给人的感觉更可爱。

再仔细观察我们可以发现,这些活泼的字看起来都比较随意,每个字的大小也都是不一样的,排列方式也是有高有低,甚至有些笔画还可以穿插连接。

No.2 确定结构

得出这些既可爱又活泼的字型特征后,我们就可以确定项目字体的结构了。

上面也说了,这些字体大小不同,排列方式高低不等,所以我们项目字体的结构也应该采用大小、高低都不等的结构,如下。

Get!从卡通字看字体设计的三大流程

当然了,我们也可以利用有类似结构的字库字体提高效率,比如汉仪乐喵体、汉仪六字黑、方正基础像素都是这类字体。

Get!从卡通字看字体设计的三大流程

这里我选择了方正基础像素去搭建字体的骨骼结构,如下。

Get!从卡通字看字体设计的三大流程

搭建结构的时候我注意笔画的粗细,因为粗体更能够表现可爱的感觉,所以搭完结构将笔画调粗了一些。搭完结构只是第一步,我们还需要去调整结构,让他们更活泼更可爱,如下。

Get!从卡通字看字体设计的三大流程

我将字体的结构做了调整,也加了一些相连的笔画,使之看起来更活泼美观。

No.3 调整完善

接下来就是最后一步,调整完善了。调整还结构后可以根据需求调整不同的组合,为了让字形活泼的感觉更有力一点,可以将字不规则的倾斜,如下。

Get!从卡通字看字体设计的三大流程

做到这一步我们的字体差不多成型了,但总是感觉还缺点啥。其实现在字的结构和风格都挺匹配的,唯一缺的就是氛围了,所以我们可以加一些点缀的小元素烘托以下氛围,如下。

Get!从卡通字看字体设计的三大流程

这里我加了星星、桃心、猫爪,还把“猫”字里面的十字替换成了星星,氛围一下子就提升不少。黑白稿做完后我们可以为注入颜色增加活力。这里我将不同的笔画拆分开来,做穿插的同时填充了不同的颜色,如下。

Get!从卡通字看字体设计的三大流程

到此我们的字体也就完成了,另外我们可以根据不同的需求调整不同的配色,如下。

Get!从卡通字看字体设计的三大流程

那么本期文章就到这里,亲们学会了嘛?另外,十字分析法不仅仅只能做卡通字形,十字分析法除了能分析不同风格的字体,在版式、LOGO、KV等领域也有十分重要的作用,所以活学活用才是王道!

那么本期文章就到这里了,我们下期再见!

原文地址:大猫设计(公众号)

作者:大猫Addict

转载请注明:学UI网 » Get!从卡通字看字体设计的三大流程

登录收藏

 

你可能喜欢的:

设计中的字体(概论基础与设计原理)

设计中的字体(概论基础与设计原理)  

如何设计一个让客户喜欢的logo?

如何设计一个让客户喜欢的logo?
 

Get!从哥特字看西文中用造字法

Get!从哥特字看西文中用造字法
 

奢侈品第一梯队LOGO都换的差不多了,接下来是什么风格?

奢侈品第一梯队LOGO都换的差不多了,接下来是什么风格?
 

传达品牌感的三种方式

传达品牌感的三种方式
 

了解这十个差异,出海产品设计不再慌

了解这十个差异,出海产品设计不再慌
 

如何从0到1 做一款字体库

如何从0到1 做一款字体库
 

如何用首字母设计一个漂亮的LOGO?

如何用首字母设计一个漂亮的LOGO?
 

LOGO设计中的《图与底》

LOGO设计中的《图与底》
 

如何用中文字做一个LOGO图形?

如何用中文字做一个LOGO图形?
 

继续浏览有关 LOGO字体 的文章

上一篇 年后如何准备一场漂亮的面试? 分享功能知多少 下一篇

 收藏