1使用盡可能少的字體
使用超過三種不同的字體會使網站看起來沒有條理和不專業。請注意,一次使用更多字體樣式可能會破壞所有佈局。
要防止這種情況發生,請嘗試减少字體的數量
一般來說,將字體的數量限制在最小值(兩種是更多的,一種是正確的)。如果您使用多個字體,請確保該字體具有家族感,並根據其字元寬度相互補充。以下麵的字體組合為例。喬治亞州和威爾達納州(左)共同創造了一個和諧的相似的價值觀。相比之下,巴斯克維爾和impact(右)極大地掩蓋了襯線的不匹配,從而形成了更好的視覺體驗。
確保字體系列與基於字元寬度的標準相容
2儘量使用標準字體
字體嵌入服務(如googleweb字體或typekit)有許多有趣的字體,可以為您的設計提供創新、新鮮和意想不到的效果。它們使用起來也很方便。以穀歌為例
選擇任何字體,例如open sans。
生成程式碼並將其粘貼到HTML檔案中。
完成!
在這種情況下不會出什麼問題嗎?
事實上,這種方法有兩個問題
不是每個人都可以通過打開瀏覽器訪問相同的字體,這意味著您選擇的用戶體驗更好的字體不會顯示給所有用戶。
用戶更熟悉標準字體,囙此他們可以更快地閱讀所需的資訊。
除非你的網站有足够吸引人的自定義字體(例如品牌或創建沉浸式體驗),否則最好使用系統字體。使用系統字體(如Arial、Calibri、trebuchet等)更安全。請記住,好的排版將讀者吸引到內容上,而不是文字本身。
三。限制文字行長度
每行適當的字元數是文字可讀性的關鍵。不僅是你的設計决定了你的文字寬度,它也應該是一個可讀性的問題。本文考慮了baymar研究所關於可讀性和文字行長度的建議
“如果你想要一個好的閱讀體驗,你應該限制在每行60個字元左右。每行具有正確的字元數是文字可讀性的關鍵。”
如果一行文字太短,眼睛必須經常向後轉,打破讀者的節奏。如果一行文字太長,用戶的眼睛很難長時間集中在一行文字上。圖片來源:資料設計
對於移動設備,每行保留30-40個字元。以下是在移動設備上瀏覽的兩個網站的示例。第一種方法每行使用50-75個字元(列印和案頭時每行的最佳字元數),而第二種方法使用的字元數最好為30-40個。