12 個排版設計工具

來自專欄極光日報65 人贊了文章

簡評：本文提到的工具旨在通過優秀的排版給用戶提供更好的內容閱讀環境。

▎字體選擇篇

處理排版的第一步是為設計選擇合適的字體，你可以嘗試以下工具：

• Google Fonts

包含了 850 多種字體，而且可以免費使用

• Calligraphr

如果沒有找到合適的字體，你可以利用這個工具創建屬於自己的字體。它是一種能將手寫轉換為功能完備的矢量字體的工具

• FontFace Ninja

如果你在某個網站上看到喜歡的字體，可以使用這個工具 —— Fontface Ninja，它是 Google Chrome 的免費擴展程序，可讓你檢查和標記任何網站上的任何字體。

• Emotype

Emotype 可以根據你想傳達的情感來幫你選擇字體，分為四種情緒：confident（自信）、welcoming（熱情）、unique（獨特）和 neutral（中立）

▎字體搭配和樣式

為項目選擇完美的字體是一個很大的挑戰，通常你需要多種字體進行合適的搭配，以創造愉悅的閱讀體驗

• Archetypeapp

Archetypeapp 允許設計師在瀏覽器中創建一致的排版樣式和實時間隔

• Font Joy

Font Joy 的口號是「Font pairing made simple」，該工具將深度學習應用於字體配對

▎層次結構

頁面中要注意不同標題級別和正文文本之間的大小關係，適當的層次結構能讓用戶更容易理解網站上不同內容之間的關係，提高可讀性

• Material Design Type Scale

這個工具包含一系列對比樣式，每個類別都有預期的含義

• Modularscale

這個計算器能生成一組模塊化比例的數字，直接使用即可

• Type Scale

一個簡單的比例計算尺

▎靈感和樂趣

• Typewolf

Typewolf 是一個很好的網站，幫你獲取每日靈感

• Typographic posters

這是海報設計的精選集合，提供了來自世界各地的優秀海報範例

• Kerntype

Kerntype 其實不是一個工具，而是一個遊戲。規則很簡單，你的任務是通過在字母之間分配合適的空格來實現良好的閱讀體驗

總之，多看多想多實踐！

原文鏈接：

12 Helpful Typography Tools

推薦閱讀：

設計師最佳 Chrome 擴展程序?

zhuanlan.zhihu.comUI 設計中顏色使用法則?

zhuanlan.zhihu.com優秀設計師 vs. 普通設計師?

zhuanlan.zhihu.com

極光日報，極光開發者旗下媒體，

每天導讀三篇英文技術文章。