萌萌的字體設計,只需簡單掌握這幾招就好了!

今天分享簡單的幾招,讓你在做萌萌噠的字體設計時,有更多的設計靈感。

在現實生活中,我們常用胖墩墩、真可愛來描述小寶寶,用憨態可掬、萌翻了形容小狗狗,也用肥美呆萌描述多肉植物等等,其實就是給人可愛呆萌的感覺,那麼是什麼賦予了他們呆萌的屬性呢?

簡單概括我覺得是如下三點:體態肥嘟嘟、形態呆萌萌、神態嬌滴滴。

而恰巧字體設計構成三要素結構、筆畫、細節與上述三點有著奇妙的關聯。

一. 萌萌噠字型基本特徵

1. 結構搭建寬鬆

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

萌萌的字體設計,只需簡單掌握這幾招就好了!

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

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

萌萌的字體設計,只需簡單掌握這幾招就好了!

2. 筆畫設定圓滑

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

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

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

萌萌的字體設計,只需簡單掌握這幾招就好了!

3. 細節修飾簡明

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

萌萌的字體設計,只需簡單掌握這幾招就好了!

二. 萌萌噠字型分類

實話講這個真的沒有一個嚴格意義上的劃分標準,所以很難去給該類型字體做明確的分類,所以我決定用「賣萌值」模糊歸類,紅心越多越呆萌,目的是給大家梳理開以便更直觀的理解。

(特別說明:本次的案例文字全是塊面的形式呈現,單純的線段構成的字也可以很萌,道理互通,故不做分解)

1. 賣萌值5

萌萌的字體設計,只需簡單掌握這幾招就好了!

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

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

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

萌萌的字體設計,只需簡單掌握這幾招就好了!

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

2. 賣萌值 4

萌萌的字體設計,只需簡單掌握這幾招就好了!

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

萌萌的字體設計,只需簡單掌握這幾招就好了!

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

3. 賣萌值 3

萌萌的字體設計,只需簡單掌握這幾招就好了!

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

萌萌的字體設計,只需簡單掌握這幾招就好了!

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

4. 賣萌值 2

萌萌的字體設計,只需簡單掌握這幾招就好了!

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

萌萌的字體設計,只需簡單掌握這幾招就好了!

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

5. 賣萌值 1

萌萌的字體設計,只需簡單掌握這幾招就好了!

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

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

萌萌的字體設計,只需簡單掌握這幾招就好了!

本文來源網絡,版權歸原作者所有,僅供學習參考!

福利互動

為答謝客官閱讀完此文支持,特准備新人大禮包贈送領取:2000種設計筆刷,10本設計書,設計師必備500種字體~~下方是

領取方式

1,關注小勇哥哥PS視覺設計頭條號~

2,評論文章,不限字數,

3,私信小勇回覆:福利


分享到:


相關文章: