字體是數(shù)字世界中最常見(jiàn)和最容易被誤解的工具之一。每個(gè)人都在使用它們，大多數(shù)人都熟悉少數(shù)經(jīng)典作品，例如 Times New Roman 和 Arial。但是很少有人考慮過(guò)他們來(lái)自哪里——更不用說(shuō)有人必須坐下來(lái)制作每個(gè)字母的事實(shí)。這是有原因的：好的字體設(shè)計(jì)的訣竅在于它們應(yīng)該在各種上下文中有用，這意味著它們不應(yīng)該引起對(duì)自己的注意并分散對(duì)信息的注意力。
同時(shí)，字體設(shè)計(jì)可以是一項(xiàng)出色的創(chuàng)造性工作。它提供了一個(gè)機(jī)會(huì)，可以在你寫(xiě)的每一個(gè)字上加上你自己的簽名?，F(xiàn)代軟件使創(chuàng)建自己的字體比以往任何時(shí)候都更容易。當(dāng)然，也不是說(shuō)容易……
圖：設(shè)計(jì)師創(chuàng)建字體的插圖
字體設(shè)計(jì)可能是一項(xiàng)耗時(shí)的實(shí)踐，因?yàn)槟獎(jiǎng)?chuàng)建一個(gè)完整的字母表以及不同的樣式，例如粗體、細(xì)體或斜體。還涉及很多微妙之處，未經(jīng)培訓(xùn)的字體設(shè)計(jì)師可能很難看到字體之間的差異，更不用說(shuō)創(chuàng)建自己的變體了。還有許多技術(shù)因素需要考慮，例如正確的尺寸和間距。為了引導(dǎo)您克服這些障礙，我們尚略
上海品牌設(shè)計(jì)公司將引導(dǎo)您完成完整的分步字體設(shè)計(jì)過(guò)程。
字體是如何工作的
字體設(shè)計(jì)基本上涉及從您自己手工繪制的整個(gè)字母表到字體文件的開(kāi)發(fā)。將此字體文件安裝到任何計(jì)算機(jī)上都會(huì)將您的字體添加到該計(jì)算機(jī)的字體庫(kù)中，使其可以通過(guò)任何使用字體的應(yīng)用程序訪問(wèn)，例如 Microsoft Word 和 Adob??e 的 Creative Cloud。您還可以通過(guò)Creative Market等網(wǎng)站許可字體文件，并在任何人購(gòu)買(mǎi)和下載它時(shí)賺取被動(dòng)收入。
為了更好地理解所有這些是如何工作的，讓我們簡(jiǎn)要地了解一些基本概念。我們將從字體如何適應(yīng)設(shè)計(jì)字母的許多描述符開(kāi)始。您會(huì)注意到術(shù)語(yǔ)“字體”和“字體”經(jīng)常被誤認(rèn)為是同義詞。
圖：手寫(xiě)字母
- 排版：排列和造型的藝術(shù)。
- 字體：字母表中字母的獨(dú)特設(shè)計(jì)。
- 字體：包含特定字體的軟件文件。
- 書(shū)法：巧妙的筆跡和銘文，通常在當(dāng)下使用模擬工具進(jìn)行練習(xí)。
- 手寫(xiě)字體：字母和單詞的說(shuō)明性效果圖，通常出現(xiàn)在海報(bào)或標(biāo)牌上。
讓我們來(lái)談?wù)勛煮w文件格式。您將聽(tīng)到的主要兩種是 Open Type Font (OTF) 和 True Type Font (TTF)。TTF 最早由 Apple 和 Microsoft 在 80 年代開(kāi)發(fā)，旨在讓計(jì)算機(jī)和打印機(jī)輕松讀取字體。OTF 后來(lái)由 Microsoft 和 Adob??e 開(kāi)發(fā)以擴(kuò)展這些功能。雖然 TTF 仍在流通，但 OTF 提供了更多的存儲(chǔ)空間，并且支持更多類(lèi)型的字符。兩者都是可以接受的，但 OTF 被認(rèn)為是兩者中更可取的。
圖：排版標(biāo)志字體設(shè)計(jì)
最后，了解字體許可證很重要。就像任何由真實(shí)人制作的創(chuàng)意資產(chǎn)一樣，字體也有版權(quán)所有者。許可證本質(zhì)上是一種將字體的使用擴(kuò)展到任何人的收費(fèi)方式，但不同的許可證會(huì)附帶不同的條款和限制。
如果您打算在線銷(xiāo)售您的字體設(shè)計(jì)，市場(chǎng)通常會(huì)有自己的許可框架，您應(yīng)該在開(kāi)始之前查看此框架（這還將包括有關(guān)您的利潤(rùn)分成的信息）。如果您自己將自定義字體許可給特定客戶，則必須起草自己的許可，以確保不會(huì)混淆所有權(quán)。
字體設(shè)計(jì)過(guò)程
1.復(fù)習(xí)字體設(shè)計(jì)的基本規(guī)則
在您直接開(kāi)始繪制字母之前，了解字體構(gòu)造的基礎(chǔ)知識(shí)很重要。字體設(shè)計(jì)大約與 15 世紀(jì)印刷機(jī)的發(fā)明一樣古老，在此之前很久，抄寫(xiě)員就在手稿中使用手工書(shū)法。要點(diǎn)是：幾個(gè)世紀(jì)以來(lái)，人類(lèi)一直在繪制字母，給他們足夠的時(shí)間進(jìn)行試錯(cuò)和建立一些最佳實(shí)踐。
圖：字體設(shè)計(jì)指南和解剖結(jié)構(gòu)
首先熟悉一些基本的排版術(shù)語(yǔ)。請(qǐng)?zhí)貏e注意類(lèi)型解剖以及指南的功能和位置（帽高度、上升線、基線等）。了解不同的字體系列也很有幫助，包括小眾變體，如托斯卡納、平板、楔形和細(xì)線襯線。
如果您注意字體，您會(huì)注意到許多字體在同一個(gè)字母中包含交替的粗細(xì)筆劃。這不是偶然的——它是從用書(shū)法繪制字母的方式遺留下來(lái)的。
每當(dāng)書(shū)法家將筆向下移動(dòng)時(shí)，移動(dòng)速度就會(huì)變慢，筆尖會(huì)釋放更多墨水，從而導(dǎo)致筆畫(huà)更粗。在上沖程中，刷子移動(dòng)得更快，從而導(dǎo)致更細(xì)的沖程。這潛意識(shí)地融入了我們閱讀字母的方式，所以如果你打算設(shè)計(jì)一種非幾何字體，你必須研究粗筆畫(huà)和細(xì)筆畫(huà)的正確位置。像這樣的工作表可以幫助您。
圖：不同排版形狀的插圖
字母也可以根據(jù)它們的形狀分為某些類(lèi)別，這有助于識(shí)別這些類(lèi)別以便一致地繪制它們。這些是直線、曲線和三角形字母（圖片正方形、圓形和三角形）。
- 直線字母包括 H、E 和 N
- 曲線字母包括 C、O 和 G
- 三角形字母包括 A 和 V
許多字母包含所有這三種形式的組合，并且在三個(gè)總體類(lèi)別中找出字母的設(shè)計(jì)可以幫助您構(gòu)建組合形式。
最后，在字體設(shè)計(jì)中需要注意一些視錯(cuò)覺(jué)，這里介紹了其中的一些。最著名的一個(gè)問(wèn)題是，您實(shí)際上必須繪制比正常大的曲線字母（超出您的指導(dǎo)方針），因?yàn)楫?dāng)它們放在其他字母旁邊時(shí)，我們的眼睛會(huì)認(rèn)為它們更小。這些都是新手設(shè)計(jì)師經(jīng)常陷入的陷阱，所以現(xiàn)在就讓他們避開(kāi)吧！
2. 規(guī)劃字體項(xiàng)目的目標(biāo)
如果您為客戶工作，您將獲得一份項(xiàng)目簡(jiǎn)介。這將列出項(xiàng)目的背景和設(shè)計(jì)的目標(biāo)。如果您正在為自己制作字體（或在線銷(xiāo)售），您仍然應(yīng)該想出這樣的文檔，以便在設(shè)計(jì)過(guò)程中為自己打下基礎(chǔ)。
圖：產(chǎn)品標(biāo)簽的印刷字體
圖：服裝品牌的印刷標(biāo)志設(shè)計(jì)
以下是您在項(xiàng)目開(kāi)始時(shí)需要解決的一些基本問(wèn)題：
- 我為什么要做這個(gè)？客戶應(yīng)該在字體背后有一個(gè)特定的目的，例如培養(yǎng)品牌知名度。即使您純粹是為了自己的自我表達(dá)而設(shè)計(jì)字體，也要考慮您希望它表達(dá)的具體感覺(jué)。
- 誰(shuí)將使用該字體？如果您是為客戶做這件事，您應(yīng)該了解有關(guān)他們的業(yè)務(wù)需求和目標(biāo)受眾的信息。如果您正在為通用市場(chǎng)設(shè)計(jì)字體，您仍然應(yīng)該了解什么樣的人會(huì)被您正在創(chuàng)建的字體設(shè)計(jì)風(fēng)格所吸引，以及他們可能將其應(yīng)用于哪些項(xiàng)目類(lèi)型。
- 在什么情況下會(huì)使用字體？小冊(cè)子的字體將與電影海報(bào)的字體不同。按照同樣的思路，考慮您的字體是否會(huì)更多地用于標(biāo)題或正文。其中一些環(huán)境需要低調(diào)、專(zhuān)業(yè)和清晰的字體，而另一些則為更具原創(chuàng)性、創(chuàng)造性和引人注目的字體留出空間。
- 哪些字體與我正在創(chuàng)建的字體風(fēng)格相似？有成千上萬(wàn)種字體，而且種類(lèi)繁多。要弄清楚您的字體設(shè)計(jì)將如何脫穎而出，您必須收集參考字體。從您希望字體喚起的理想心情開(kāi)始，無(wú)論是優(yōu)雅還是休閑。如果您遇到喜歡的字體，請(qǐng)找到明顯相似的字體并進(jìn)行比較以發(fā)現(xiàn)細(xì)微的細(xì)節(jié)。除了整個(gè)字母表，還要關(guān)注一些特定的字母樣式。研究字體的一些常見(jiàn)地方是Font Squirrel、Envato、Behance或像House Industries這樣的標(biāo)志性工作室。
3. 勾勒出你的字體
草圖是實(shí)際設(shè)計(jì)過(guò)程發(fā)生的地方。在這個(gè)階段，您將從參考字體中獲取線索并做出特定的創(chuàng)意決定，以將您的字體與其他字體區(qū)分開(kāi)來(lái)。您應(yīng)該使用哪個(gè)版本的小寫(xiě)“a”？你的大寫(xiě)字母“E”的橫桿應(yīng)該是相同的長(zhǎng)度還是不同的？回答此類(lèi)問(wèn)題的唯一方法是畫(huà)出字母并自己判斷結(jié)果。
圖：Bodoni 字體字母表
不要覺(jué)得您必須立即繪制整個(gè)字母表。素描的目的是探索藝術(shù)方向，為你的字體的每個(gè)潛在版本繪制一個(gè)完整的字母表會(huì)讓你很快筋疲力盡。
取而代之的是，從這里和那里松散地勾畫(huà)隨機(jī)字母開(kāi)始，以大致了解您想要的風(fēng)格。當(dāng)您找到您喜歡的方向時(shí)，請(qǐng)移至三個(gè)形狀類(lèi)別中的特定字母。
接下來(lái)，繪制具有多種字母樣式的單詞，即大寫(xiě)字母、上升字母、下降字母和組合形式的良好組合。最好使用實(shí)際單詞來(lái)幫助自己想象字體的實(shí)際閱讀方式。您甚至可以嘗試使用隨機(jī)單詞生成器進(jìn)行創(chuàng)造性練習(xí)。
一旦你經(jīng)歷了幾次這個(gè)過(guò)程并找到了你喜歡的風(fēng)格，你就可以使用第 1 步中提到的指導(dǎo)方針繼續(xù)繪制整個(gè)字母表（盡管這仍然不一定是完美的，因?yàn)檫@些將是在下一階段進(jìn)一步發(fā)展）。一定不要忽視數(shù)字、標(biāo)點(diǎn)符號(hào)和特殊字符！
4. 在設(shè)計(jì)軟件中開(kāi)發(fā)你的字體
讓我們來(lái)看看創(chuàng)建可用字體文件所需的軟件?；旧嫌袃蓚€(gè)你必須擔(dān)心：圖形設(shè)計(jì)程序和字體設(shè)計(jì)程序。
圖：手繪風(fēng)格字體設(shè)計(jì)
在圖形設(shè)計(jì)方面，您需要選擇矢量或光柵軟件，例如 Adob??e Illustrator 或 Photoshop（或其他品牌的等效軟件）。在大多數(shù)情況下，矢量字體更可取。但是，如果您的設(shè)計(jì)想要更逼真的手繪外觀，則光柵（又名位圖）是最佳選擇。例如，此處描繪的 Macbeth 字體使用了詳細(xì)的繪畫(huà)風(fēng)格，而在此處使用光柵方法會(huì)更有意義。
除此之外，您還需要一個(gè)字體創(chuàng)建程序。其中最受歡迎的是Fontself Maker，這是 Adob??e 產(chǎn)品的擴(kuò)展。在撰寫(xiě)本文時(shí)，Illustrator 的一次性成本為 39 美元，Photoshop/Illustrator 捆綁包的一次性成本為 59 美元。還有其他專(zhuān)業(yè)程序，例如Glyphs，您也可以作為替代方案進(jìn)行研究。
圖：排版標(biāo)志字體設(shè)計(jì)
為方便起見(jiàn)，我們將參考 Illustrator 和 Fontself。一般原則應(yīng)該適用于其他軟件。下載 Fontself 后，請(qǐng)像安裝任何其他程序一樣安裝它。如果您已經(jīng)打開(kāi)了 Illustrator，則可能需要重新啟動(dòng)它，然后兩者才能集成。展望未來(lái)，您應(yīng)該很好地掌握 Adob??e Illustrator 的基礎(chǔ)知識(shí)，尤其是圖層、鋼筆工具、貝塞爾曲線和通用界面。
要在 Illustrator 中設(shè)置您的文件，只需確保您在 RGB 顏色模式下工作，并且您的畫(huà)板足夠大以適合您的整個(gè)字母表。您可以隨時(shí)使用畫(huà)板工具調(diào)整大小。
圖：Adobe Illustrator 界面的屏幕截圖
接下來(lái)，您需要通過(guò)拍照或掃描并將其傳輸?shù)侥挠?jì)算機(jī)來(lái)上傳您的參考草圖。通過(guò)“文件”>“放置”將其放入文檔中。在對(duì)話框中，導(dǎo)航到您的草圖圖像文件并確保選中模板圖層框。這將導(dǎo)入文件，將其變暗，并將圖像鎖定到位，從而更容易在新圖層上進(jìn)行跟蹤。您可以通過(guò)單擊“圖層”面板中圖層旁邊的鎖板圖標(biāo)來(lái)解鎖它。
圖：如何在 Illustrator 中使用矢量點(diǎn)追蹤字母的示例
要矢量化字母草圖，請(qǐng)?jiān)跇O端邊緣使用最少數(shù)量的矢量點(diǎn)并保持貝塞爾曲線筆直。圖片來(lái)自Jessica Hische
追蹤字母的工作原理是使用鋼筆工具繪制矢量點(diǎn)，并在必要時(shí)使用貝塞爾曲線手柄創(chuàng)建曲線。最佳做法是僅將矢量點(diǎn)放置在字母的極端邊緣，并在調(diào)整時(shí)按住 Shift 以保持貝塞爾曲線手柄筆直。
從長(zhǎng)遠(yuǎn)來(lái)看，這使得編輯形狀變得更加容易。要詳細(xì)了解其工作原理，請(qǐng)查看手寫(xiě)明星 Jes??sica Hische 的演示。
在進(jìn)行追蹤時(shí)，請(qǐng)記住，您不必嚴(yán)格按照草圖（無(wú)法抗拒）。軟件版本是您最終字體的樣子，因此請(qǐng)進(jìn)行任何必要的調(diào)整以獲得理想的結(jié)果。
5. 完成并導(dǎo)出完成的字體文件
在 Illustrator 中完成整個(gè)字母表后，請(qǐng)確保您的字母按類(lèi)別（大寫(xiě)、小寫(xiě)、數(shù)字和標(biāo)點(diǎn)符號(hào)）分組 (Cmd + G) 并排列成整齊的堆疊行。
導(dǎo)航到 Window > Extensions 并選擇您擁有的 Fontself 版本。在打開(kāi)的窗口中，將每一行字符拖到相應(yīng)的類(lèi)別中。您的字體現(xiàn)在將加載到 Fontself 中。
圖：Fontself Maker 擴(kuò)展的屏幕截圖
Fontself 界面。“保存”按鈕允許您導(dǎo)出 OTF 文件。高級(jí)按鈕允許您手動(dòng)調(diào)整字母對(duì)的字距。這個(gè)版本的 Fontself 沒(méi)有 Smart 按鈕，但它會(huì)在 Advanced 旁邊。圖片來(lái)自 Fontself。
Fontself 提供了許多選項(xiàng)來(lái)對(duì)您的字體進(jìn)行最終調(diào)整。頂部附近有一個(gè)實(shí)時(shí)預(yù)覽框，您可以在其中輸入示例短語(yǔ)來(lái)測(cè)試您的字體設(shè)計(jì)。雙擊任何字母將允許您使用箭頭鍵更改它們的位置。
您需要進(jìn)行的最后調(diào)整之一是字距調(diào)整，或字母之間的空格。Fontself 在實(shí)時(shí)預(yù)覽下有一個(gè)方便的自動(dòng)字距調(diào)整按鈕（標(biāo)記為“Smart”），這將為您節(jié)省大量時(shí)間。但是在設(shè)計(jì)方面，人眼總是比計(jì)算機(jī)更準(zhǔn)確，因此在智能按鈕旁邊，您會(huì)發(fā)現(xiàn)一個(gè)標(biāo)有“高級(jí)”的按鈕。這將帶您進(jìn)入另一個(gè)窗口，其中字母被分組為可以手動(dòng)調(diào)整的字距調(diào)整對(duì)。這可能很耗時(shí)，但請(qǐng)記住：即使是設(shè)計(jì)最精美的字體也可能因狹窄的字母和糟糕的字距調(diào)整而毀于一旦。
圖：使用 Fontself Maker 界面的動(dòng)畫(huà) gif
一旦您對(duì)字體感到滿意，您所要做的就是按 Fontself 窗口頂部附近的保存。在這里，您將為字體文件命名，選擇目標(biāo)文件夾，然后您的字體將導(dǎo)出為 OTF。雙擊此文件會(huì)將其安裝到您的計(jì)算機(jī)上。
這就是全部！您可以開(kāi)始在您的項(xiàng)目中使用該字體，研究一些在線市場(chǎng)以出售它，或者開(kāi)始使用粗體、斜體和其他版本！
關(guān)于字體設(shè)計(jì)的最后一句話
字體設(shè)計(jì)可能令人生畏，這要?dú)w功于您必須手工制作的大量符號(hào)以及花在字距調(diào)整等考慮上的時(shí)間。盡管如此，擁有一種屬于你而沒(méi)有其他人的字體的感覺(jué)是非常值得的，無(wú)論你是將它用于企業(yè)還是你自己的自我表達(dá)。
圖：童裝字體設(shè)計(jì)