Tom：/* 字体、排版简明入门 */

2012-10-14T04:40:11Z

‎字体、排版简明入门

新页面

==字体、排版简明入门==

看后要点笔记（基本上都摘了精华有用的部分）：

一、衬线体(Serif)：

(1)衬线设计的初衷是为了更清楚地标明笔触的末端，提高辨识率，提高阅读速度;

(2)使用衬线字体会让人感觉更加的正统。所以我们常见的英文书籍，特别是论文、小说，很多都是使用衬线体来完成正文的;

(3)网页设计中常用的衬线体有Times New Roman和Georgia。在中文里，我们使用的宋体就是对应的衬线字体;

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

（1）网页设计中常用的非衬线体相对就比较多了。有Arial、Verdana、Tahoma、Helivetica、Calibri等。在中文里，我们使用的黑体就是对应的衬线字体;

（2）虽然在书籍中，衬线字体被广泛地应用，但是在互联网上，衬线字体很少被使用。由于电脑屏幕分辨率与书籍不具可比性，所以正文10～12px的衬线字体在电脑屏幕上是很难辨认的;

三、正常Normal、粗体Bold、斜体Italic

（1）粗体、斜体用于在篇幅内强调某段文字上;

（2）对于中文斜体，一般在网络上是不使用的。因为中文笔画繁多，使用了斜体将难以辨认。

四、单位

（1）ex、x-height：常在CSS中使用。1ex = 小写字母x的高度;

（2）em：常在CSS中使用。当然，em可不是表示小写字母m的高度(事实上，小写字母m一般和小写字母x的高度是一样的)。1em = 字体的大小的100%。是一个倍数单位;

（3）行距(Line-height、Leading)：在浏览器中，默认的行距并没有一个准则。更具 W3C提供的建议，它认为默认的行距应该在1.0em到1.2em之间。事实上，在设定行距的时候，排版上有个原则，就是行与行之间的空隙一定要大于单词与单词之间的空隙，否则的话，阅读者在阅读的时候容易“串行”，造成阅读困难。近几年Web上对于正文的排版，大多喜欢1.5em的行距，尤其是中文网站。也就是如果使用了12px的字体大小，那么设计师常常喜欢18px的行距。1.5em确实是一个很好的经验值。事实上，中文的论文的规范也是使用1.5em的行距;

（4）段落行长：
a:行长越长，需要的越大的行距。行距太小，读者阅读换行时容易串行。行距太大，读者阅读行时会感觉到文字不连续。
b:正文中，每行40~70个字母为宜。

五、易读性

1.一份设计上至多使用三种字体的大小。

2.一份设计上至多使用三种字体。

3.要保证一定的对比度，但又不可有过度的对比。阳文（白底黑字）比阴文（黑底白字）要更容易阅读。在#fff的背景上，使用#333的文字要比#000的文字看起来舒服。

4.要注意文字所在的背景。背景要单一。避免背景噪声。

5.“少即是多” 用最少的元素去传达最多的信息。

6.让你的链接看起来像是一个链接。

7.利用好你的空间。

字体、排版简明入门 - 版本历史

Tom：/* 字体、排版简明入门 */