Inked · 南錄要術(shù) | 如何設(shè)計(jì)花體字

花體字不少朋友都在問應(yīng)該怎么做,最近小胖也一直在跟叔說,更花體字吧,所以今天就跟大家分享一下花體字的設(shè)計(jì),接下來進(jìn)入正題。

INKED · 南錄要術(shù) | 第41篇專業(yè)分享

應(yīng) 該 如 何 設(shè) 計(jì) 花 體 字

花體也好,奇卡諾字體也好,還是其他各種的表達(dá)方式,內(nèi)核都是英文字母,英文字母本身都是有共同點(diǎn)的,所以講花體之前我們先來了解一下英文字母的結(jié)構(gòu)。

關(guān)于英文字體的設(shè)計(jì),我們首先需要了解三條標(biāo)準(zhǔn)線,第一條叫基線,基線起類似一個地平線的作用,所有的字母都坐落在這地平線上;第二條線叫小寫線或者中線,這條線可以幫我們找到所有小寫字母的高度;第三條線叫大寫線,可以幫我們找到所有的大寫字母高度。有了這三條線,字母就穩(wěn)了。

接著我們需要了解一個叫做X高度的概念:X是所有英文字母中,唯一一個有四個角的字母,它高度可以決定所有字母字母的高度,通常它的寬度也可以決定所有字母的寬度,換言之:X可以定義出所有字母的大小和高度。

上圖所示的三種不同款式的X,他們的X高度其實(shí)是一致的。

然后我們可以在之前的基礎(chǔ)上再增加兩條參考線出來,最上面的一條參考線叫做上升線,是字母升部的最高位置;最下面一條線叫做下降線,是降部能達(dá)到的最低位置。

下降大家能理解,有了大寫線還為什么還要上升呢?因?yàn)橥瑯痈叨鹊木匦巍A形和三角形,看上去視覺大小會不一致,所以我們需要適當(dāng)?shù)姆糯髨A形和三角形,讓三個圖形看上去視覺大小一致,上升線便是為此服務(wù)的。

輔助線清楚了以后,接下來我們需要了解英文字體的骨架結(jié)構(gòu),先介紹主要的骨架結(jié)構(gòu):

【字頂】通常是兩個筆畫的交匯頂點(diǎn),可以是尖的、平的、扁的、中空的等等,如大寫字母A、M、N、V等都有這個結(jié)構(gòu)。

【字臂】是平的,是用來連接和垂直部分沒有在一起的結(jié)構(gòu),比如T,E、F等字母上會有。

【升部】是小寫字母特有的,用來升高高于X的字母,如字母f、h等。

【降部】用來降低低于X高度的字母,比如小寫的p、j、大寫的Q等等。

【字喙】就像一個鳥嘴一樣,一般是筆畫的邊緣位置,如大寫字母的T、L等等,有些字體的設(shè)計(jì)是可以不要的。

【字干】是字體的主要筆畫組成部分,通常是必不可少的。

英文字體字的母里面另外一個特別重要的組成部分是字懷,分為封閉式和開放式。同一個設(shè)計(jì)中,字懷的空間沒調(diào)整好,整體設(shè)計(jì)是會減分的。

大的結(jié)構(gòu)沒問題了以后,剩下的就全部是細(xì)節(jié)了,這些細(xì)節(jié)具體的就不每一個都講了,最后的我們所需要結(jié)果就是:所有的字,通過讓各種包括粗細(xì)變化、轉(zhuǎn)折方式等等的結(jié)構(gòu)一致或者相似,讓他們看起來都是統(tǒng)一不違和的。

我們設(shè)計(jì)字體的時候正常情況下最少是一個單詞,不同的字母組合成一個個單詞,單詞部分需要注意兩點(diǎn),第一個是英文字母之間的連接方式,包括大寫字母和大寫字母之間、大寫字母和小寫字母之間,以及小寫字母和小寫字母之間的連接方式;第二個需要注意的是字母之間該間隔多少,也就是俗稱的字間距,為了在視覺上達(dá)到看上去一致,不同字母之間的實(shí)際字間距也可能是不一樣的。

以上內(nèi)容都搞明白了以后,叔覺得要想設(shè)計(jì)花體字、奇卡諾啥的就很容易了,所以叔的入門級建議方法是:

首先,我們需要畫三條輔助線出來,包括大小寫線以及基線(花體字的的上升和下降沒那么死,所以另外兩條線不就需要了);接著,我們在這三條輔助線上做出我們的字體骨架,調(diào)整好肩甲結(jié)構(gòu)、空間結(jié)構(gòu)以及其他任何需要調(diào)整的東西;最后,我們在這個調(diào)整好的骨架結(jié)構(gòu)上,給它加上肌肉、皮膚、粗細(xì)變化、裝飾線、花邊、質(zhì)感、光感等等就好了。

花體的設(shè)計(jì),如果不太了解,可以帶著這一套算法去把你認(rèn)為好看的作品重新解構(gòu)一次,解構(gòu)成骨架、肩甲解構(gòu)(完全沒粗細(xì)變化的結(jié)構(gòu))、裝飾、皮膚、花邊等等一系列零件,然后去學(xué)會這些零件的表達(dá)方式,再把這些零件用自己的方式組成自己的花體字就一定沒問題了。

我們反目的式教育,反觀光式教育,提供方法、思考以及原理,希望大家能在沒有我們的時候也繼續(xù)成長。

恭喜你今天又GET到一個姿勢點(diǎn),我是愛你的叔,我們下次見。

· Better Tattoo Better Life ·

·?Get Inked ·

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁的形式展示給用戶的,因此網(wǎng)頁是網(wǎng)絡(luò)信息傳遞的載體。網(wǎng)頁文件是用...
    阿啊阿吖丁閱讀 4,908評論 0 0
  • 長堤翠色天接水,滿城細(xì)柳隨風(fēng)剪。遙迢富春江,瀲滟生波光。浪里飛白鷺,只影猶爭渡。凝煙更漏短,不問幾時還。
    季風(fēng)_6fd2閱讀 330評論 0 0
  • 滿江紅·和望斷巫山: 同憶孔明 望斷巫山 癡情怨 一江水漲; 嘆諸葛 綸巾羽扇 幾多悵惘; 風(fēng)卷殘?jiān)铺煲仓?火燒赤...
    秋思楓醉閱讀 512評論 0 0
  • 李海下班的時候已經(jīng)八點(diǎn)半,經(jīng)過商場蛋糕店時,一個個誘人的蛋糕讓他突然間想起今天是自己三十歲生日。 他想起之前看過的...
    杰瑞瑞閱讀 274評論 0 2

友情鏈接更多精彩內(nèi)容