2018.10.20 14:00

做圖總是找不到好看的字體?這 12 個實用工具,送你用不盡的免費字體

ADVERTISEMENT

「內容第一」的設計策略被越來越多的設計師知曉和認可。「如何設計出好看的字體?」,則成了設計的一個重要環節。字體設計並不簡單,特別是針對新入行的設計師而言。為了讓你在嘗試字體設計的過程中更便利,著名設計師 Oliver Reichenstein 在這篇文章中介紹了 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 根據情緒將字體分成了 4 類:自信(confident)、熱情(welcoming)、獨特(unique)和素淨(neutral)。如果你想在產品中傳達某種情緒,不妨試試 Emotype。

字體搭配與樣式

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

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

5. Archetypeapp

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

6.

Font Joy 的宣傳口號是「字體匹配如此簡單」。Font Joy 將深度學習應用於字體搭配,你只需要輕擊幾次鼠標就可以完成體驗:

  • 點擊生成(Generate)按鈕,即可生成新的字體搭配。
  • 點擊鎖定圖標,即可鎖定你想保留的字體。
  • 點擊編輯圖標,即可手動選擇字體。

層次構建

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

7. Material Design Type Scale

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

8.

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

9. Type Scale

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

靈感與趣味來源

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

10. Typewolf

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

11. Typographic posters

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

12.

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


文章授權譯自 12 Helpful Typography Tools

  • 本文授權轉載自:ifanr

ADVERTISEMENT