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