在網頁設計和 WordPress APP 軟體中,一個好的排版不僅僅要擁有漂亮的字型。更要有高度的可讀性——易於瀏覽——同時能讓多使用者專注它的內容。
可讀性
可讀性
必須使用無襯線體的想法是過時的,但是您要去了解為什麼必須使用無襯線體的想法是過時的深層次原因:文字必須是易於閱讀的。您需要避免難以閱讀的字型,然而就是這些難以閱讀的字型存在於指令碼當中,比如新奇的字型或者哥特風的字型。(除了那些特別需要裝飾的藝術字型以外。)
絕大多數可讀性字型都能夠被輕鬆閱讀的,它不會花費多使用者太多時間去注意字型本身。這就是可讀性準則的原理。
給行間距留足夠的空間
關鍵就是設計一個多使用者都喜愛的行間距。適宜的行間距有利於閱讀,這在移動端尤其的重要。
造成行之間變化的因素有以下這些:
文字大小 文字數量 字型樣式 螢幕寬度
這裡沒有什麼明文的規則去告訴您應該怎麼做–但是這裡有一些規則您可以去遵循:
對於大多數網站,設定行間距的文字大小約 125% 對於移動裝置,設定行距的文字大小約 150% 使用一個鬆散的段落間距——等於 “迴歸”——使段落容易閱讀 使用您的雙眼去測試,看文字在螢幕上是松的還是緊的。(感受即可)使用大而圓的字母
大又圓的字更易閱讀。所以字母有大的圓弧-這個弧度在字型裡面就像一個迴圈的 “o” 。
緊湊和壓縮的字型是很難閱讀的。寬鬆的風格,比如上圖這個例子就容易閱讀,因為每一個字母都容易區分。
統一風格
當談到字母的形式,粗體是很重要的。由於超細的字母缺乏對比,所以很難閱讀。同樣,細體和粗體有強烈的反差也會存在同樣的問題。
解決方法:堅持相對統一的字型形式。這種風格是很容易被使用,不管您是使用哪種背景都有可讀性。
對比度
在一些少數流行的設計裡面,背景和字型只有很小的區別。它看起來很酷炫,但是並沒有那麼友好,可讀性也差。
內容才是讓您的網站特別和重要的關鍵。讓背景和字型有更大的區別,它能讓多使用者輕鬆的閱讀。(這就是為什麼白色或者淺色背景使用黑色或者深色背景非常流行的原因。)