學會這簡單幾招，字體設計也能萌萌噠！

4 人贊了文章

我們讓字體設計颳起了濃濃的中國風，不知道大家是否已掌握其中的「秘籍」，覺得有難度不要緊，切記：欲練此功，必要多練！本篇是可愛風格字體，簡單幾招讓你的字體萌翻全場！準備收下這波乾貨吧。

萌萌噠說的是字體呈現出的狀態，簡單講就是可愛卡通類型的字體風格，像是與母嬰、兒童相關的設計會常常用到，那麼設計一款萌萌的字體有哪些方法？有什麼需要注意的點呢？

在現實生活中，我們常用胖墩墩、真可愛來描述小寶寶，用憨態可掬、萌翻了形容小狗狗，也用肥美呆萌描述多肉植物等等，其實就是給人可愛呆萌的感覺，那麼是什麼賦予了他們呆萌的屬性呢？簡單概括我覺得是如下三點：體態肥嘟嘟、形態呆萌萌、神態嬌滴滴。而恰巧字體設計構成三要素結構、筆畫、細節與上述三點有著奇妙的關聯。

一. 萌萌噠字型基本特徵

1. 結構搭建寬鬆

先把整個字的筆畫位置安排妥當，也就是先確立好結構關係。很多朋友一開始就「摳筆畫」，一筆一畫往後推，這樣無規劃，沒有預見性很容易出現筆畫無處安放的情況。

不同於往常做的標準字，該類型的字體結構要做的輕鬆俏皮些，筆畫走向也不再是完全的橫平豎直，歪七扭八反而出效果，這需要足夠的掌控力。

結構空間要盡量寬鬆，也就是筆畫之間要預留出足夠的空間，這樣做的目的是給第二步筆畫的填充打好基礎，因為像類似這種類型的字體筆畫設定都是比較粗的。

2. 筆畫設定圓滑

這是相當重要的一環，決定了這個字是有點萌還是相當萌！這一點下文會具體案例具體分析，先來講一講筆畫設定基本的注意點。

首先筆畫設定一定要胖！第一步咱們結構的搭建已經預留出很大的空間，很多朋友不捨得把筆畫加粗，導致整個字空空蕩蕩，瘦骨如柴，看著可憐，何來呆萌？

筆畫的加粗不是意味著沒有粗細變化，要根據結構空間適當的改變筆畫的粗細狀態，這樣字體會更有活力。另外一些曲線的部分要過渡自然柔和，這很大程度上影響字體的品質感。

3. 細節修飾簡明

該類型的字體細節修飾主要體現在兩處，一是可以使用一些和字義相關的圖形應用到字體當中，起到強調的作用；二是合理使用一些筆畫的疊加與裁切，太複雜的細節修飾不適合這種「單純」的字型，所以最簡單的疊加與裁切剛剛好。

二. 萌萌噠字型分類

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

1. 賣萌值 ｜ ?????

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

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

另外，在筆畫密集的位置做了一點細節，也就是筆畫的前後疊加，好處有二個：一是可以讓字體的空間更透氣，結構更合理；再一點是層次感更豐富。

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

2. 賣萌值 ｜ ????

和上一組字對比你發現哪裡有不同了嗎？沒錯，主要體現在筆畫起筆或收筆的形式上，上圖中的文字筆畫依舊肥嘟嘟，但是不再像第一組字一樣全都是圓圓潤潤的，多了一些小尖角。視覺上你會發現似乎多了很多細節，相對比而言這樣是變複雜了，依然萌但似乎是少了點天然呆，不再純純的。

萌系字體結構靈活，字面的寬度高度可以隨文字結構有所差異，但也不要太過懸殊。這組字因為已經有不少細節，所以就沒有畫蛇添足做筆畫的疊加處理。

3. 賣萌值 ｜ ???

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

筆畫要盡量做減法，可以從最後一個字「辶」的處理觀察，基本上兩筆帶過。為什麼要這樣做呢？試想，筆畫如果保持原有的一曲三折，空間的需求就會增大，胖胖的筆畫很可能是容不下的。複雜也不是孩子的個性標籤。

4. 賣萌值 ｜ ???

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

筆畫當中一些點的處理可以直接用圓點替代，能夠起到很好的調節作用，盡量不用規則的正圓，像是本組字除了用一用圓點和字義相關的簡潔圖形也是不錯的選擇。

5. 賣萌值 ｜ ??

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

之所以拿出這組字是想告訴大家筆畫複雜或簡化沒有對錯之分，只是呈現出的效果會有極大差異，要根據所需準確拿捏。

小結

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

文章來源：學會這簡單幾招，字體設計也能萌萌噠！ - 優設-UISDC