歡迎訪問世紀網絡官網,寶雞網站建設SEO優化已累計服務超過900家企業!     咨詢熱線:13619273150

15年網站建設優化經驗,900家客戶的選擇,值得信賴!


世紀網絡網頁設計字體和頁面排版技巧(一)

作者:孫斌      發布時間:2009-05-18      瀏覽:2651

62.9K


我們每天設計都在與字體打交道。但是我們一直沒有認真在意他們的存在。我們沒有很好地使用過他們,甚至濫用他們。這一切是因為我們不了解他們。字體作為排版的重要元素之一;在設計里也是最深奧的一門學問之一。本文中,寶雞網站建設世紀網絡與大家來一起探討一下這門深奧的學問。

  字體的類型

  英文字體(Typeface),分為幾種大類,這是在使用英文字體的時候必須知道的基本知識:

  一、襯線體(Serif)

  襯線(serif)就是筆畫邊緣的裝飾部分。下圖中紅色標注的地方就是襯線。

  襯線設計的初衷是為了更清楚地標明筆觸的末端,提高辨識率,提高閱讀速度。另外,使用襯線字體會讓人感覺更加的正統。所以我們常見的英文書籍,特別是論文、小說,很多都是使用襯線體來完成正文的。

  網頁設計中常用的襯線體有Times New RomanGeorgia。下圖左邊是12pxTimes New Roman字體,右邊是12pxGeorgia。

  在中文里,我們使用的宋體就是對應的襯線字體。

  二、非襯線體/無襯線體(Sans-serif)

  字體如果不帶襯線的話,那么就稱為非襯線體或者無襯線體。下圖就是非襯線體。

  網頁設計中常用的非襯線體相對就比較多了。有Arial、Verdana、Tahoma、Helivetica、Calibri等。下圖從左到右依次是Arial、VerdanaTahoma:

  值得注意的是,雖然在書籍中,襯線字體被廣泛地應用,但是在互聯網上,襯線字體很少被使用。由于電腦屏幕分辨率與書籍不具可比性,所以正文1012px的 襯線字體在電腦屏幕上是很難辨認的。下圖是沒有Cleartype時,10pxVerdana10pxTimes New Roman的對比。大家可以發現,左側的Verdana可以被很好的辨識。右側的Times New Roman辨認相當困難。



0