「內容第一」的設計策略被越來越多的設計師知曉和認可。「如何設計出好看的字體?」,則成了設計的一個重要環節。字體設計並不簡單,特別是針對新入行的設計師而言。為了讓你在嘗試字體設計的過程中更便利,著名設計師 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
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 不只是工具,還是個小遊戲。遊戲玩法很簡單,你只需要調整字母間距,實現最佳的視覺體驗。這個遊戲能培養和提高你在字體間距設計方面的能力。
文章授權譯自 12 Helpful Typography Tools
- 本文授權轉載自:ifanr
請注意!留言要自負法律責任,相關案例層出不窮,請慎重發文!