网站建设中从卡通字看字体设计的三大流程

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

成都创新互联-专业网站定制、快速模板网站建设、高性价比杨浦网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式杨浦网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖杨浦地区。费用合理售后完善，10余年实体公司更值得信赖。