世紀網絡網頁設計字體和頁面排版技巧(一) |
作者:孫斌 發布時間:2009-05-18 瀏覽:2651次 |
我們每天設計都在與字體打交道。但是我們一直沒有認真在意他們的存在。我們沒有很好地使用過他們,甚至濫用他們。這一切是因為我們不了解他們。字體作為排版的重要元素之一;在設計里也是最深奧的一門學問之一。本文中,寶雞網站建設世紀網絡與大家來一起探討一下這門深奧的學問。 字體的類型 英文字體(Typeface),分為幾種大類,這是在使用英文字體的時候必須知道的基本知識: 一、襯線體(Serif) 襯線(serif)就是筆畫邊緣的裝飾部分。下圖中紅色標注的地方就是襯線。
襯線設計的初衷是為了更清楚地標明筆觸的末端,提高辨識率,提高閱讀速度。另外,使用襯線字體會讓人感覺更加的正統。所以我們常見的英文書籍,特別是論文、小說,很多都是使用襯線體來完成正文的。 網頁設計中常用的襯線體有Times New Roman和Georgia。下圖左邊是12px的Times New Roman字體,右邊是12px的Georgia。
在中文里,我們使用的宋體就是對應的襯線字體。 二、非襯線體/無襯線體(Sans-serif) 字體如果不帶襯線的話,那么就稱為非襯線體或者無襯線體。下圖就是非襯線體。
網頁設計中常用的非襯線體相對就比較多了。有Arial、Verdana、Tahoma、Helivetica、Calibri等。下圖從左到右依次是Arial、Verdana、Tahoma:
值得注意的是,雖然在書籍中,襯線字體被廣泛地應用,但是在互聯網上,襯線字體很少被使用。由于電腦屏幕分辨率與書籍不具可比性,所以正文10~12px的 襯線字體在電腦屏幕上是很難辨認的。下圖是沒有Cleartype時,10px的Verdana和10px的Times New Roman的對比。大家可以發現,左側的Verdana可以被很好的辨識。右側的Times New Roman辨認相當困難。 |