字体、排版简明入门

来自tomtalk
跳转至: 导航搜索

字体、排版简明入门

看后要点笔记(基本上都摘了精华有用的部分):

一、衬线体(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.利用好你的空间。