當前位置:才華齋>範例>生活經驗>

文字排版的注意事項

生活經驗 閱讀(1.99W)

對於網頁而言,排版設計的時候對於文字內容的處理,佔據了相當大的比例。今天小編文字排版的10個常見注意事項,幫你真正有效提升內容的可讀性和易讀性。

文字排版的注意事項

文字排版注意事項有哪些

1、控制字型數量

當你的網頁文字內容中使用超過3種完全不同的字型的時候,會讓網站顯得結構紊亂和不專業。

太多字型和複雜的樣式都會對佈局產生影響。

為了阻止這種情況的發生,儘量控制字型型別的'數量是很有必要的。

一般說來,限制字型數量是一種非常有用的方法(最多兩種字型,通常一個字型能夠搞定絕大多數的排版),在整個網站設計中堅持使用一種字型能夠帶來足夠一致的體驗。如果你需要使用兩種,甚至更多的字型,那麼請確保這幾種字型族之間能夠互相補充、互相搭配。以下方四個字型為例,四個字型當中 Georgia 和 Verdana 在字型的大小、寬度上都比較接近,兩者構成和諧的搭配。相比而言,右側的兩款字型 Baskerville 和 Impact 如果搭配在一起就很不合適了,Impact 過於厚重,而 Baskerville 的襯線也過於突出。

2、嘗試使用標準字型

諸如Google web Fonts 和Typekit 這樣的線上字型服務能夠為你推薦許多新鮮有趣的字型,意想不到字型設計,在很多場合能夠給使用者帶來新鮮的體驗。在使用上,也確實非常方便,比如Google Web Fonts 是這麼用的:

選一款你喜歡的字型,比如 Open Fonts生成程式碼,貼到HTML文件的標籤中完成!

這種操作其實和把大象放到冰箱裡面一樣簡單。

那麼,到底問題出在哪兒呢?

首先,你是選取的漂亮字型並不是誰的電腦裡面都會有的,最前先的例子是,Windows電腦中的微軟雅黑並不是Mac的標配字型,如果你的網頁中使用了微軟雅黑,它會在Mac電腦中以蘋方來顯示。你挑選的字型並非普遍存在的,最終會以另外一種樣子呈現在別人的螢幕上,使用者熟悉的還是那些標準的、常見的字型,最安全的英文字型始終都是 Arial、Calibri、Trebuchet 等字型。良好排版實際上只是基礎,吸引人的始終是漂亮整齊的佈局和優質的內容,而非字型本身。

3、控制每行內容的長度

每行文字的字元數,其實直接影響著內容的可讀性。正如同Baymard 通過研究所發現的那樣:

“如果你想擁有良好的閱讀體驗,將每行文字控制在大概60個字元左右,這個字元數量能夠讓你的內容擁有恰到好處的可讀性。”

如果文字太短,使用者的內容掃視訊率會過高,經常會打破閱讀的節奏,而如果太長了,使用者會很難持續的保持高專注度的閱讀。

在移動端上,每行文字應該控制在30~40個字元之間,這也符合目前的使用者使用習慣和閱讀體驗。參考下面的對比圖,可以看出,40~60個字元數通常能夠取得最佳的閱讀體驗。

網頁設計中,通常使用 em 和 px 來控制文字塊的寬度,藉此來控制每行的字元數量。