譯者按：

著名設計師 Oliver Reichenstein 認為，網絡上有 95% 的信息都是文字。而設計出好看的文字，并沒有想象的那麼簡單。這篇文章，将介紹 12 個字體工具，希望能幫你捕捉更多的字體設計靈感。

「内容第一」的設計策略被越來越多的設計師知曉和認可。「如何設計出好看的字體？」，則成了設計的一個重要環節。

字體設計并不簡單，特别是針對新入行的設計師而言。為了讓你在嘗試字體設計的過程中感到舒心，我特意為大家準備了 12 個字體工具。好好利用這些工具，可以設計出更好的産品，讓你的産品在聚光燈下閃閃發光。

這 12 個字體工具大概可以分為 4 個方面：

• 字體選擇
• 字體搭配與樣式
• 層次構建
• 靈感與趣味來源

字體選擇

字體設計第一步，就是要選擇設計需要的字體。字體選擇非常重要，它可以影響你向用戶傳達的信息内容。

1. Google Fonts

你是不是在找免費字體呢？ Google Fonts 就是不錯的選擇，而且 Google Fonts 目前提供了 850 多種免費字體。

如果不進行篩選的話，在這麼多收錄字體中，很難選擇你喜歡的字體。好在 Google Fonts 提供分類篩選功能，用戶可以根據不同類别和字體視覺屬性（如字重）進行小範圍挑選。

2. Calligraphr

找不到适合産品的字體？不妨試試自創一套字體。通過 Calligraphr，你可以将手寫轉化成非常适用的矢量字體，供你用在産品設計中。

3. FontFace Ninja

在網絡上看到好看的字體，你有沒有想過「它用了什麼字體？」。雖然你可以通過浏覽器的開發者工具找到具體字體名稱，但我有更簡單的辦法。

在 Google Chrome 浏覽器中，添加 FontFace Ninja 插件。浏覽網頁時，「哪裡不懂點哪裡」，還可以把喜歡的字體标記下來。

4. Emotype

Emotype 根據情緒将字體分成了 4 類：自信（confident）、熱情（welcoming）、獨特（unique）和素淨（neutral）。如果你想在産品中傳達某種情緒，不妨試試 Emotype。

字體搭配與樣式

為産品選擇最合适的字體，是個不小的挑戰。很多情況下，你可能會選擇不止一種字體。

所以，你需要保證所選的字體搭配合理。不同類型字體要相輔相成、相得益彰。這樣，才能讓用戶的閱讀體驗更加友好。

5. Archetypeapp

如果你在尋找相互匹配的字體群，不妨試試 Archetypeapp。借助 Archetypeapp，設計師可以在浏覽器中實時設計字體，現場體驗不同字體設計和行距樣式帶來的視覺感受。

6. Font Joy

Font Joy 的宣傳口号是「字體匹配如此簡單」。Font Joy 将深度學習應用于字體搭配，你隻需要輕擊幾次鼠标就可以完成體驗：

• 點擊生成（Generate）按鈕，即可生成新的字體搭配。
• 點擊鎖定圖标，即可鎖定你想保留的字體。
• 點擊編輯圖标，即可手動選擇字體。

層次構建

搭配好字體後，就可以進一步設計字體層次了。層次構建主要體驗在标題和正文不同字體大小的視覺關系。恰當的層次，能讓用戶更容易理解不同内容之間的關系，提高可讀性。

7. Material Design Type Scale

Material Design Type Scale 包含 13 種字體樣式，用以輔助産品及内容的不同需求。

8. Modularscale

通過 Modularscale，你可以生成一系列模塊化層次的數字。使用體驗就好比使用直尺一樣。

9. Type Scale

Type Scale 也是一個類似層次工具，你需要做的隻是輸入相關參數即可。

靈感與趣味來源

産品設計過程中，靈感也非常重要。沒有靈感，産品可能沒什麼創意。作為設計師，應該多花時間從不同事物中尋找靈感，而且，并不一定要從數字設計中尋找靈感。

10. Typewolf

Typewolf 的資源非常豐富，你可以從中發現網站和海報設計的靈感。推薦查看「每日之站（Site of the day）」，獲得每日劑量的靈感。

11. Typographic posters

Typographic posters 收錄了大量的海報作品，其作品來自全球各地的設計師之手。

12. Kerntype

Kerntype 不隻是工具，還是個小遊戲。遊戲玩法很簡單，你隻需要調整字母間距，實現最佳的視覺體驗。這個遊戲能培養和提高你在字體間距設計方面的能力。

作者| Nick Babich，軟件工程師，關注 UI 和 UX

譯者| Jorri

文章授權譯自 12 Helpful Typography Tools

,

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部