第一部分:視覺平衡
視覺平衡!我們把所有字母在視覺上保持水平對齊,但是我們發(fā)現(xiàn)他們并沒有絕對意義上的相同高度。比如,這個(gè)三角形比矩形要高,否則,三角形肯定會(huì)看上去比矩形要小。而創(chuàng)造一種字體,你當(dāng)然想要所有的字母
同樣,圓形也需要超出基準(zhǔn)線而達(dá)到視覺上的對齊。如果圓形和矩形高度相同,那肯定會(huì)看起來比矩形小。這不僅適用于三角形、圓形、矩形這些基本行狀,而是可以應(yīng)用在字體設(shè)計(jì)中的每一個(gè)字母,是很重要的一條法則。甚至你設(shè)計(jì)拉丁文、希臘文都可以應(yīng)用。這是一條適用于任何形狀的基本法則。
第二部分:術(shù)語。
Ascender:上伸部
Baseline:基準(zhǔn)線
X-height:小寫字母x高度
Arm:字臂
Shoulder:字肩
Contrast:粗細(xì)對比
Stem:主干
Serif:襯線
Terminal:尾部
Counter:字谷(內(nèi)部空間)
Bowl:字碗
descender:下伸部
字體術(shù)語。在字體設(shè)計(jì)過程中使用一些字體術(shù)語更有益于交流。這里有12個(gè)重要的字體術(shù)語,這些會(huì)讓你在交流中不用使用含糊不清的“對,這里”“那個(gè)小的黑的東西”的代詞。
這里我加一段:在英文字體的設(shè)計(jì)中(主要指小寫),一個(gè)字體的高度體包含三部份,以基準(zhǔn)線 (baseline) 為中央,以上稱之為上部 (ascender area),基準(zhǔn)線內(nèi)稱之為x高度(X-height),基準(zhǔn)線以下稱之為下部 (descender area)。
第三部分:流線型
流線。設(shè)計(jì)字體就像開車。當(dāng)你開車的時(shí)候,你肯定會(huì)走自然的曲線。這跟你在紙上畫字體的曲線是一樣的。曲線流暢的展開,絕不會(huì)突然卡住。當(dāng)你開車的時(shí)候,肯定不會(huì)一進(jìn)彎就打方向盤,而是慢慢的沿著右側(cè)曲線通過。在紙上手繪字體的時(shí)候,你想著開車就好了。呵呵。
書法淵源。上下兩種字母結(jié)構(gòu)不同,源于他們不同的書寫方式。不論字體是否分為襯線體或者無襯線體,他們都是根據(jù)不同的書寫方式而來。
上面的字母是通過尖筆書寫的,其中的對比是通過改變筆的不同壓力,而不是因?yàn)楣P的形狀。Bodoni就是一個(gè)例子,但是無襯線體Helvetica也屬于這種。最寬的部分基本都是垂直的,從這點(diǎn)來說Bodoni和Helvetica沒什么不同。他們有著同樣的結(jié)構(gòu),只是對比不同而已。
下面的字母則是起源于癟頭筆。筆本身就有寬和窄的部分。這種字體的粗細(xì)對比來自于筆的形狀而不是筆的壓力。把筆傾斜30°,這樣字母最寬的部分就不是垂直方向了,而是你傾斜的那個(gè)角度。同樣,最窄的部分也不是水平的部分。Garamond和 Minion就是這樣的字體,但是無襯線體Gill Sans也是來源于這種書寫方式。
第五部分:空間
空間。首先,明白一個(gè)概念,文字是用來閱讀的。比字體的外形更重要的是字體的韻律。有著優(yōu)美字母但是字距糟糕的字體閱讀性肯定很差。然而,如果字母沒有那么完美,但是他們有良好的字距,那字體也會(huì)很容易閱讀。設(shè)計(jì)韻律遠(yuǎn)比外形重要得多。
字體的韻律由字母內(nèi)部的空間以及字母與字母的間距決定,這些空白的部分遠(yuǎn)比黑的部分重要。一段文字如果有一個(gè)良好的韻律,那么他就更具可讀性也會(huì)有很好的視覺效果。當(dāng)你設(shè)計(jì)黑的部分時(shí),空白的部分你不得不考慮。留白雖然重要,但是也需要黑的部分相互依存。改變白的部分,必然會(huì)對黑的部分有影響。從這點(diǎn)來看,兩者 同樣重要。
比如,“n”的內(nèi)部空間和“i”與“n”之間的空間有著必然的關(guān)系。上面一行,“n”的內(nèi)部空間比“i”與“n”之間的空間要大很多,而下面一行是則基本相同的,下面一行明顯有著更好的可讀性。同樣的道理一樣適用于“a”和“e”的內(nèi)部空間。這兩者之間有著很大的關(guān)系。如果字母內(nèi)部空白的部分視覺上達(dá)到平衡,那字體就有著良好的韻律。
第六部分:黑與白
黑與白。設(shè)計(jì)字體無非就是協(xié)調(diào)黑和白。黑和白唇齒相依。黑,字體的外形。白,字體內(nèi)部以及字體與字體之間的部分。字母內(nèi)部的白決定了字母與字母之間的白。黑的部分多,白的部分就少,創(chuàng)造一種黑多白多的字體是不可能的,一種黑體白的部分肯定比細(xì)體白的部分少。(繞口令一樣?。┮环N細(xì)體有更大的空白部分。內(nèi)部以及之間的空間要均衡。因此,細(xì)體比黑體有更多白的空間。
第七部分:意大利體與手寫體
意大利體與手寫體。羅馬體可以傾斜體,手寫體可以有垂直體。
角度不能決定字體屬于羅馬體還是手寫體。這取決于結(jié)構(gòu)。看一下這4個(gè)大“n”,就會(huì)很明白了。對,第一個(gè)字母是羅馬體,但是第二個(gè)同樣是,雖然他沒有完全垂直,但他和第一個(gè)有相同的結(jié)構(gòu)。這叫做斜羅馬體。第三個(gè)“n”看起來像手寫體,但他并不是真正的手寫體?;旧系诙€(gè)和第三個(gè)沒什么區(qū)別,只是襯線不同而已。
把前面3個(gè)和最后一個(gè)相比較,沒錯(cuò),這才是手寫體。他們最大的不同是結(jié)構(gòu)。前面3個(gè)筆畫是分開的,而最后一個(gè)是一筆寫下,這是羅馬體和手寫體最本質(zhì)的區(qū)別,不是角度,而是架構(gòu)。
意大利體和手寫體的不同也可以從歷史的角度給出更多的解釋,但是我們認(rèn)為他們最大的區(qū)別在于:意大利體注重功能,手寫體注重結(jié)構(gòu)。幾乎任何字體都可以作為意大利體,甚至都不需要角度。當(dāng)設(shè)計(jì)一個(gè)包括羅馬體和意大利體的字體族時(shí),意大利體可以有很多構(gòu)建方式。第三個(gè)“n”就可以在功能上作為意大利體加進(jìn)你的字體族里。但是切記,意大利體并不總是真正的手寫體。
第八部分:風(fēng)格統(tǒng)一
風(fēng)格統(tǒng)一。如何定義一個(gè)字母和另一個(gè)字母風(fēng)格一致呢?一旦你做了決定,怎么樣在你字體的所有字母中應(yīng)用呢?
從“e”開始吧。如果你手繪了這個(gè)“e”,你很喜歡,然后你想要設(shè)計(jì)和“e”風(fēng)格相同的其他字母。從哪里開始?比如是襯線體還是無襯線體?
首先從左邊的“i”嘗試,無襯線體。黑的部分要和“e”黑的部分一樣粗,相同的x高度,于是你覺得這樣應(yīng)該就可以吧。然后來看右邊的“i”。相同的粗細(xì),相同的x高度,但是現(xiàn)在有襯線?!癳”的字碗部分不僅有一定的粗度,還有粗細(xì)對比度。而左邊的“i”根本沒有粗細(xì)對比。因此這兩個(gè)互不兼容。(就像qq和360)而右邊的“i”有著和“e”相同的對比度,只是因?yàn)樗幸r線。就是這些細(xì)小的襯線讓他有像“e”一樣的粗細(xì)對比。回到開始,一個(gè)“e”已經(jīng)決定了這個(gè)字體不可能是無襯線體。
當(dāng)然,所謂的規(guī)則總會(huì)被打破。我們說這些并不意味著,你不能把左邊的“i”和“e”放在一種字體里。一切皆有可能。但是現(xiàn)在你至少明白你正在做什么。
第九部分:可讀性
可讀性。文字是用來讀的,字體的可讀性可以說是文本的至關(guān)重要的方面??勺x性跟很多方面有關(guān),比如對比度,上伸部和下伸部,韻律,字體的黑度,曲線,字碗等等。
這些需要應(yīng)用在字體的每個(gè)字母中,而且必須一開始就定義好。比如對比度。上面的字母比下面的字母有著更大的對比度。上面的字體更適合屏幕使用,而下面更適合書籍文本使用。不僅因?yàn)檫@個(gè)對比度,還有上面的字體被壓縮的更多一點(diǎn)。這樣就讓字體在小字號(hào)的時(shí)候辨識(shí)度不夠,但是這樣的字體如果應(yīng)用在標(biāo)題上,又更吸引眼球更靈活。定義對比度和寬度對于一種字體的每一個(gè)字母是很重要的。
當(dāng)你設(shè)計(jì)每一個(gè)單個(gè)字模的時(shí)候,你可以制作一些提高字體可讀性的細(xì)節(jié)。比如,“g”的耳部可以保證讀者更容易在水平線上閱讀。所以在書籍文本中下面的“g”在小號(hào)字時(shí)會(huì)更具可讀性一些。
第十部分:比例均衡
比例均衡。X高度怎么確定?下伸部高度多少?定義這些比例是很重要的,而且和字體的用途有著莫大的關(guān)系。字體中的比例均衡關(guān)乎你字體的用途整體感覺。比如,你不可能去設(shè)計(jì)一種很寬的字體去用在本來就要求節(jié)省空間的報(bào)紙上。
如果字體的下伸部很短,那這種字體組成的文本看起來就會(huì)很奇怪。甚至根本就不具有識(shí)別性。但是當(dāng)我們設(shè)計(jì)屏幕或者標(biāo)題字體時(shí),這種字體就派上用場了。對于一個(gè)書籍字體的上伸部至少要不低于大寫字母的高度,這樣視覺效果會(huì)比較好。
第十一部分:小型大寫字母
小型大寫字母。顧名思義,就是大寫字母卻有著小寫字母的高度。
為什么會(huì)有小型大寫字母呢?有什么用呢?因?yàn)橐恍┯∷⑴虐嫔系脑?。首先如果一句話全是大寫字母?huì)很嚇人,這樣會(huì)弱化剩下的文字。再有,在大部分字體中,設(shè)計(jì)師不會(huì)考慮大寫字母之間的空間協(xié)調(diào)等等,而是一個(gè)大寫字母接著一串小寫字母。小型大寫字母就這樣應(yīng)運(yùn)而生,讓大寫字母和大寫字母用在一起,而有一個(gè)更協(xié)調(diào)更順暢的視覺效果。
剛說到,小型大寫字母是有著x高度的大寫字母,這并不是完全正確的。為了視覺上有同樣的高度,小型大寫字母會(huì)比小寫字母大一點(diǎn)點(diǎn)。
第十二部分:花式大寫
花式大寫?在字體設(shè)計(jì)中這并不是很重要的,但是很有趣。并不是每一種字體都有花式大寫,但是花式大寫是最常見的,當(dāng)然也有花式小寫、花式首字、花式結(jié)尾等。
有時(shí)候你想要把一行全部用大寫字母。你可以使用羅馬大寫字母,但是最好的辦法是選擇專為此而設(shè)計(jì)的小型大寫字母。羅馬大寫字母雖然不是為此設(shè)計(jì),但是用也不會(huì)有問題?;ㄊ酱髮懸部梢??;ㄊ酱髮懘蟛糠质怯脕斫o你的設(shè)計(jì)額外的驚喜?;ㄊ酱髮懣梢院竺娓懽帜福ㄗ詈茫?或者用于首字母(次好),但是千萬花式和花式不要用在一起,也可以把花式大寫和正規(guī)的羅馬大寫用在一起(次次好)。
第十三部分:X高度
X高度。如果你要設(shè)計(jì)一個(gè)字體的細(xì)體和粗體,你要知道粗體的x高度比細(xì)體要高。否則粗體和細(xì)體用在一起的時(shí)候,視覺上要小。
在顯示上,這并不是完全相同的。當(dāng)印刷大號(hào)字體的時(shí)候,粗體和細(xì)體的x高度需要有更小的不同。
第十四部分:粗體
粗體。隨著電腦的普及,字體設(shè)計(jì)已經(jīng)有了前所未有的受眾群體。當(dāng)然數(shù)字化讓很多東西變得更便捷。但是過于依靠電腦又會(huì)有新問題出來了。比如,很多設(shè)計(jì)軟件包括一個(gè)選擇“粗體”,來加粗你的正常字體,得到被完美擴(kuò)展的外形,但是別高興,電腦娛樂了你。這并不是粗體。像一輛地方鐵匠打造的山寨轎車。對比度很可能被破壞(看一下第二個(gè)“a”)。手繪會(huì)給我們一個(gè)有趣的效果。不管未來字體軟件發(fā)展到多么高超的地步,有一件事絕對不會(huì)變:你犀利的眼睛。
第十五部分:數(shù)字手繪
數(shù)字手繪。當(dāng)在紙上手繪完成準(zhǔn)備掃描的時(shí)候,你要注意要用適當(dāng)?shù)姆椒ㄈ?shù)字化。更需要注意的是,把你的掃描稿用鋼筆工具的貝塞爾曲線手動(dòng)轉(zhuǎn)換的過程。在一個(gè)字母上有太多的錨點(diǎn),如果把錨點(diǎn)放在不當(dāng)?shù)奈恢?,?huì)對你的字體有負(fù)面影響。
太多的錨點(diǎn)不僅會(huì)導(dǎo)致技術(shù)上的問題,比如印刷不出字體,而且會(huì)更難控制字母的外形??刂?個(gè)錨點(diǎn)間的曲線肯定要比控制12個(gè)錨點(diǎn)間的曲線要容易的多。當(dāng)然也可以,但是肯定不會(huì)有流暢的曲線外形。
不當(dāng)位置的錨點(diǎn)不僅也會(huì)導(dǎo)致技術(shù)問題,比如不能完美的呈現(xiàn)字體,所以我們推薦把錨點(diǎn)放在字母“極端”的位置。比如,這個(gè)“o”需要8個(gè)錨點(diǎn),4個(gè)在外,4個(gè)在內(nèi)。把錨點(diǎn)放在極端位置(最上、最下、最左、最右)意味著貝塞爾控制點(diǎn)始終在水平或者垂直方向上。這樣就更容易控制了。在大部分軟件中,你可以使用shift按鍵保持貝塞爾控制點(diǎn)的水平或者垂直。
第十六部分:復(fù)制粘貼
復(fù)制粘貼?當(dāng)你設(shè)計(jì)了一些基本字母,你可能想要設(shè)計(jì)剩下的字母表。那怎么做呢?復(fù)制,然后粘貼?不是這樣的。雖然這可以幫助你。
有些可以,有些不可以。比如“l(fā)”和“h”的上伸部,“d”和“q”的字碗,一旦有了“d”,就可以用他來做“b和“p”,通過旋轉(zhuǎn)“b”180°。
復(fù)制粘貼不會(huì)改變字體的對比度。如果你重新做一個(gè)字體,那水平垂直上的不同會(huì)影響對比的角度,進(jìn)而破壞你的外形。但是通過旋轉(zhuǎn)一個(gè)已有字母180°就不會(huì)這樣,對比度仍完美沒有被碰觸過。
但復(fù)制粘貼也有不適用的時(shí)候,大部分還是需要手動(dòng)調(diào)整。比如,用“n”來很快的制作“m”、“h”和“u”。復(fù)制,粘貼然后旋轉(zhuǎn)“n”。然后去掉一些襯線,然后……實(shí)際并不是這樣。如果你只是去掉襯線,那“u”的內(nèi)部空間會(huì)比“n”要大,這就需要視覺上的調(diào)整。
減少“u”的內(nèi)部空間,或者讓上面的襯線更長點(diǎn)(同樣可以達(dá)到減少“u”內(nèi)部空間的目的)。不論什么方法,都要保證內(nèi)部空間視覺上均衡,這樣你才會(huì)設(shè)計(jì)出有著流暢韻律的字體。
第十七部分:形狀平衡
形狀平衡。當(dāng)你設(shè)計(jì)“B”上下兩個(gè)內(nèi)部空間的時(shí)候,如果上下相同,那上面的視覺上比較大,那你的字母就感覺要倒一樣,重心不穩(wěn)。如果上面比下面小呢,那看起來就平衡多了。
“B”的內(nèi)部空間也不必跟“P”一樣,不然右邊的“P”會(huì)大很多。所以你不得不去分別平衡每個(gè)字母的黑白空間。但是每個(gè)字母內(nèi)部的空間又是有關(guān)系的,比如“B”和“P”。
第十八部分:字距
字距。了解字距會(huì)對字體有更深一步的認(rèn)識(shí)。但是,我們先不說這個(gè),先說說怎么把你的字體
簡單來說,當(dāng)2個(gè)字母用在一起,你可以給它們定義不同的間距。這個(gè)間距可以不同于正常的間距(第一個(gè)字母的右邊+第二個(gè)字母的左邊)。間距可以是正的也可以是負(fù)的。你可以增加間距或者減少間距。在技術(shù)上間距對可以應(yīng)用在字體文件上。
在一些情況下,間距是必然的必需的。當(dāng)大寫字母“A”后面跟小寫字母“v”的時(shí)候,它們之間就會(huì)有很大的空白。改變它們的正常間距,就會(huì)出現(xiàn)跟其他字母搭配時(shí)混淆。在這種情況下,間距對出現(xiàn)了。在我的手繪稿上,可以看到,間距對是負(fù)空間,也就是減少空間。當(dāng)然也有正空間的間距對,比如“f”后面跟“)”,這就需要更多空間來避免它們相互打架。
第十九部分:連字
連字。在一些情況下,這是很重要的。比較熟知的像“fi”和“fl”。連字的需求取決于字體設(shè)計(jì)。并不是每一種字體都不要“fi”的連字。但是在有些情況下,“i”的點(diǎn)和“f”會(huì)相互沖突。這時(shí)候就需要連字,用一個(gè)字形來代替2個(gè)字母。除了功能上的需要,連字有時(shí)候也是美學(xué)上的需要。你可以為“st”、“nky”、“ism”設(shè)計(jì)連字組合。一切都有可能,在字體設(shè)計(jì)中這并不是最重要的,他只是通往完美的路上的一個(gè)小障礙而已