网站建设中从卡通字看字体设计的三大流程发布者：本站【zhàn】     时间：2024-9-21 10:03:08

常规字体设计由【yóu】确定风格、确定结构特【tè】征【zhēng】、后期调【diào】整完善组【zǔ】成，其中【zhōng】第一【yī】步确定风格引导了字形的【de】走向【xiàng】。

 

No.1 确定风格
确定【dìng】风格，就是确【què】定项目的整【zhěng】体调【diào】性，这一步是至关重要的，往往第【dì】一步没做准确，后面的设计基本【běn】就废【fèi】了。风格不匹【pǐ】配【pèi】做【zuò】出【chū】来也只能当【dāng】飞机【jī】稿。确定风格的第一步就是分析项目特征。拿【ná】本次周练【liàn】的命题“甜【tián】甜猫的手【shǒu】账”来说，整体的调性是活泼、可【kě】爱、卡通的感觉，所以【yǐ】如【rú】果做的太严谨【jǐn】、太冷淡就是错误的【de】。

分析过后我【wǒ】们知道要【yào】做出【chū】活泼、可爱的感觉，那么什么样的【de】字体设计【jì】有活泼可【kě】爱的感觉【jiào】呢【ne】？

要解【jiě】决这个问题我们可以去【qù】找【zhǎo】参考，但参考并【bìng】不是盲目的，我们可以利用【yòng】用十【shí】字坐【zuò】标分析法【fǎ】快速筛【shāi】选【xuǎn】适【shì】合此案的字【zì】体形式。具体做法为位，我们可以【yǐ】在【zài】X轴的一端【duān】写上【shàng】项【xiàng】目调性关键词“活泼”，另一端端【duān】写上反【fǎn】义词“严肃”;Y轴的一端写上项目调【diào】性关键词“可爱”，另一【yī】端写上【shàng】反义词【cí】“高冷”，如下图。

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

有了【le】这【zhè】个坐标轴【zhóu】我们可以去找字体设计的参考了【le】，将找到的【de】参考根据其【qí】所传达的【de】感觉放【fàng】到合适的【de】区间内，如下。

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

在这四【sì】个区间中，既能表现【xiàn】可爱又能表现活泼的只有右上方的区间【jiān】，如【rú】下图【tú】所【suǒ】示。

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

其余三【sān】个区间【jiān】都【dōu】不是很匹配这两种感觉【jiào】。所以我们【men】下一步要做的就是分析这个区间中的字体设计作【zuò】品，找出共性，也就是为【wéi】什【shí】么这些字体【tǐ】设计能【néng】够传达【dá】出可爱【ài】与活【huó】泼的原因。

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

观察这几组字里面【miàn】那【nà】些传达活泼【pō】和可爱的【de】感【gǎn】觉更强【qiáng】，将【jiāng】它们挑选出来，如下。

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

图中有四组字，其中“夏日演习曲”虽然很活泼，但感觉并【bìng】不可爱，而其他三组则是【shì】既可爱又活泼。而“夏日演习【xí】曲【qǔ】”与其余三组的【de】区别就是笔【bǐ】画太过尖锐，其【qí】他的都是【shì】十【shí】分圆滑的【de】，所【suǒ】以【yǐ】我们【men】可以【yǐ】得到结【jié】论，笔画【huà】圆润【rùn】的特征给人的感觉更【gèng】可爱。

再仔【zǎi】细观察【chá】我们可以发现，这些活【huó】泼的字看起来都比较随【suí】意，每个字的大小也都是【shì】不一【yī】样的【de】，排【pái】列方式也【yě】是有【yǒu】高有低，甚至有些【xiē】笔画还【hái】可以穿插连接。

 

No.2 确定结构
得【dé】出这些既可爱又活【huó】泼的字【zì】型特征后，我【wǒ】们就可以【yǐ】确定项目字体的【de】结【jié】构了。

上【shàng】面也说了，这些字体大小不同，排【pái】列【liè】方式【shì】高低不等，所以我们【men】项目字体的结构【gòu】也应该采用大小、高【gāo】低都不等的结构，如【rú】下。

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

当【dāng】然【rán】了，我们也可【kě】以利用【yòng】有类似【sì】结构的字库字体提高效率【lǜ】，比如汉仪【yí】乐喵体、汉仪六【liù】字黑、方正基础像素都是这【zhè】类【lèi】字体。

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

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

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

搭【dā】建结构的时候我【wǒ】注意笔画的【de】粗细，因为粗体更能【néng】够表现可爱的感觉，所【suǒ】以【yǐ】搭完结【jié】构将笔画调粗了一些。搭完【wán】结构只是【shì】第一步，我们还需要去【qù】调整结构，让他们更【gèng】活【huó】泼更可【kě】爱，如【rú】下。

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

我将字体【tǐ】的结构做了调【diào】整【zhěng】，也加了一【yī】些相【xiàng】连的笔画，使之看起来更活【huó】泼美观。

 

No.3 调整完善
接下来【lái】就是最后一步【bù】，调整完善了。调整还【hái】结构后可【kě】以根据需求调整不【bú】同的【de】组合，为了让字【zì】形活泼的感【gǎn】觉更有力一点，可以将【jiāng】字不【bú】规则的倾【qīng】斜，如下。

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

做到这一步【bù】我们的字体差【chà】不多成型【xíng】了【le】，但总是感觉【jiào】还缺点啥。其实现在【zài】字的【de】结构和【hé】风格都【dōu】挺匹配的，唯【wéi】一缺的就是氛围【wéi】了，所以我【wǒ】们可以加一【yī】些点缀的小元素烘托以下氛围，如下。

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

这里我加【jiā】了星星、桃心【xīn】、猫爪【zhǎo】，还把“猫”字【zì】里面的十字替换成了星【xīng】星【xīng】，氛【fēn】围一下子就提升不少。黑白稿做完后【hòu】我【wǒ】们可以为注【zhù】入颜【yán】色【sè】增【zēng】加【jiā】活力。这里我将不同的笔画拆分开来，做穿插的同时【shí】填充了不同的颜色【sè】，如下。

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

到此我们的字【zì】体也【yě】就完成了【le】，另【lìng】外我们可以根据不同【tóng】的需求调【diào】整不【bú】同的配色，如下。

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

那么本期文章就【jiù】到这里，亲们学【xué】会了嘛？另外，十字分析法不【bú】仅仅只能做卡通字形【xíng】，十字分析法除了能【néng】分析不同风格的字体【tǐ】，在版式、LOGO、KV等领域也有十【shí】分重要【yào】的作用【yòng】，所【suǒ】以活学活用才是王【wáng】道【dào】！