文章彙整

網頁設計教學:【概念篇】台灣網頁常用的字型

Astral WebBy Astral Web 4 years agoNo Comments
首頁  /  網站設計與開發  /  網頁設計教學:【概念篇】台灣網頁常用的字型

網頁常用的字型

選擇合適的網站字型可以為網站加分,我們針對台灣字型進行分析研究,發現台灣TOP 10網站中,最常使用的是Arial字型,其次是微軟正黑體;而在台灣TOP10購物網站中,優先使用字型也是Arial字型,其次是helvetica。可見Arial字型是最常使用的字型。而在字級部分,除了特別的字體會用到3~40px字級較大字體,或20px左右,最小字體不會低於12px。也有研究指出12級字體大小是最好閱讀的字級,所以網站字級盡量不要小於12級字體。

台灣TOP 10 (購物) 網站優先使用字型

台灣TOP 10網站(截至2014/12/1):

台灣十大網站與字型排行

1. Yahoo!奇摩

使用字型:Arial

最大字級:15px

最小字級:12px

2. PIXNET

使用字型:微軟正黑體

最大字級:16px

最小字級:12px

3. Google

使用字型:Arial

最大字級:16px

最小字級:12px

4. ETtoday

使用字型:Verdana

最大字級:15px

最小字級:13px

5. Life 生活網

使用字型:Arial、微軟正黑體

最大字級:19px

最小字級:12px

6. Giga Circle

使用字型:微軟正黑體、Roboto

最大字級:25px

最小字級:12px

7.  Xuite

使用字型:微軟正黑體、Arial、Trebuchet MS’

最大字級:19px

最小字級:12px

8. Mobile01

使用字型:Helvetica

最大字級:16px

最小字級:12px

9. 聯合報

使用字型:Arial、黑體

最大字級:30px

最小字級:12px

10. 中時電子報

使用字型:Verdana、微軟雅黑體

最大字級:48px

最小字級:12px

優先使用字型排行:

    1. Arial
    2. 微軟正黑體
    3. Verdana
    4. Roboto、Helvetica、黑體

台灣TOP 10 購物網站(截至2014/12/1)

台灣十大購物網站排行與字型

 1. 富邦購物網

使用字型:新細明體、Helvetica

最大字級:16

最小字級:12

2. 博客來

使用字型:Arial

最大字級:15

最小字級:12

3. GOMAJI

使用字型:’Helvetica Neue’

最大字級:20

最小字級:12

4. OB design

使用字型:Helvetica、Arial、微軟正黑體

最大字級:20

最小字級:12

5.  GoHappy

使用字型:Verdana、Arial

最大字級:16

最小字級:12

6. 生活市集

使用字型:微軟正黑體

最大字級:29

最小字級:12

7. 燦坤

使用字型:Arial

最大字級:20

最小字級:12

8. 金石堂

使用字型:Verdana

最大字級:15

最小字級:12

9. ASAP閃電購物網

使用字型:Arial

最大字級:18

最小字級:12

10. 東森購物

使用字型:Arial

最大字級:15

最小字級:12

優先使用字型排行:

  1. Arial
  2. Helvetica
  3. Verdana、微軟正黑體
  4. 新細明體

根據以上調查,我們建議未來選擇網頁字型,如以使用者閱讀為主的網站,可使用大眾字型如黑體、Arial與新細明體;如想塑造設計感或符合網站視覺風格的網頁,則可以考慮遷入字型,每種字型所營造的氛圍不同,因此挑選的字型要能符合整體的設計。

以上就是我們針對字型的分享,希望能幫助各位順利選擇合適的字型,若有相關問題歡迎聯絡我們!

參考資料:

上網族

 

 

以上內容由Astralweb 歐斯瑞編寫製作

 000

推薦文章

Category:
  網站設計與開發

留下回應

你的電子郵件地址不會被公開.

取得獨家電子商務祕技

建立更好的策略靈感

跟上全球的網路趨勢

絕佳的電商解決方案

電子商務戰略全指南

每月發送電商戰略指南,只要填寫E-mail即可訂閱!

請到您的信箱確認,即可完成訂閱。