一招“揭穿”矩形字的套路，好看又好玩！

編輯：蔥花  作者：劉柏坤

塊面形式的文字是大家非常熟悉的，想要做出一些風(fēng)格該怎么辦呢？下面分享好朋友范鈞元寫的文章，簡單實用相信對你有所啟發(fā) ～

矩形造字是字體設(shè)計中最常用的一種方法，俗稱方塊拼接法。就是利用Illustrator中的“矩形工具”來繪制各個筆畫，通過連接筆畫、斷筆、加入一些小創(chuàng)意達到字體的設(shè)計感。跟“鋼筆造字”比起來“矩形造字”的橫豎筆畫的寬度有了較大變化，因此對字型負空間的調(diào)節(jié)就顯得相當(dāng)重要了。

處理矩形字的“手段”有很多種，今天就簡單聊下造字的方法，為了讓我們更簡單易懂的去學(xué)習(xí)矩形字的一篇文章。下面就具體看看這到底該怎么用！

* 以下部分案例圖片引自網(wǎng)絡(luò)

字體設(shè)計應(yīng)用真的是非常廣泛，它存在于我們生活的方方面面，除了睡眠時間，其他時間我們想看不見它都難。字體在品牌標(biāo)識、書籍裝幀、宣傳海報、電商網(wǎng)絡(luò)...都會看到它形式各樣的身影，特別是最近幾年。字體設(shè)計在平面設(shè)計領(lǐng)域發(fā)揮著越來越重要的作用，有著不可忽視的地位。

如果我們在只改變字體細節(jié)裝飾等情況下，如何讓它能更換一種字型、成為另外一種風(fēng)格？字型結(jié)構(gòu)如同人的骨骼、整體構(gòu)造后天沒辦法改變但是你可以通過服飾的穿搭來隨時轉(zhuǎn)變，就如同人的骨骼、肉和服飾穿搭一般，并一一對應(yīng)，才能傳達出字體的氣質(zhì)。

我們來個簡單的形象對比，感受一下，如下圖。同一個人在只改變服飾穿搭發(fā)型等外在元素的著裝風(fēng)格，這些外在的形象在一定程度上絕對影響一個人的氣質(zhì)／性格。同理字體的結(jié)構(gòu)、筆畫、細節(jié)的變化也可以反映出一個字的氣質(zhì)／性格。

通過上圖，我們看到了服飾穿搭的變化會把人的氣質(zhì)提升n+1個檔次。那什么是矩形造字？其實就是通過基礎(chǔ)字形的骨架不斷的去換筆畫、細節(jié)的差異，塑造出形式多變的字體，從而給人帶來不同的視覺感受。一幅優(yōu)秀的字體設(shè)計，能夠在最快的時間準(zhǔn)確地向用戶傳達出字體情感，這就是字體設(shè)計最大的魅力所在。

1、矩形字的結(jié)構(gòu)如何快速搭建？

我們知道了矩形字是基礎(chǔ)字型，那么我們怎樣才能最快速度的做出矩形字、又怎樣把它去做變化呢？首先我先說一下我理解的如何快速搭建文字結(jié)構(gòu)、可能不是最好的方法，但肯定也不會是錯的方法（不僅限于這一種方法）如果有更好的方法我們可以學(xué)習(xí)更好的，不要被我的方法束縛住。（僅作為拋磚引玉，不是引杠精...）

字形、結(jié)構(gòu)和重心的調(diào)整

矩形字結(jié)構(gòu)的變化對于字體整體氣質(zhì)的影響最為直接。我們先在基礎(chǔ)字形上稍作調(diào)整，參考字形是“方正粗譚黑”這款字型很接近于我們做的矩形字，方方正正，有種厚重感、力量感，不論是用在電商banner上還是海報上面都是不錯的選擇。

先對方正粗譚黑進行字形調(diào)整，這種字體最典型的特征就是重心靠上，上緊下松，筆畫粗細得當(dāng)。所以用這款字形為原型是比較合適的，參考粗譚黑搭建出新的字形。水平結(jié)構(gòu)調(diào)整，粗譚黑體字形重心靠上，上緊下松，有一種緊湊感。對“雷”字進行上下結(jié)構(gòu)和重心調(diào)整，使其字面平穩(wěn)、視覺均衡，讓字體看起來更加簡潔整齊。

no.01是剛搭建好的字型，no.02-04是做的微變化，斜切、加一些小的切角裝飾讓字更具有力量感。切角不是隨隨便便的裁切，一般是在兩個相交的筆畫處做切角的處理，適當(dāng)?shù)募右恍┣薪强梢栽鰪娮中驼w的立體感，字型結(jié)構(gòu)空間會變得更加透氣，字與字之間的關(guān)系也就多了些層次和變化。

好了，基礎(chǔ)的矩形造字就不多說了有不明白的看之前的文章，今天的重點在后面。（敲黑板，各位老鐵往下看）

二、如何快速提取筆畫

筆畫是字體中最基本的單位，筆畫的設(shè)定對于整個字體氣質(zhì)的表現(xiàn)也比較重要的，筆畫的裝飾塑造出形式多變的字體，不同的筆畫所帶來的視覺沖擊力也是截然不同的感受。我們剛接觸字體的時候怎么去提取筆畫呢？自己做？別鬧多麻煩老衲打開站酷\花瓣\be咔咔咔就是一頓騷操作。先找風(fēng)格最重要兄dei...

先來個示范操作一下，我們想做一個同風(fēng)格的字體，直接上手做這種字型可能會有點點的麻煩。它是一個從簡單到復(fù)雜的過程我們一步步的拆分來看，把它當(dāng)做矩形字、完事加筆畫裝飾、之后整體調(diào)整讓這組字體更加協(xié)調(diào)統(tǒng)一。

紅色區(qū)域是這組字體具有代表性的筆畫我們先提取出來。

筆畫用提取的筆畫，橫豎撇捺點豎彎鉤就沒有都整理出來，沒有細扣筆畫細節(jié)，主要看效果。咱們看no.01字型是直接從粗譚黑改的，后期加上我們參考的字體筆畫裝飾，做的no.02字型。最后一步進行斜切處理，將字形傾斜。斜線比直線更有動感和力度，這是線條帶來的視覺感，進一步加強字體的氣質(zhì)。

這組字的筆畫比較簡單，沒有進行過多的處理直接替換了細節(jié)裝飾，對比01字型會顯得更有特色一些沒有那么平庸。

什么才是機甲風(fēng)？每個人的理解都不一樣...能夠聯(lián)想到一些科幻、硬核、很酷等這些關(guān)鍵詞。

機甲，意即是“機械動力裝甲”，一般出現(xiàn)在科幻或超現(xiàn)實的影視、游戲和小說文，現(xiàn)實中也有人嘗試創(chuàng)作這類科技。原意中的機甲一詞基本指的是類似于《鋼鐵俠》的動力服，但隨著日本ACG作品的影響，現(xiàn)今有大多數(shù)人對機甲的印象都是由人類操作的大型機器人，一般定義為戰(zhàn)爭兵器，例如我們熟知的高達。

看完這些之后，我尋找了一些比較科技硬核機甲風(fēng)的素材咱們先瞄一眼（敲黑板、劃重點這些都是要考的）

素材我找出來了，可提取元素我也做出來了。完成這一步之后我們再去給它（no.01字型）增加細節(jié)，至于是增加哪方面的細節(jié)？需要我們?nèi)グ烟崛〉囊恍﹨⒖继嵩厝谌氲阶煮w中，讓字體顯得更有設(shè)計感、更機甲風(fēng)。

對比下字型結(jié)構(gòu)還是我們最初的結(jié)構(gòu)，我們在保證結(jié)構(gòu)不變的情況只變換裝飾讓字體氣質(zhì)上發(fā)生變換～給人帶來的直觀感受也是不同的。

字面、字重、以及筆畫的粗細變化是調(diào)整字體個性化、氣質(zhì)變形過程是至關(guān)重要的一步。關(guān)于字體重心調(diào)整的相關(guān)內(nèi)容，請看下一篇文章（想好了就寫...）

學(xué)習(xí)要點：

在原型字體的選擇過程中，要充分分析項目背景特征，選取接近項目特征的字體為原型，后期增加裝飾或者變形會更加簡單、快捷。其次原型字體的筆畫粗細，對字體風(fēng)格也起到了關(guān)鍵性的作用。

1.直線字體看起來更粗壯、穩(wěn)健、莊重感，適用于常規(guī)主題字、主kv等中規(guī)中矩的字體設(shè)計。

2.斜線具有力量感、視覺動向的引導(dǎo)感，傾斜度越大，運動視覺引導(dǎo)感越強，合理的對字體斜切處理，能夠有效的加強字體動力氣質(zhì)的作用。

3.曲線非常適合女性主題的字體設(shè)計。

合理運用這三種字形的設(shè)計，根據(jù)主題靈活變化，合理地變換字形筆畫，融合直線、斜線和曲線元素能夠讓字體更具有設(shè)計感。

方法都告訴你了，趕緊操練起來吧！～