如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

專(zhuān)注于做好一件小事，哪怕是做不好也用心去做，小到搭建一個(gè)精美的網(wǎng)格系統(tǒng)，做好一個(gè)字體的拐角……先看一下我的往期設(shè)計(jì)案例。

如何從無(wú)到有設(shè)計(jì)一款字體

對(duì)于很多剛接觸字體設(shè)計(jì)的同學(xué)經(jīng)常會(huì)遇到一種情況那就是想法高大上，結(jié)果很悲傷，為什么會(huì)造成這樣的結(jié)果？歸根結(jié)底是對(duì)字體設(shè)計(jì)本身了解還不夠細(xì)致就照葫蘆畫(huà)瓢直接上，為了避免這種尷尬的結(jié)果，我們應(yīng)該在開(kāi)始著手做字體之前要做好各項(xiàng)準(zhǔn)備工作，不斷去瀏覽優(yōu)秀的字體設(shè)計(jì)從中尋找設(shè)計(jì)的感覺(jué)，確定感覺(jué)后建立網(wǎng)格系統(tǒng)，開(kāi)始逐步設(shè)計(jì)字體。我在做字體設(shè)計(jì)的時(shí)候會(huì)把握幾個(gè)步驟「建網(wǎng)格」——「選字體」——「拆字體」——「繪筆畫(huà)」——「綁骨架」——「粗與細(xì)」——「取與舍」——「磨細(xì)節(jié)」——「去感受」。

下面我們就以大家最常見(jiàn)的矩陣字體為例來(lái)給大家分享如何制作字體。

1. 建網(wǎng)格

建立網(wǎng)格系統(tǒng)，萬(wàn)丈高樓平地起，要做一款扎實(shí)的字體離不開(kāi)網(wǎng)格系統(tǒng)的規(guī)范。

2. 拆字體

以「燃」為例——選取一個(gè)默認(rèn)字體，按照字體結(jié)構(gòu)對(duì)筆畫(huà)進(jìn)行拆分。

3. 繪筆畫(huà)

將拆分出的筆畫(huà)用橫線和豎線在網(wǎng)格系統(tǒng)里進(jìn)行筆畫(huà)重繪，此時(shí)不要做細(xì)節(jié)，撇、捺和點(diǎn)根據(jù)自身走向和結(jié)構(gòu)特點(diǎn)也歸屬為橫豎線。

4. 綁骨架

拆分繪制的字體筆畫(huà)就是字體的骨骼，筆畫(huà)間的連接處可以理解成是人體的關(guān)節(jié)，關(guān)節(jié)的意義在于保證字體穩(wěn)固的同時(shí)又靈活多變，字體的筆畫(huà)可以根據(jù)視覺(jué)需要圍繞關(guān)節(jié)在一定范圍內(nèi)做活動(dòng)，也可調(diào)整長(zhǎng)短比例。

5. 粗與細(xì)

筆畫(huà)的粗細(xì)與硬度由你想要的字體氣質(zhì)來(lái)決定，細(xì)筆畫(huà)與曲筆畫(huà)柔美氣質(zhì)，粗筆畫(huà)與直筆畫(huà)沉穩(wěn)大氣，雖說(shuō)設(shè)計(jì)是一種感覺(jué)，但是這種感覺(jué)對(duì)于初學(xué)者來(lái)說(shuō)很難把控，所以跟大家共享一下常用的幾種筆畫(huà)的粗細(xì)，在1000PX*1000PX畫(huà)板里采用6px，10px和20px為基礎(chǔ)筆畫(huà)粗細(xì)，根據(jù)想要的業(yè)務(wù)氣質(zhì)選取即可。

6. 解與構(gòu)

常見(jiàn)的字體結(jié)構(gòu)有「上下結(jié)構(gòu)」「上中下結(jié)構(gòu)」「左右結(jié)構(gòu)」「左中右結(jié)構(gòu)」「半包圍結(jié)構(gòu)」和「全包圍結(jié)構(gòu)」。其中「上下結(jié)構(gòu)」中著重強(qiáng)調(diào)占比較小的那部分筆畫(huà)，進(jìn)而達(dá)到字體本身的平衡，例如「感」字著重設(shè)計(jì)心字；「上中下結(jié)構(gòu)」中一般會(huì)在不影響識(shí)別性的前提下去掉中間部分橫行筆畫(huà)，進(jìn)而達(dá)到字體本身的平衡，例如「享」字著重設(shè)計(jì)口字；左中右結(jié)構(gòu)中在不影響識(shí)別性的前提下會(huì)簡(jiǎn)化左邊部分筆畫(huà)，進(jìn)而達(dá)到字體本身的平衡，例如「燃」字著重設(shè)計(jì)火字。

7. 取與舍

筆畫(huà)變粗后整個(gè)字體筆畫(huà)間的空間比例會(huì)受到一定影響，因此為了字體的美觀度和透氣性我們會(huì)對(duì)字體結(jié)構(gòu)進(jìn)行一些取舍和整合。

8. 磨細(xì)節(jié)

為了讓字體看起來(lái)更加舒適，我們將字體的拐角做圓，做圓角的同時(shí)也要根據(jù)網(wǎng)格系統(tǒng)來(lái)調(diào)整圓的度數(shù)。

9. 去感受

打磨整體字體，繼續(xù)刻畫(huà)細(xì)節(jié)。

注意：在一組字里，每個(gè)單字的結(jié)構(gòu)都存在差異，適當(dāng)調(diào)整字體內(nèi)部的比例，形成感官上舒適的筆勢(shì)，對(duì)保持視覺(jué)上大小一致很重要。漢字字體類(lèi)型繁多，但是如果我們用幾何法則來(lái)劃分字體類(lèi)型其實(shí)大致可以歸納為三種：方形，圓形和三角形，從面積上來(lái)看方形和圓形的面積最大，三角形次之，所以我們?yōu)榱吮３肿种卮笮〉囊恢滦孕枰{(diào)整他們之間的大小比例，做到大小均勻，筆畫(huà)一致，結(jié)構(gòu)嚴(yán)謹(jǐn)和間隙適中。

△ 圖源：ElethomHunter

為了拉出字體的氣質(zhì)，一般會(huì)把字體做的稍微偏瘦長(zhǎng)一些。

字體設(shè)計(jì)的手段是多種多樣的，每個(gè)設(shè)計(jì)師都有自己擅長(zhǎng)的切入點(diǎn)，最后的結(jié)果是自己想要的就好。上述的分享希望能給字體設(shè)計(jì)初學(xué)者一點(diǎn)幫助，也歡迎各位同行大神交流切磋。

藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。