欢迎访问宝鸡世纪网络官网,宝鸡网站建设已累计服务超过900家企业!  咨询热线:0917-3535180 3536690

10年建站历程,900家客户的选择,值得信赖!


世纪网络网页设计字体和页面排版技巧(一)

作者:孙斌      发布时间:2009-05-18      浏览:1852

62.9K


我们每天设计都在与字体打交道。但是我们一直没有认真在意他们的存在。我们没有很好地使用过他们,甚至滥用他们。这一切是因为我们不了解他们。字体作为排版的重要元素之一;在设计里也是最深奥的一门学问之一。本文中,宝鸡网站建设世纪网络与大家来一起探讨一下这门深奥的学问。

  字体的类型

  英文字体(Typeface),分为几种大类,这是在使用英文字体的时候必须知道的基本知识:

  一、衬线体(Serif)

  衬线(serif)就是笔画边缘的装饰部分。下图中红色标注的地方就是衬线。

  衬线设计的初衷是为了更清楚地标明笔触的末端,提高辨识率,提高阅读速度。另外,使用衬线字体会让人感觉更加的正统。所以我们常见的英文书籍,特别是论文、小说,很多都是使用衬线体来完成正文的。

  网页设计中常用的衬线体有Times New RomanGeorgia。下图左边是12pxTimes New Roman字体,右边是12pxGeorgia

  在中文里,我们使用的宋体就是对应的衬线字体。

  二、非衬线体/无衬线体(Sans-serif)

  字体如果不带衬线的话,那么就称为非衬线体或者无衬线体。下图就是非衬线体。

  网页设计中常用的非衬线体相对就比较多了。有ArialVerdanaTahomaHeliveticaCalibri等。下图从左到右依次是ArialVerdanaTahoma:

  值得注意的是,虽然在书籍中,衬线字体被广泛地应用,但是在互联网上,衬线字体很少被使用。由于电脑屏幕分辨率与书籍不具可比性,所以正文1012px的 衬线字体在电脑屏幕上是很难辨认的。下图是没有Cleartype时,10pxVerdana10pxTimes New Roman的对比。大家可以发现,左侧的Verdana可以被很好的辨识。右侧的Times New Roman辨认相当困难。



0