上一期我們讓字體設(shè)計刮起了濃濃中國風(fēng),不知道大家是否已掌握其中的“秘籍”,覺得有難度不要緊,切記:欲練此功,必要多練!
本篇是字體設(shè)計進(jìn)化論系列教程的第十四篇,前前后后也寫了不少圍繞字體設(shè)計的小知識和小方法,很多朋友給我留言說總結(jié)得很好、思路清晰、人很帥...哈哈哈!謝謝大家的點贊鼓勵,今天呢準(zhǔn)備給大家賣賣萌!當(dāng)然不是我咯,而是看看如何讓你的字體萌翻全場!好了,話不多說,準(zhǔn)備收下這波干貨吧~
萌萌噠說的是字體呈現(xiàn)出的狀態(tài),簡單講就是可愛卡通類型的字體風(fēng)格,像是母嬰、兒童相關(guān)會常常用到,那么設(shè)計一款萌萌的字體有哪些方法?有什么需要注意的點呢?
在現(xiàn)實生活中,我們常用胖墩墩真可愛來描述小寶寶,用憨態(tài)可掬萌翻了形容小狗狗,也用肥美呆萌描述多肉植物等等,其實就是給人可愛呆萌的感覺,那么是什么賦予了他們呆萌的屬性呢?簡單概括我覺得是如下三點:體態(tài)肥嘟嘟、形態(tài)呆萌萌、神態(tài)嬌滴滴(咦...好肉麻)!而恰巧字體設(shè)計構(gòu)成三要素結(jié)構(gòu)、筆畫、細(xì)節(jié)與上述三點有著奇妙的關(guān)聯(lián)。
一、萌萌噠字型基本特征
a.結(jié)構(gòu)搭建寬松
先把整個字的筆畫位置安排妥當(dāng),也就是先確立好結(jié)構(gòu)關(guān)系,很多朋友一開始就“摳筆畫”,一筆一畫往后推,這樣無規(guī)劃沒有預(yù)見性很容易出現(xiàn)筆畫無處安放的情況;
不同于往常做的標(biāo)準(zhǔn)字,該類型的字體結(jié)構(gòu)要做的輕松俏皮些,筆畫走向也不再是完全的橫平豎直,歪七扭八反而出效果,這需要足夠的掌控力;
結(jié)構(gòu)空間要盡量寬松,也就是筆畫之間要預(yù)留出足夠的空間,這樣做的目的是給第二步筆畫的填充打好基礎(chǔ),因為相類似這種類型的字體筆畫設(shè)定都是比較粗的。
b.筆畫設(shè)定圓滑
這是相當(dāng)重要的一環(huán),決定了這個字是有點萌還是相當(dāng)萌!這一點下文會具體案例具體分析,先來講一講筆畫設(shè)定基本的注意點。
首先筆畫設(shè)定一定要胖!胖!胖!第一步咱們結(jié)構(gòu)的搭建已經(jīng)預(yù)留出很大的空間,很多朋友不舍得把筆畫加粗,導(dǎo)致整個字空空蕩蕩,瘦骨如柴,看著可憐何來呆萌?
筆畫的加粗不是意味著沒有粗細(xì)變化,要根據(jù)結(jié)構(gòu)空間適當(dāng)?shù)母淖児P畫的粗細(xì)狀態(tài),這樣字體會更有活力;另外一些曲線的部分要過渡自然柔和,這很大程度上影響字體的品質(zhì)感;
c.細(xì)節(jié)修飾簡明
該類型的字體細(xì)節(jié)修飾主要體現(xiàn)在兩處,一是可以使用一些和字義相關(guān)的圖形應(yīng)用到字體當(dāng)中,起到強(qiáng)調(diào)的作用;二是合理使用一些筆畫的疊加與裁切,太復(fù)雜的細(xì)節(jié)修飾不適合這種“單純“的字型,所以最簡單的疊加與裁切剛剛好。
二、萌萌噠字型分類
實話講這個真的沒有一個嚴(yán)格意義上的劃分標(biāo)準(zhǔn),所以很難去給該類型字體做明確的分類,所以我決定用”賣萌值“模糊歸類,紅心越多越呆萌,目的是給大家梳理開以便更直觀的理解。(特別說明:本次的案例文字全是塊面的形式呈現(xiàn),單純的線段構(gòu)成的字也可以很萌,道理互通,故不做分解,請知曉)
a.賣萌值 | ?????
筆畫整體越圓潤字體的親和力就會充足,接下來的幾組例子大家留意這一點變化帶來的視覺差異。
上圖可以很清楚的歸納出這樣幾個特征:筆畫的起筆和收筆皆為圓頭,行筆中段略細(xì)這樣筆畫上就有了一層粗細(xì)的變化;沒有完全水平或垂直的筆畫走向,甚至很多筆畫帶有很大的曲度,常規(guī)的直角轉(zhuǎn)角變成大的圓角,這樣的目的也在于增加字體的親和力,看來更萌更卡通。
另外,在筆畫密集的位置做了一點細(xì)節(jié),也就是筆畫的前后疊加,好處有二:一是可以讓字體的空間更透氣,結(jié)構(gòu)更合理,在一點是層次感更豐富;
我們可以適當(dāng)增加字體的“厚度”加之色彩的輔助,使之更完整。上圖分解下來只有簡單四層,高光、主體字加兩層深咖底,注意每層的位置和作用,當(dāng)然色彩一般取明快的色調(diào)就可。
b.賣萌值 | ????
和上一組字對比你發(fā)現(xiàn)哪里有不同了嗎?沒錯,主要體現(xiàn)在筆畫起筆或收筆的形式上,上圖中的文字筆畫依舊肥嘟嘟,但是不再像第一組字一樣全都是圓圓潤潤的,多了一些小尖角,視覺上你會發(fā)現(xiàn)似乎多了很多細(xì)節(jié),相對比而言這樣是變復(fù)雜了,依然萌但似乎是少了點天然呆,不再純純的。
萌系字體結(jié)構(gòu)靈活,字面的寬度高度可以隨文字結(jié)構(gòu)有所差異,但也不要太過懸殊;這組字因為已經(jīng)有不少細(xì)節(jié),所以就沒有畫蛇添足做筆畫的疊加處理。
c.賣萌值 | ???
筆畫看起來是不是一下子規(guī)矩了很多?沒有了之前的飽滿圓潤的弧度,取而代之的是規(guī)矩的線條,說是規(guī)矩其實也并不是完全的“守規(guī)則”,依然不是完全的橫平豎直,更多的是一種“保持童心”下的稚拙感;萌字部分做了一點俏皮的斷筆處理,撇和提勾的部分其實是有一些宋體筆畫的影子,起到調(diào)和的作用;
筆畫要盡量做減法,可以從最后一個字“辶”的處理觀察,基本上兩筆帶過,為什么要這樣做呢?試想,筆畫如果保持原有的一曲三折空間的需求就會增大,胖胖的筆畫很可能是容不下的;復(fù)雜也不是孩子的個性標(biāo)簽。
d.賣萌值 | ???
起筆收筆皆為明顯的直角,為何依然是三心的賣萌值?你要知道“賣萌值”的決定因素不僅僅是某一點,上圖中的字雖然有直角的部分,但是結(jié)構(gòu)依然活潑松弛,行筆也還是圓潤有度,要根據(jù)需求靈活調(diào)節(jié);
筆畫當(dāng)中一些點的處理可以直接用圓點替代,能夠起到很好的調(diào)節(jié)作用,盡量不用規(guī)則的正圓,像是本組字除了圓點用一用和字義相關(guān)的簡潔圖形也是不錯的選擇。
e.賣萌值 | ??
這種處理方式就帶有濃濃的手寫感了,筆畫有簡化但也有連筆的處理,如果去掉連筆是不是和第二組案例相似呢?
之所以拿出這組字是想告訴大家筆畫復(fù)雜或簡化沒有對錯之分,只是呈現(xiàn)出的效果會有極大差異,要根據(jù)所需準(zhǔn)確拿捏。
小結(jié)
在基本結(jié)構(gòu)相同的條件下,筆畫形式的不同、繁簡程度很大程度上決定了一個字體到底有多萌的程度;本文中只是給大家列舉了五種跨度的萌系字型,但是每個區(qū)間,結(jié)構(gòu)、筆畫和細(xì)節(jié)條件的微變,都會呈現(xiàn)出變化萬千的字型!
可愛的人,做可愛的字。加油