<code id="6mcsu"></code>
<li id="6mcsu"></li>
<li id="6mcsu"><dl id="6mcsu"></dl></li>
  • <code id="6mcsu"><tr id="6mcsu"></tr></code>
    或者

    【網站設計優化】網站字體的 10 個使用準則(二)

    作者:麋鹿 瀏覽:155 發布時間:2017-10-21
    分享 評論 0

     互聯網上 95% 的信息都是以“文字”的形式存在,而如何使單調的文字生動化,讓用戶擁有輕松、愉悅的閱讀體驗是每個設計師、站長們都得考慮的問題。下面將從字體的選擇、配色方案、排版布局等方面來說說“網站字體的 10 個使用準則”。

      上一篇:《網站字體的 10 個使用準則(一):行文本長度、字體種類等》

      本文將繼續從字體的可讀性、大小格式、間距等 4 個方面開始進一步說明。

      

    【網站設計優化】網站字體的 10 個使用準則(二):字體的可讀性、兼容性等

     

      四、字體的可讀性

      不管你選擇哪種字體、使用哪種大小規格,“可讀性”絕對是需要優先考慮的第一要素。“可讀性”除了字體本身外,還需要考慮到訪問設備的“兼容性”問題。

      如今,移動設備的流量甚至已經超過了 PC 端。用戶可能通過手機、也可能平板等移動設備訪問你的站點,所以這時候應該考慮到字體在不同設備的顯示問題,即:在小屏設備中是否也同樣具有“可讀性”。

      建議:保證網頁字體在小屏設備中的“可讀性”,最好不要使用“草書字體”。

      正面例子: Roboto 字體

      

    【網站設計優化】網站字體的 10 個使用準則(二):字體的可讀性、兼容性等

     

      這款字體的“可讀性”非常強,不管哪種大小、在哪種設備中都能夠清晰可見。

      反面例子:Vivaldi 字體

      

    【網站設計優化】網站字體的 10 個使用準則(二):字體的可讀性、兼容性等

     

      這款字體雖然好看,但可讀性太低,尤其是在小屏設備上顯示狀態奇差,十分不利于用戶閱讀體驗。

      五、字母的“可辨性”

      這點在中文里比較不容易產生影響,更多是使用英文時需要注意。

      在英文中,很多字母容易產生混淆,比如大寫的“I”和小寫的“l”、當“r”和“n”連在一起時可能產生“m”的錯覺。所以,在選擇字體時,也應該注意“字母的可辨性”。

      如下圖:

      

    【網站設計優化】網站字體的 10 個使用準則(二):字體的可讀性、兼容性等

     

      六、別都用大寫字母

      這點也多存在于英文中,也還是涉及到了“可讀性”的問題,雖然所有字母都采用大寫確實挺好看的,但“可讀性”卻較小寫字母降低了不少。

      如下圖:

      

    【網站設計優化】網站字體的 10 個使用準則(二):字體的可讀性、兼容性等

     

      所以,除了大標題外,盡量不要所有文字都采用大寫字母,如果是正文中的小標題可以使用首字母大寫便可。


    亚洲一级特黄无码片| 最近更新中文字幕在线| 日韩免费码中文在线观看| av区无码字幕中文色| 中文字幕一区二区三区永久| 亚洲欧美精品一中文字幕| 久久亚洲精品成人av无码网站 | 亚洲中文字幕无码久久2017| 中文字幕人妻无码专区| 91久久精品无码一区二区毛片 | 少妇人妻无码精品视频| 无码福利写真片视频在线播放| 久久精品中文字幕大胸| 97无码免费人妻超级碰碰夜夜| 无码无遮挡又大又爽又黄的视频| 久久中文字幕无码专区| 波多野结衣在线aⅴ中文字幕不卡| 精品无码三级在线观看视频| 无码国产精品一区二区免费16| 成人午夜精品无码区久久| 一本精品中文字幕在线| 最近中文字幕高清中文字幕无 | av中文字幕在线| 日韩中文字幕精品免费一区| 蜜臀AV无码国产精品色午夜麻豆| 日韩乱码人妻无码中文字幕| 中文字幕乱偷无码AV先锋| 少妇无码太爽了在线播放| 亚洲国产日韩欧美在线a乱码日本中文字幕高清 | 亚洲AV无码成人专区片在线观看 | 亚洲国产精品无码AAA片| 无码精品国产dvd在线观看9久 | 无码av人妻一区二区三区四区 | 亚洲日韩精品无码一区二区三区| 亚洲中文字幕伊人久久无码| 日本中文一区二区三区亚洲| 天堂在/线中文在线资源官网| 日韩中文字幕电影| 日本一区二区三区中文字幕 | 狠狠躁天天躁中文字幕无码 | 人妻丰满熟妇AV无码区HD|