网站建设中从卡通字看字体设计的三大流程
常规字体设计由确定风格、确定结构特征、后期调整完善组成,其中第一步确定风格引导了字形的走向。
No.1 确定风格
确定风格,就是确定项目的整体调性,这一步是至关重要的,往往第一步没做准确,后面的设计基本就废了。风格不匹配做出来也只能当飞机稿。确定风格的第一步就是分析项目特征。拿本次周练的命题“甜甜猫的手账”来说,整体的调性是活泼、可爱、卡通的感觉,所以如果做的太严谨、太冷淡就是错误的。
分析过后我们知道要做出活泼、可爱的感觉,那么什么样的字体设计有活泼可爱的感觉呢?
要解决这个问题我们可以去找参考,但参考并不是盲目的,我们可以利用用十字坐标分析法快速筛选适合此案的字体形式。具体做法为位,我们可以在X轴的一端写上项目调性关键词“活泼”,另一端端写上反义词“严肃”;Y轴的一端写上项目调性关键词“可爱”,另一端写上反义词“高冷”,如下图。
从卡通字看字体设计的三大流程
有了这个坐标轴我们可以去找字体设计的参考了,将找到的参考根据其所传达的感觉放到合适的区间内,如下。
从卡通字看字体设计的三大流程
在这四个区间中,既能表现可爱又能表现活泼的只有右上方的区间,如下图所示。
从卡通字看字体设计的三大流程
其余三个区间都不是很匹配这两种感觉。所以我们下一步要做的就是分析这个区间中的字体设计作品,找出共性,也就是为什么这些字体设计能够传达出可爱与活泼的原因。
从卡通字看字体设计的三大流程
观察这几组字里面那些传达活泼和可爱的感觉更强,将它们挑选出来,如下。
从卡通字看字体设计的三大流程
图中有四组字,其中“夏日演习曲”虽然很活泼,但感觉并不可爱,而其他三组则是既可爱又活泼。而“夏日演习曲”与其余三组的区别就是笔画太过尖锐,其他的都是十分圆滑的,所以我们可以得到结论,笔画圆润的特征给人的感觉更可爱。
再仔细观察我们可以发现,这些活泼的字看起来都比较随意,每个字的大小也都是不一样的,排列方式也是有高有低,甚至有些笔画还可以穿插连接。
No.2 确定结构
得出这些既可爱又活泼的字型特征后,我们就可以确定项目字体的结构了。
上面也说了,这些字体大小不同,排列方式高低不等,所以我们项目字体的结构也应该采用大小、高低都不等的结构,如下。
从卡通字看字体设计的三大流程
当然了,我们也可以利用有类似结构的字库字体提高效率,比如汉仪乐喵体、汉仪六字黑、方正基础像素都是这类字体。
从卡通字看字体设计的三大流程
这里我选择了方正基础像素去搭建字体的骨骼结构,如下。
从卡通字看字体设计的三大流程
搭建结构的时候我注意笔画的粗细,因为粗体更能够表现可爱的感觉,所以搭完结构将笔画调粗了一些。搭完结构只是第一步,我们还需要去调整结构,让他们更活泼更可爱,如下。
从卡通字看字体设计的三大流程
我将字体的结构做了调整,也加了一些相连的笔画,使之看起来更活泼美观。
No.3 调整完善
接下来就是最后一步,调整完善了。调整还结构后可以根据需求调整不同的组合,为了让字形活泼的感觉更有力一点,可以将字不规则的倾斜,如下。
从卡通字看字体设计的三大流程
做到这一步我们的字体差不多成型了,但总是感觉还缺点啥。其实现在字的结构和风格都挺匹配的,唯一缺的就是氛围了,所以我们可以加一些点缀的小元素烘托以下氛围,如下。
从卡通字看字体设计的三大流程
这里我加了星星、桃心、猫爪,还把“猫”字里面的十字替换成了星星,氛围一下子就提升不少。黑白稿做完后我们可以为注入颜色增加活力。这里我将不同的笔画拆分开来,做穿插的同时填充了不同的颜色,如下。
从卡通字看字体设计的三大流程
到此我们的字体也就完成了,另外我们可以根据不同的需求调整不同的配色,如下。
从卡通字看字体设计的三大流程
那么本期文章就到这里,亲们学会了嘛?另外,十字分析法不仅仅只能做卡通字形,十字分析法除了能分析不同风格的字体,在版式、LOGO、KV等领域也有十分重要的作用,所以活学活用才是王道!
成都创新互联-专业网站定制、快速模板网站建设、高性价比杨浦网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式杨浦网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖杨浦地区。费用合理售后完善,10余年实体公司更值得信赖。
文章标题:网站建设中从卡通字看字体设计的三大流程
标题路径:http://myzitong.com/article/sephjh.html