2006 年,Oliver Reichenstein 撰写了文章《网页设计 95% 的工作是排版》,这是当年最有争议的文章之一。 Reichenstein 在文章中这么说道:“网页设计不仅仅是挑选并使用精美的字型,更多的是关于我们如何在设计中使用它们。” 网站最基本的功能是呈现资讯,让多用户可以阅读。字型的展示和排版自然也是网页设计师工作的重要内容之一,今天我们整理了一些关于文字排版的技巧,分享给大家。
首先我们要清楚一个问题,就是什么样的排版才可以称得上是优秀的页面文字排版?很多人都认为优秀的文字排版,在阅读感受上一定是很棒的,文字表达的意思也是连贯的,在视觉上体现出来的就是平衡,在整体上有一个空间感。网页制作时文章的布局,内容的设定以及栏目的设计都对文字的易读性有影响。从文字排版的易读性出发,需要考虑文字的字型、文字的大小、段落之间的行距、间距、背景颜色的使用以及文字的颜色等等。
字型、字号
字型和字号这两个元素必须捏在一起说。
字型分为衬线体(serif)与非衬线体(sans serif)。简单的说,衬线体(serif)就是带有衬线的字型,笔画粗细不同并带有额外的装饰,开始和结尾有明显的笔触。常用的英文衬线体有 Times New Roman 和 Georgia,中文即是我们在 windows 下最常见的中易宋体。
与衬线体相反,无衬线装饰,笔画粗细无明显查差异的字型就是非衬线体(sans serif)。 Arial 、 Helvetica 、 Verdanad 都是我们熟悉的英文非衬线体,中文有微软雅黑和 mac 下预设的中文-华文细黑。
我们随手拿起一本书或者一份报纸,数一数每行的文字,一般情况下都不会超过 40 个汉字。这是因为如果每行文字过长,读者会不停的转动脖子,感到疲惫的同时也会降低阅读效率;目光从行尾移至下一行首,也很容易序列,影响读者浏览文章的节奏。这点同样适用于网页上的文章阅读。由于显示器是横向的,我们更要注意划分阅读区域。
白色是全频光,全放射光对人眼睛的最有刺激,所以很多印刷品读物的纸张都选用乳白色或者淡黄色的纸张。由于显示器本身就发光,所以同是纯白色背景的文字,在电脑上比在纸上阅读会使眼睛更容易疲乏,另有研究表明:在电脑上阅读只有在纸上阅读速度的 78%,阅读效率大大减低。因此,为了提高页面浏览的舒适度和效率,越来越多的页面采用浅灰色和淡黄色做为页面背景。
另外,印刷品以文字为主的出版物往往会采用低光泽度的纸张,也是因为光泽度高的纸张反射度高,导致阅读质量下降,容易使人视觉疲劳。页面背景仿造低光泽度的纸张(纸张纹理)也能否提高阅读的舒适度呢?
虽然在网页设计中依然有很多需要我们注意的地方,最后,分享给大家一个想法就是:网页设计中排版很重要。做出正确的排版可以让您的网站感觉清爽,糟糕的网页排版会令多用户分心,倾向于关注自己的感受而非内容。排版的关键在于使资讯层级清晰、多用户易于阅读、并且保证文字是可读的。文字的排版不应该增加多用户的认知符合,以求达到尊重内容、尊重多用户的目的。