文字可以優美、簡單、狂放、有趣、激動人心。能激起情緒、幫助理解傳達訊息。字體種類繁多，但共通點只有一個——必須具備可讀性。

這常被遺忘。設計師往太窄空間塞太多資訊，或選外觀勝過可讀性的字體。重點：字體無法閱讀，設計就無法完全生效。雖聳人聽聞，幾乎是普適規律。藝術元素字體確有作用，但僅限於搭配可讀文字使用。

狹窄空間中的可讀性實踐

Fastcompany、Typographica、Medium 等優秀案例展示狹窄空間也能高可讀。

決定可讀性的五大核心因素

行長度、行距、字體樣式、外邊距/內邊距、顏色與對比度——每個元素都影響螢幕閱讀難易，皆為設計師可控。

• 行長度：每行字符數對整體可讀性起主要作用。段落太寬嚇人難讀；太短給眼睛壓力、造成混亂。
• 行距：行間距同樣重要。若每行文字緊貼上下行，無法理解句子。
• 字體樣式：簡潔襯線/無襯線字體最具可讀性、易瀏覽；華麗手寫/新奇字體最難辨識。
• 外邊距/內邊距：元素周邊與間隙空間影響閱讀體驗。
• 顏色與對比度：文字與背景對比至關重要。綠底綠字難讀。設計師選淺字深底或深字淺底皆有原因——對比讓字符易讀。

不同裝置的最佳可讀性參數

如何創造最易讀文字？正文文字有基本準則規定每行字數(各裝置不同)助打造最佳可讀性。
起點：最佳行長度助確定文字段落大小。確定正文寬度(通常假定桌面/平板/手機三種尺寸)，調整文字大小至理想單行字數。其他因素也在起作用，但這些準則是好入手點。

裝置	每行英文字符數(含空格)	行距建議
桌面	55-75，理想 65	字號 1.5 倍
移動裝置	35-50	字號 1.75-2 倍

想簡化工作試試黃金比例文字計數器。

可讀性其他提升技巧

打造可讀排版，正文外文字也大有關聯。使用標題、無序列表、段落額外間距、顏色，提升整體可讀性(標題助瀏覽整站)。考慮下列元素增進文字層級，創造更完整易讀設計，記得「設計」成獨特字體/字號/顏色並與正文協調：

• 標題
• 連結
• 粗體/斜體
• 無序/有序列表
• 圖像元素(照片)
• 說明文字
• 引用文字
• 混合使用襯線與無襯線字體

10 款高可讀熱門字體推薦

無襯線：Open Sans、Lato、Exo、Nobile、Droid Sans
襯線：Arvo、Old Standard TT、Abril Fatface、Vollkorn、Josefin Slab

可讀性檢核清單

• 主體字號夠大？各裝置達最佳行長度？
• 行間是否有足夠間距？
• 文字與頁面邊界/其他元素有足夠空間？
• 正文顏色與背景對比反差夠強？
• 新段落間有額外空隙？
• 標題/其他元素與正文區分度夠？
• 有用其他元素(無序列表/粗體)分解大段文字？
• 正文用易讀字體(建議一種襯線或無襯線)？

結語

可讀性是設計至關重要組成部分。無法閱讀理解頁面內容，對用戶而言完全不相關不重要。你如何規劃專案可讀性？有其他成功技巧？評論區分享吧。想用好字體？得先讀懂它的性格！