網(wǎng)站建設(shè)中從卡通字看字體設(shè)計(jì)的三大流程發(fā)布者：本站 時(shí)間：2022-03-03 10:03:08
常規(guī)字體設(shè)計(jì)由確定風(fēng)格、確定結(jié)構(gòu)特征、后期調(diào)整完善組成，其中第一步確定風(fēng)格引導(dǎo)了字形的走向。
No.1 確定風(fēng)格
確定風(fēng)格，就是確定項(xiàng)目的整體調(diào)性，這一步是至關(guān)重要的，往往第一步?jīng)]做準(zhǔn)確，后面的設(shè)計(jì)基本就廢了。風(fēng)格不匹配做出來(lái)也只能當(dāng)飛機(jī)稿。確定風(fēng)格的第一步就是分析項(xiàng)目特征。拿本次周練的命題“甜甜貓的手賬”來(lái)說(shuō)，整體的調(diào)性是活潑、可愛、卡通的感覺，所以如果做的太嚴(yán)謹(jǐn)、太冷淡就是錯(cuò)誤的。
分析過(guò)后我們知道要做出活潑、可愛的感覺，那么什么樣的字體設(shè)計(jì)有活潑可愛的感覺呢？
要解決這個(gè)問(wèn)題我們可以去找參考，但參考并不是盲目的，我們可以利用用十字坐標(biāo)分析法快速篩選適合此案的字體形式。具體做法為位，我們可以在X軸的一端寫上項(xiàng)目調(diào)性關(guān)鍵詞“活潑”，另一端端寫上反義詞“嚴(yán)肅”;Y軸的一端寫上項(xiàng)目調(diào)性關(guān)鍵詞“可愛”，另一端寫上反義詞“高冷”，如下圖。
從卡通字看字體設(shè)計(jì)的三大流程
有了這個(gè)坐標(biāo)軸我們可以去找字體設(shè)計(jì)的參考了，將找到的參考根據(jù)其所傳達(dá)的感覺放到合適的區(qū)間內(nèi)，如下。
從卡通字看字體設(shè)計(jì)的三大流程
在這四個(gè)區(qū)間中，既能表現(xiàn)可愛又能表現(xiàn)活潑的只有右上方的區(qū)間，如下圖所示。
從卡通字看字體設(shè)計(jì)的三大流程
其余三個(gè)區(qū)間都不是很匹配這兩種感覺。所以我們下一步要做的就是分析這個(gè)區(qū)間中的字體設(shè)計(jì)作品，找出共性，也就是為什么這些字體設(shè)計(jì)能夠傳達(dá)出可愛與活潑的原因。
從卡通字看字體設(shè)計(jì)的三大流程
觀察這幾組字里面那些傳達(dá)活潑和可愛的感覺更強(qiáng)，將它們挑選出來(lái)，如下。
從卡通字看字體設(shè)計(jì)的三大流程
圖中有四組字，其中“夏日演習(xí)曲”雖然很活潑，但感覺并不可愛，而其他三組則是既可愛又活潑。而“夏日演習(xí)曲”與其余三組的區(qū)別就是筆畫太過(guò)尖銳，其他的都是十分圓滑的，所以我們可以得到結(jié)論，筆畫圓潤(rùn)的特征給人的感覺更可愛。
再仔細(xì)觀察我們可以發(fā)現(xiàn)，這些活潑的字看起來(lái)都比較隨意，每個(gè)字的大小也都是不一樣的，排列方式也是有高有低，甚至有些筆畫還可以穿插連接。
No.2 確定結(jié)構(gòu)
得出這些既可愛又活潑的字型特征后，我們就可以確定項(xiàng)目字體的結(jié)構(gòu)了。
上面也說(shuō)了，這些字體大小不同，排列方式高低不等，所以我們項(xiàng)目字體的結(jié)構(gòu)也應(yīng)該采用大小、高低都不等的結(jié)構(gòu)，如下。
從卡通字看字體設(shè)計(jì)的三大流程
當(dāng)然了，我們也可以利用有類似結(jié)構(gòu)的字庫(kù)字體提高效率，比如漢儀樂喵體、漢儀六字黑、方正基礎(chǔ)像素都是這類字體。
從卡通字看字體設(shè)計(jì)的三大流程
這里我選擇了方正基礎(chǔ)像素去搭建字體的骨骼結(jié)構(gòu)，如下。
從卡通字看字體設(shè)計(jì)的三大流程
搭建結(jié)構(gòu)的時(shí)候我注意筆畫的粗細(xì)，因?yàn)榇煮w更能夠表現(xiàn)可愛的感覺，所以搭完結(jié)構(gòu)將筆畫調(diào)粗了一些。搭完結(jié)構(gòu)只是第一步，我們還需要去調(diào)整結(jié)構(gòu)，讓他們更活潑更可愛，如下。
從卡通字看字體設(shè)計(jì)的三大流程
我將字體的結(jié)構(gòu)做了調(diào)整，也加了一些相連的筆畫，使之看起來(lái)更活潑美觀。
No.3 調(diào)整完善
接下來(lái)就是最后一步，調(diào)整完善了。調(diào)整還結(jié)構(gòu)后可以根據(jù)需求調(diào)整不同的組合，為了讓字形活潑的感覺更有力一點(diǎn)，可以將字不規(guī)則的傾斜，如下。
從卡通字看字體設(shè)計(jì)的三大流程
做到這一步我們的字體差不多成型了，但總是感覺還缺點(diǎn)啥。其實(shí)現(xiàn)在字的結(jié)構(gòu)和風(fēng)格都挺匹配的，唯一缺的就是氛圍了，所以我們可以加一些點(diǎn)綴的小元素烘托以下氛圍，如下。
從卡通字看字體設(shè)計(jì)的三大流程
這里我加了星星、桃心、貓爪，還把“貓”字里面的十字替換成了星星，氛圍一下子就提升不少。黑白稿做完后我們可以為注入顏色增加活力。這里我將不同的筆畫拆分開來(lái)，做穿插的同時(shí)填充了不同的顏色，如下。
從卡通字看字體設(shè)計(jì)的三大流程
到此我們的字體也就完成了，另外我們可以根據(jù)不同的需求調(diào)整不同的配色，如下。
從卡通字看字體設(shè)計(jì)的三大流程
那么本期文章就到這里，親們學(xué)會(huì)了嘛？另外，十字分析法不僅僅只能做卡通字形，十字分析法除了能分析不同風(fēng)格的字體，在版式、LOGO、KV等領(lǐng)域也有十分重要的作用，所以活學(xué)活用才是王道！
選擇我們，優(yōu)質(zhì)服務(wù)，不容錯(cuò)過(guò)
1. 優(yōu)秀的網(wǎng)絡(luò)資源，強(qiáng)大的網(wǎng)站優(yōu)化技術(shù)，穩(wěn)定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設(shè)經(jīng)驗(yàn)，優(yōu)秀的技術(shù)和設(shè)計(jì)水平，更放心
3. 全程省心服務(wù)，不必?fù)?dān)心自己不懂網(wǎng)絡(luò)，更省心。
------------------------------------------------------------
24小時(shí)聯(lián)系電話：021-58370032
關(guān)鍵詞標(biāo)簽：上海網(wǎng)站建設(shè) 上海網(wǎng)站制作 網(wǎng)站優(yōu)化 小程序開發(fā)