查看“字体、排版简明入门”的源代码
←
字体、排版简明入门
跳转至:
导航
、
搜索
因为以下原因,你没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看并复制此页面的源代码:
==字体、排版简明入门== 看后要点笔记(基本上都摘了精华有用的部分): 一、衬线体(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.利用好你的空间。
返回
字体、排版简明入门
。
导航菜单
个人工具
登录
命名空间
页面
讨论
变种
视图
阅读
查看源代码
查看历史
更多
搜索
导航
首页
最近更改
随机页面
帮助
工具
链入页面
相关更改
特殊页面
页面信息