學(xué)會(huì)這簡單幾招，字體設(shè)計(jì)也能萌萌噠！

@劉柏坤KUN?：上一期《想做出中國風(fēng)的字體設(shè)計(jì)？我總結(jié)了4個(gè)規(guī)律！》我們讓字體設(shè)計(jì)刮起了濃濃的中國風(fēng)，不知道大家是否已掌握其中的「秘籍」，覺得有難度不要緊，切記：欲練此功，必要多練！本篇是可愛風(fēng)格字體，簡單幾招讓你的字體萌翻全場(chǎng)！準(zhǔn)備收下這波干貨吧。

萌萌噠說的是字體呈現(xiàn)出的狀態(tài)，簡單講就是可愛卡通類型的字體風(fēng)格，像是與母嬰、兒童相關(guān)的設(shè)計(jì)會(huì)常常用到，那么設(shè)計(jì)一款萌萌的字體有哪些方法？有什么需要注意的點(diǎn)呢？

在現(xiàn)實(shí)生活中，我們常用胖墩墩、真可愛來描述小寶寶，用憨態(tài)可掬、萌翻了形容小狗狗，也用肥美呆萌描述多肉植物等等，其實(shí)就是給人可愛呆萌的感覺，那么是什么賦予了他們呆萌的屬性呢？簡單概括我覺得是如下三點(diǎn)：體態(tài)肥嘟嘟、形態(tài)呆萌萌、神態(tài)嬌滴滴。而恰巧字體設(shè)計(jì)構(gòu)成三要素結(jié)構(gòu)、筆畫、細(xì)節(jié)與上述三點(diǎn)有著奇妙的關(guān)聯(lián)。

一. 萌萌噠字型基本特征

1. 結(jié)構(gòu)搭建寬松

先把整個(gè)字的筆畫位置安排妥當(dāng)，也就是先確立好結(jié)構(gòu)關(guān)系。很多朋友一開始就「摳筆畫」，一筆一畫往后推，這樣無規(guī)劃，沒有預(yù)見性很容易出現(xiàn)筆畫無處安放的情況。

不同于往常做的標(biāo)準(zhǔn)字，該類型的字體結(jié)構(gòu)要做的輕松俏皮些，筆畫走向也不再是完全的橫平豎直，歪七扭八反而出效果，這需要足夠的掌控力。

結(jié)構(gòu)空間要盡量寬松，也就是筆畫之間要預(yù)留出足夠的空間，這樣做的目的是給第二步筆畫的填充打好基礎(chǔ)，因?yàn)橄耦愃七@種類型的字體筆畫設(shè)定都是比較粗的。

2. 筆畫設(shè)定圓滑

這是相當(dāng)重要的一環(huán)，決定了這個(gè)字是有點(diǎn)萌還是相當(dāng)萌！這一點(diǎn)下文會(huì)具體案例具體分析，先來講一講筆畫設(shè)定基本的注意點(diǎn)。

首先筆畫設(shè)定一定要胖！第一步咱們結(jié)構(gòu)的搭建已經(jīng)預(yù)留出很大的空間，很多朋友不舍得把筆畫加粗，導(dǎo)致整個(gè)字空空蕩蕩，瘦骨如柴，看著可憐，何來呆萌？

筆畫的加粗不是意味著沒有粗細(xì)變化，要根據(jù)結(jié)構(gòu)空間適當(dāng)?shù)母淖児P畫的粗細(xì)狀態(tài)，這樣字體會(huì)更有活力。另外一些曲線的部分要過渡自然柔和，這很大程度上影響字體的品質(zhì)感。

3. 細(xì)節(jié)修飾簡明

該類型的字體細(xì)節(jié)修飾主要體現(xiàn)在兩處，一是可以使用一些和字義相關(guān)的圖形應(yīng)用到字體當(dāng)中，起到強(qiáng)調(diào)的作用；二是合理使用一些筆畫的疊加與裁切，太復(fù)雜的細(xì)節(jié)修飾不適合這種「單純」的字型，所以最簡單的疊加與裁切剛剛好。

二. 萌萌噠字型分類

實(shí)話講這個(gè)真的沒有一個(gè)嚴(yán)格意義上的劃分標(biāo)準(zhǔn)，所以很難去給該類型字體做明確的分類，所以我決定用「賣萌值」模糊歸類，紅心越多越呆萌，目的是給大家梳理開以便更直觀的理解。（特別說明：本次的案例文字全是塊面的形式呈現(xiàn)，單純的線段構(gòu)成的字也可以很萌，道理互通，故不做分解）

1. 賣萌值 ｜ ?????

筆畫整體越圓潤字體的親和力就會(huì)充足，接下來的幾組例子大家留意這一點(diǎn)變化帶來的視覺差異。

上圖可以很清楚的歸納出這樣幾個(gè)特征：筆畫的起筆和收筆皆為圓頭，行筆中段略細(xì)，這樣筆畫上就有了一層粗細(xì)的變化。沒有完全水平或垂直的筆畫走向，甚至很多筆畫帶有很大的曲度，常規(guī)的直角轉(zhuǎn)角變成大的圓角，這樣的目的也在于增加字體的親和力，看來更萌更卡通。

另外，在筆畫密集的位置做了一點(diǎn)細(xì)節(jié)，也就是筆畫的前后疊加，好處有二個(gè)：一是可以讓字體的空間更透氣，結(jié)構(gòu)更合理；再一點(diǎn)是層次感更豐富。

我們可以適當(dāng)增加字體的「厚度」，加之色彩的輔助，使之更完整。上圖分解下來只有簡單四層，高光、主體字加兩層深咖底，注意每層的位置和作用，當(dāng)然色彩一般取明快的色調(diào)即可。

2. 賣萌值 ｜ ????

和上一組字對(duì)比你發(fā)現(xiàn)哪里有不同了嗎？沒錯(cuò)，主要體現(xiàn)在筆畫起筆或收筆的形式上，上圖中的文字筆畫依舊肥嘟嘟，但是不再像第一組字一樣全都是圓圓潤潤的，多了一些小尖角。視覺上你會(huì)發(fā)現(xiàn)似乎多了很多細(xì)節(jié)，相對(duì)比而言這樣是變復(fù)雜了，依然萌但似乎是少了點(diǎn)天然呆，不再純純的。

萌系字體結(jié)構(gòu)靈活，字面的寬度高度可以隨文字結(jié)構(gòu)有所差異，但也不要太過懸殊。這組字因?yàn)橐呀?jīng)有不少細(xì)節(jié)，所以就沒有畫蛇添足做筆畫的疊加處理。

3. 賣萌值 ｜ ???

筆畫看起來是不是一下子規(guī)矩了很多？沒有了之前的飽滿圓潤的弧度，取而代之的是規(guī)矩的線條，說是規(guī)矩其實(shí)也并不是完全的「守規(guī)則」，依然不是完全的橫平豎直，更多的是一種「保持童心」下的稚拙感。萌字部分做了一點(diǎn)俏皮的斷筆處理，撇和提勾的部分其實(shí)是有一些宋體筆畫的影子，起到調(diào)和的作用。

筆畫要盡量做減法，可以從最后一個(gè)字「辶」的處理觀察，基本上兩筆帶過。為什么要這樣做呢？試想，筆畫如果保持原有的一曲三折，空間的需求就會(huì)增大，胖胖的筆畫很可能是容不下的。復(fù)雜也不是孩子的個(gè)性標(biāo)簽。

4. 賣萌值 ｜ ???

起筆收筆皆為明顯的直角，為何依然是三心的賣萌值？你要知道「賣萌值」的決定因素不僅僅是某一點(diǎn)，上圖中的字雖然有直角的部分，但是結(jié)構(gòu)依然活潑松弛，行筆也還是圓潤有度，要根據(jù)需求靈活調(diào)節(jié)。

筆畫當(dāng)中一些點(diǎn)的處理可以直接用圓點(diǎn)替代，能夠起到很好的調(diào)節(jié)作用，盡量不用規(guī)則的正圓，像是本組字除了用一用圓點(diǎn)和字義相關(guān)的簡潔圖形也是不錯(cuò)的選擇。

5. 賣萌值 ｜ ??

這種處理方式就帶有濃濃的手寫感了，筆畫有簡化，但也有連筆的處理，如果去掉連筆是不是和第二組案例相似呢？

之所以拿出這組字是想告訴大家筆畫復(fù)雜或簡化沒有對(duì)錯(cuò)之分，只是呈現(xiàn)出的效果會(huì)有極大差異，要根據(jù)所需準(zhǔn)確拿捏。

小結(jié)

在基本結(jié)構(gòu)相同的條件下，筆畫形式的不同、繁簡程度很大程度上決定了一個(gè)字體到底有多萌。本文中只是給大家列舉了五種跨度的萌系字型，但是每個(gè)區(qū)間，結(jié)構(gòu)、筆畫和細(xì)節(jié)條件的微變，都會(huì)呈現(xiàn)出變化萬千的字型！

「劉柏坤的字體設(shè)計(jì)課堂」

• 《字體丨聊聊中文字體的性格和運(yùn)用方法》
• 《字體丨簡單兩招，快速提升字體設(shè)計(jì)的質(zhì)感》
• 《超實(shí)用！簡單七招教你打造超有格調(diào)的字體設(shè)計(jì)》
• 《明明想法和思路都對(duì)了，為什么最后效果卻不盡人意呢？》

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計(jì)愛好者也準(zhǔn)備了貼心的知識(shí)樹專欄。開啟免費(fèi)自學(xué)新篇章，按照我們的專欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺效果。

設(shè)計(jì)導(dǎo)航：國內(nèi)人氣最高的設(shè)計(jì)網(wǎng)址導(dǎo)航，設(shè)計(jì)師必備： http://hao.uisdc.com