文字排版的注意事項有哪些 文字排版的注意事項是什么

文字排版的注意事項有哪些 文字排版的注意事項是什么

日期:2023-03-15 17:31:21    编辑:网络投稿    来源:网络资源

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

文字排版的注意事項

  對于網頁而言,排版設計的時候對于文本內容的處理,占據了相當大的比例。今天小編文字排版的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 來控制文本塊的寬度,借此來控制每行的字符數量。