網站設計:網站字體排版的10個基本規則

更新:2017-10-26    編輯:nexiao    來源:不詳    人氣:加載中...    字號:|

注:優化網站文字排版也是優化用戶界面的一種方式。 在本文,作者將分享一組贊助你提高文本內容的可讀性和易讀性的規則

“溝通”在設計中起著至關首要的作用 – 它能建立網站和用戶之間的聯系,并贊助用戶完成他們的目標。 當我們談論在網頁設計方面的溝通時,通常是指文本的輸出。

排版在這個歷程中起著至關首要的作用:網絡上的信息95%以上的是在書面語言的形式存在。良好的文字排版使導語的行為輕松,而體驗不好的文字排版導致用戶關閉網頁。“網頁設計是95%排版設計”:

優化排版是優化界面可讀性,可造訪性,可用性,使整體平衡的關鍵。

換句話說:優化網站文字排版也是優化用戶界面的一種方式。 在下面的文章中,我將供給一組贊助你提高文本內容的可讀性和易讀性的規則

1.盡量應用少的字體

應用超過 3 種不同的字體會使網站看起來短缺結構化和不專業。 注意,較多的字體樣式應用一次都可能破壞所有布局。

網站設計:網站字體排版的10個基本規則

為了防止這樣的情況,嘗試將字體數量減少

一般來說,將字體數量限制在最小限度(兩個算多的,一個是正好的)。 如果你應用一個以上的字體,確保字體具有系列感,且基于其字符寬度是相得益彰。 采取下面的字體組合的例子。 Georgia和Verdana(左)的結合,共同創建一個和諧的配對相似的價值觀。 與此相比,Baskerville和Impact( 右),極大地掩蓋了襯線相對應的不匹配度,形成較好的視覺體驗。

網站設計:網站字體排版的10個基本規則

在基于其字符寬度的標準下確保字體系列相得益彰

2.嘗試應用標準字體

字體嵌入服務(如Google Web字體或Typekit)有許多有趣的字體,可以為您的設計供給創新、新鮮的和意想不到的效果,它們應用起來也非常方便。以Google為例:

選擇任何字體,如Open Sans。

生成代碼并粘貼到HTML文檔中。

完成!

這個情況下不會出錯么?

其實這種做法有兩個問題

  • 不是每個人開啟涉獵器都可以造訪到同一種字體,這意味因為您選擇的用戶體驗較好的字體將無法展示在所有用戶面前。

  • 用戶更熟識標準字體,因此可以更快地讀取它們想要的信息。

  • 除非您的網站有足夠吸引人的自定義字體(如品牌鼓吹或創建身臨其境的體驗),否則最好應用系統字體。更為安全的做法是應用的系統字體是:Arial,Calibri,Trebuchet等。請記住,良好的文字排版會將讀者吸引到內容,而不是文字本身。

    3.限制文本線長度

    每行放置適當的字符數量是文本可讀性的關鍵,它不僅是你的設計,抉擇你的文本的寬度,它也應該是一個可讀性的問題。從Baymard鉆研所考慮有關可讀性和文本線長度的建議:

    “如果你想要一個很好的導語體驗,你應該限制每行大概 60 個字符。每行擁有適當的字符數量是文本可讀性的關鍵。”

    網站設計:網站字體排版的10個基本規則

    如果一行文本太短,眼睛必須經常轉回,打破讀者的節奏。 如果一行文本太長,用戶的眼睛也難長期專注于單行文本。 圖片來源:材料設計

    對于移動設備,基本維持每行30- 40 個字符。 以下是在移動設備上查看的兩個網站的示例。 第一個應用每行(每行字符印刷和桌面的最佳數量)50- 75 個字符,而第二個應用最佳30- 40 字符。

    網站設計:網站字體排版的10個基本規則

    在網頁設計中,您可以通過應用像素限制文本塊的寬度來實現每行最佳數量的字符。

    評論列表(網友評論僅供網友表達個人看法,并不表明本站同意其觀點或證實其描述)

    站點導航

    您可能在找這些
    黑龙江快乐十分走势图