字體設(shè)計(jì)基礎(chǔ)PPT課件

1、3字體設(shè)計(jì)基礎(chǔ)l“這份資料，簡(jiǎn)明扼要的描述了西文字體設(shè)計(jì)的一些基本概念，不管你是不是平面設(shè)計(jì)師或者是字體設(shè)計(jì)師，又或者只是路人甲乙丙丁，這些資料都可以讓你進(jìn)入字體所蘊(yùn)含的數(shù)學(xué)之美。而且有許多方法也可以被引用到漢字設(shè)計(jì)中去?！眑中文有3000年的書(shū)法藝術(shù)的歷史，但是對(duì)于現(xiàn)代印刷術(shù)的研究，還是要虛心向西方學(xué)習(xí)。雖然印刷術(shù)最早發(fā)明于中國(guó)，之后才流傳到歐洲發(fā)揚(yáng)光大。 l現(xiàn)今英文印刷術(shù)研究體系已經(jīng)被發(fā)展到一個(gè)非常精密和發(fā)達(dá)的水平，特別是在現(xiàn)在的全數(shù)字化的桌面印刷時(shí)代。現(xiàn)在的英文字體的數(shù)量已經(jīng)不知道有幾萬(wàn)種。但中文字體數(shù)量可能還不到一千，如果去除重復(fù)的，可能還不到100。 l我之所以花這么多時(shí)間去研究英文

2、字體，是由于我越來(lái)越感覺(jué)到，中文和英文就好像陰陽(yáng)的關(guān)系，或者說(shuō)是一個(gè)事物的兩面。對(duì)英文字體設(shè)計(jì)的技術(shù)了解得越多，你對(duì)中文字體設(shè)計(jì)的理解也越深刻。因?yàn)槠渲邪牡览硎且灰载炌ǖ摹?4視覺(jué)均衡 為了讓所有字符在視覺(jué)上對(duì)齊，它們就為了讓所有字符在視覺(jué)上對(duì)齊，它們就不能采用同樣的物理尺寸。比如說(shuō)，下不能采用同樣的物理尺寸。比如說(shuō)，下圖中的三角形的高度就必須大于矩形。圖中的三角形的高度就必須大于矩形。否則，三角形看起來(lái)就要比矩形小很多。否則，三角形看起來(lái)就要比矩形小很多。 而我們?cè)谠O(shè)計(jì)字體的時(shí)候，往往想給它而我們?cè)谠O(shè)計(jì)字體的時(shí)候，往往想給它們定義同樣的高度。們定義同樣的高度。l同樣的同樣的 ，為了使圓形

3、看起來(lái)和矩形同，為了使圓形看起來(lái)和矩形同樣大小，圓形就必須超出基線。如果圓樣大小，圓形就必須超出基線。如果圓形和矩形物理尺寸一樣，圓形看上去就形和矩形物理尺寸一樣，圓形看上去就會(huì)比矩形小。這一規(guī)則不僅僅適用于三會(huì)比矩形小。這一規(guī)則不僅僅適用于三角形、圓形、方形這樣的基本形狀，這角形、圓形、方形這樣的基本形狀，這是字體設(shè)計(jì)的基本原則，整個(gè)字體中的是字體設(shè)計(jì)的基本原則，整個(gè)字體中的所有字符都適用這一原則。不管你設(shè)計(jì)所有字符都適用這一原則。不管你設(shè)計(jì)的是拉丁字體、還是斯拉夫或者希臘文的是拉丁字體、還是斯拉夫或者希臘文字體，這是所有形體都必須遵循的基本字體，這是所有形體都必須遵循的基本準(zhǔn)則。準(zhǔn)則。5

4、l設(shè)計(jì)字體就象開(kāi)車。你在開(kāi)車設(shè)計(jì)字體就象開(kāi)車。你在開(kāi)車的時(shí)候，總是會(huì)以自然的曲線的時(shí)候，總是會(huì)以自然的曲線過(guò)彎。當(dāng)你在紙面上繪制一條過(guò)彎。當(dāng)你在紙面上繪制一條曲線（或是字符）的時(shí)候，也曲線（或是字符）的時(shí)候，也是同樣的道理。曲線平滑的開(kāi)是同樣的道理。曲線平滑的開(kāi)始，而不是陡然出現(xiàn)。開(kāi)車時(shí)，始，而不是陡然出現(xiàn)。開(kāi)車時(shí)，你不會(huì)在已經(jīng)到達(dá)了彎道口之你不會(huì)在已經(jīng)到達(dá)了彎道口之后才開(kāi)始打方向盤(pán)，而是在你后才開(kāi)始打方向盤(pán)，而是在你預(yù)計(jì)即將進(jìn)入彎道的時(shí)候，就預(yù)計(jì)即將進(jìn)入彎道的時(shí)候，就開(kāi)始慢慢的將你的車引入正確開(kāi)始慢慢的將你的車引入正確的方向。的方向。流線型流線型6l圖中上下兩行字母有著不同的結(jié)構(gòu)，它們來(lái)源于

5、不同的書(shū)法原型。不管這種字體是襯線字體（如Times New Roman）還是無(wú)襯線字體（如Arial），它們的架構(gòu)都源于它們的書(shū)法原型。l上面一行的字體的書(shū)法原型是一種尖頭的書(shū)法鋼筆。其筆畫(huà)的粗細(xì)對(duì)比是通過(guò)改變筆壓來(lái)實(shí)現(xiàn)的，而與筆尖本身的形狀無(wú)關(guān)。Bodoni字體就是一個(gè)例子，但是象Helvetica這樣的無(wú)襯線體也是來(lái)源于此。筆畫(huà)最粗的部分幾乎都是垂直的。從這個(gè)角度來(lái)看， Bodoni和Helvetica是同出一轍的。它們的架構(gòu)是一致的，只是筆畫(huà)的粗細(xì)對(duì)比有區(qū)別。l下面一行字體來(lái)源于一種筆尖扁平的鋼筆。這種書(shū)法鋼筆正面寬而側(cè)面窄。字體的筆畫(huà)粗細(xì)是由于鋼筆本身形狀的差異造成的，而不是筆壓。你

6、書(shū)寫(xiě)的時(shí)候筆身是傾斜的，和紙張形成30度的傾角。因此筆畫(huà)最粗的部分就不是垂直方向的，而是有一定角度的傾斜。同樣的，筆畫(huà)最細(xì)的部分也不是位于水平方向上。Garamond 和 Minion 字體就是這種結(jié)構(gòu)。但象Gill Sans 這樣的無(wú)襯線字體也同樣是起源于這種筆尖扁平的鋼筆。書(shū)法原型書(shū)法原型7l這里要說(shuō)一下字符間距。字符的間距要比它的外形重要得多，這關(guān)系到字體的節(jié)奏。一種間距很糟糕的字體，不管外形如何優(yōu)美，一樣難于閱讀。相反的，一款外形稍欠的字體，如果有完美的間距調(diào)節(jié)，這種字體一樣可以易于閱讀。因此，定義字體的節(jié)奏，要比定義字體的外形更加重要。l字體的節(jié)奏取決于字符內(nèi)部和字符之間的白空間，而

7、非字符的黑色形體。如果你能夠?yàn)槟愕奈谋窘⒁环N很好的節(jié)奏，你的字體就更易于閱讀，并獲得均衡的整體效果。從開(kāi)始創(chuàng)建黑色形體的時(shí)候起，你就應(yīng)該同時(shí)把白空間的設(shè)置考慮在內(nèi)。當(dāng)然，白空間和黑空間是相互依存的。白空間的改變也必然的會(huì)影響黑空間的形態(tài)。從這個(gè)角度來(lái)看，我們不能說(shuō)黑與白哪個(gè)更重要。l例如，字母n內(nèi)部的白空間，以及i與n之間的白空間，兩者之間必然會(huì)存在著某種關(guān)聯(lián)（見(jiàn)圖示）。在上面一行中，字母n內(nèi)部的白空間要遠(yuǎn)大于i與n之間的白空間。在下面一行中，兩者則要均衡得多，你也因而獲得了更好的節(jié)奏，整個(gè)文本也更和諧。l同樣的，小寫(xiě)a和e之間的內(nèi)部空間也存在著這種關(guān)聯(lián)。兩個(gè)形狀之間的關(guān)系非常緊密。這兩個(gè)字

8、符的內(nèi)部白空間（counter，中文術(shù)語(yǔ)翻譯為字懷/字谷/字幣）在視覺(jué)上應(yīng)當(dāng)是等量大小的，這樣你的字體才會(huì)有更好的節(jié)奏。字符間距字符間距89l字體的設(shè)計(jì)，莫過(guò)于調(diào)整黑白空間的和諧。黑不能離開(kāi)白而獨(dú)立存在，白也是一樣。黑，是字符的形體。白，是字符內(nèi)部和字符之間的白色空間。兩個(gè)字符之間白空間的大小，取決于字符內(nèi)部白空間的大小。l你永遠(yuǎn)不可能設(shè)計(jì)出一種筆畫(huà)極其粗重而同時(shí)字懷（counter，字符內(nèi)部包圍的白空間）又很大的的粗黑體。一個(gè)粗黑體，其字懷永遠(yuǎn)要小于一個(gè)細(xì)線體，因而粗黑體的字符間距也一定要小于細(xì)線體（如圖）。細(xì)線體的字懷很大，其字符間距也必須相應(yīng)的大，所以細(xì)線體的字符之間就需要比粗黑體更大的

9、白空間。黑與白黑與白10l是什么決定一個(gè)字符能否匹配另一個(gè)字符？當(dāng)你確定了一種風(fēng)格，如何將之推廣應(yīng)用于字庫(kù)中的全部字符？先從這里開(kāi)始：圖中有一個(gè)“e”。想象你剛畫(huà)好這個(gè)“e”的草圖，你很喜歡它，然后你想要設(shè)計(jì)更多的其他字符來(lái)匹配這個(gè)“e”。該如何開(kāi)始呢？比如說(shuō)，它應(yīng)該是一個(gè)襯線字體還是一個(gè)無(wú)襯線字體呢？l第一個(gè)嘗試：左邊的“i”，無(wú)襯線體。它最粗的部分和“e”最粗部分的筆畫(huà)寬度相同，同樣的x-高度。它應(yīng)該能表達(dá)你的想法了。l第二個(gè)嘗試：右邊的“i”。同樣的寬度，同樣的x-高度，但這次它有了襯線。l“e”的字碗不僅僅有著一定的寬度，同時(shí)還有著粗細(xì)的對(duì)比。左邊的“i”完全沒(méi)有筆畫(huà)粗細(xì)的對(duì)比。因此這

10、兩個(gè)字符不是完美的一對(duì)。而右邊的“i”有著和“e”同樣的粗細(xì)對(duì)比，是因?yàn)樗辛艘r線。這細(xì)細(xì)的襯線讓它象“e”那樣擁有了粗細(xì)的區(qū)別。這就是起點(diǎn)。這個(gè)“e”，已經(jīng)決定了這個(gè)字體中的其余字符不應(yīng)該是一個(gè)無(wú)襯線字體。l當(dāng)然了，每一條所謂的規(guī)則到最后都會(huì)有例外。從這個(gè)意義來(lái)說(shuō)，你完全可以把中間的“e”和左邊的“i”配一對(duì)做一個(gè)字體。沒(méi)有什么是不可能的。但現(xiàn)在你已經(jīng)能夠更深刻的意識(shí)到你為什么這樣做，抑或是你為什么不那樣做。風(fēng)格的統(tǒng)一風(fēng)格的統(tǒng)一11 l可讀性是正文字體的唯一考量指標(biāo)。你對(duì)字體所做的許多決定都會(huì)影響可讀性。例如采用怎樣的粗細(xì)對(duì)比，上伸部和下伸部的長(zhǎng)度，字體的節(jié)奏，黑度，曲線和字碗的力度，等等。

11、l大部分的決定會(huì)影響到字體中的全部字符。下面這些是應(yīng)該首先考慮的。比如說(shuō)粗細(xì)對(duì)比。圖例中上面一行的字符筆畫(huà)粗細(xì)對(duì)比明顯要比下面一行的要大得多。上一行的字體更適合做特排字體，而下一行更適合做正文字體。不僅僅是因?yàn)樗鼈兇旨?xì)對(duì)比的差異，還由于上一行的字符的字寬更小，因而在小尺寸下更難以識(shí)別但是卻更能吸引眼球，在制作標(biāo)題的時(shí)候也更具靈活性。所以在定義字體的粗細(xì)對(duì)比和寬度的時(shí)候，要考慮到字體中的全部字符?？勺x性可讀性12 lx高度應(yīng)該定多高？下伸部應(yīng)該多長(zhǎng)？確定這些比例至關(guān)重要，并且與字體的用途緊密相關(guān)。字體的比例將影響其外觀及應(yīng)用。比如說(shuō)，如果你想設(shè)計(jì)一種節(jié)約版面的字體，那就不能給它設(shè)置極大的字寬。l

12、如果下伸部很短，字體看上去會(huì)很怪。或者更糟，閱讀者可能根本無(wú)法發(fā)現(xiàn)它。但很短的下伸部也可能是一個(gè)聰明的決定，當(dāng)它用于特排字體或者標(biāo)題字體的時(shí)候。 對(duì)一個(gè)正文字體來(lái)說(shuō)，上伸部最好是和大寫(xiě)高度一樣（或者更高一些更棒），以獲得良好的視覺(jué)效果。如圖。比例比例13 l計(jì)算機(jī)的普及，使得廣大的用戶得以接觸到字體設(shè)計(jì)，這在以前是從未有過(guò)的。數(shù)字化讓許多操作變得更簡(jiǎn)單和快捷，但不意味著它會(huì)自動(dòng)的獲得更好的結(jié)果，那完全是兩碼事。舉個(gè)例子，許多字體軟件都包含一個(gè)字體“加粗”選項(xiàng)，能將原先完美設(shè)計(jì)的字體輪廓加以擴(kuò)展。但實(shí)際上軟件只是在欺騙你。那并非真正的粗體，那只是一輛由村里的鐵匠臨時(shí)改長(zhǎng)的“加長(zhǎng)型”豪華轎車。筆畫(huà)

13、的粗細(xì)比率可能全被破壞了（見(jiàn)圖例中第二個(gè)a）。手工操作的結(jié)果會(huì)更令人滿意。不管將來(lái)的軟件如何進(jìn)步，最終起決定作用的東西只有一個(gè)：你銳利的眼光。粗體粗體14線稿的數(shù)字化 l線稿的數(shù)字化。在紙上畫(huà)好線稿之后就可以掃描了，這時(shí)候要開(kāi)始要注意，要用正確的方法將其數(shù)字化。說(shuō)的更明確一點(diǎn)，在你用貝賽線鋼筆工具手工描摹你的線稿的時(shí)候，要留神。一個(gè)字符如果有太多的節(jié)點(diǎn)，或者是節(jié)點(diǎn)放置在不正確的位置上，都會(huì)給你的字體帶來(lái)負(fù)面的影響。l過(guò)多的節(jié)點(diǎn)不僅僅會(huì)導(dǎo)致技術(shù)上的麻煩，例如打印機(jī)無(wú)法打印輸出，還會(huì)使得字符的外形更加難于控制。在兩個(gè)節(jié)點(diǎn)之間控制一條曲線，要遠(yuǎn)遠(yuǎn)容易過(guò)操縱一條有12個(gè)節(jié)點(diǎn)的曲線。當(dāng)然這并非不可以，但

14、多余的節(jié)點(diǎn)必然會(huì)導(dǎo)致外形的不平滑。l節(jié)點(diǎn)放置在錯(cuò)誤的地方也會(huì)導(dǎo)致技術(shù)問(wèn)題，例如無(wú)法實(shí)現(xiàn)字符在屏幕小字號(hào)下的完美顯示。建議是，把節(jié)點(diǎn)放置在字符的頂點(diǎn)位置。舉例說(shuō)明，繪制一個(gè)“O”要用到8個(gè)節(jié)點(diǎn)。外面4個(gè)，內(nèi)部的字懷4個(gè)。將節(jié)點(diǎn)放置在頂點(diǎn)（最上點(diǎn)、最下點(diǎn)、最左點(diǎn)和最右點(diǎn)），意味著控制點(diǎn)將全部是水平或者垂直的。這樣它們就非常易于控制。在大多數(shù)的軟件中，你可以用shift鍵來(lái)將控制點(diǎn)的移動(dòng)限制在水平或垂直方向上。15形態(tài)的平衡 l如果你把字母“B”上下兩個(gè)內(nèi)部形狀（字懷）弄得完全一樣，上面的字懷在視覺(jué)上就會(huì)更大。你的字母看上去就好像站立不穩(wěn)，搖搖欲墜。如果你把上面的字懷弄得小一些，整個(gè)字符看起來(lái)會(huì)更平

15、衡。l同樣的，字母“B”字母“P”的字懷也不需要完全一樣。如果兩者完全一樣，“P”的右部空間就顯得太大了。所以對(duì)每個(gè)字符的黑白空間你都要進(jìn)行單獨(dú)的平衡。但是，“B”和“P”兩者內(nèi)部白空間的大小一定存在著某種關(guān)聯(lián)。l說(shuō)到怎樣做一個(gè)小寫(xiě)的“r”：它絕對(duì)不是一個(gè)把一邊腿鋸斷的“n”。如果那樣做，你的“r”會(huì)被弄得非常的虛弱。如果你讓“r”的末筆順著水平的閱讀方向，就可以讓它看上去更健壯。同時(shí)“r”的右部空間會(huì)更開(kāi)放，更平衡。這不會(huì)有損于字體的節(jié)奏，因?yàn)椤皉”右部的安全空間可以設(shè)置得非常小。整個(gè)字母可以做的更窄。這樣一來(lái)，“r”頂部的白空間就不得不改變。形狀改變之后還有一個(gè)好處，你就不會(huì)在匆匆一瞥之下

16、把“r”錯(cuò)看成“n”。16字距調(diào)整 l字距調(diào)整的知識(shí)會(huì)讓你對(duì)字體的理解更進(jìn)一步。但我們現(xiàn)在先暫時(shí)把它忘記，先花點(diǎn)時(shí)間看看另外的東西。如果你想正確的設(shè)置字符間距，這個(gè)要重要得多。l字距配對(duì)（kerning pair）是一種因視覺(jué)需要而做的技術(shù)處理。簡(jiǎn)單說(shuō)，在兩個(gè)特定的字符連排的時(shí)候，你可以為它們單獨(dú)指定與眾不同的字符間距。這個(gè)間距可以不同于標(biāo)準(zhǔn)間距（前一個(gè)字符的右部安全空間+后一個(gè)字符的左部安全空間）。這個(gè)間距可以是正的也可以是負(fù)的，你可以為某個(gè)字符對(duì)設(shè)置更多或更少的空間。數(shù)字化的字庫(kù)文件中可以實(shí)現(xiàn)這種字距配對(duì)。l有些情況這種字距調(diào)整是必不可少的。當(dāng)一個(gè)大寫(xiě)A后面跟隨一個(gè)小寫(xiě)v的時(shí)候，兩個(gè)字符間就會(huì)出現(xiàn)巨大的白空間，這是普通的字符間距所無(wú)法解決的。如果改變它們的間距，它們和其他字母連排的時(shí)候就會(huì)擠成一團(tuán)。這時(shí)候就需要字距配對(duì)來(lái)處理了（如圖）。圖中只出現(xiàn)了字距配對(duì)為負(fù)的例子縮減空間。但你可以想象一個(gè)字距配對(duì)為正的例子：一個(gè)小寫(xiě)f后跟隨一個(gè)括號(hào)，例如：“f)”。這時(shí)候就需要加入更多的間距以避免兩個(gè)字符重疊在一起。17連字 l只有極少數(shù)的場(chǎng)合才需