Readability: the Optimal Line Length
Baymard.com版权所有(yǒu)
作者:Christian Holst
译者:UCD翻(fān)译小组,波希米亚(yà)
译者序:直(zhí)接捞干的(de)来了!
提(tí)升文本可(kě)读(dú)性的关键(jiàn)之一,就是让每行文本承载合适(shì)的(de)字数。这(zhè)不仅仅是设计一(yī)下文本宽度的(de)问题(tí),它也应(yīng)该(gāi)是一个易读性的问题。
文本最佳长度是(shì)每行(háng)承载50-60字(zì)符,包(bāo)括空格(gé)(“Typographie”, E. Ruder)。也有其他资料建议不超过75字/行也(yě)可以接受。但你一定会问,不按这(zhè)样的标准做(zuò)又会怎样?
太长(zhǎng)-如果(guǒ)一行里文字太(tài)多,用户眼球(qiú)很难长时间(jiān)聚焦文本。因为文本长度(dù)过长会(huì)让人很难注意到(dào)段落(luò)的起点和终点。此外(wài),对(duì)于这么大块文本来说,也很(hěn)难对当前行进行继(jì)续(xù)阅读。(译者注:稍一走神儿,就(jiù)找不到读(dú)到(dào)哪(nǎ)了。都有过这(zhè)样的经历吧(ba)?) 太(tài)短-如果一行里(lǐ)文字太(tài)少,眼睛要不停的来回扫视,破坏(huài)了阅读节奏。同时,每行文本太短也(yě)样会让人觉得紧张,这行没看完就跳(tiào)到下(xià)一行去了(很可能一些重要(yào)的(de)词会被跳过)。 原本跳(tiào)到下一行文字时,潜意识里是(shì)会那(nà)么有点小亢奋(只要别太(tài)频繁,原因见上面两点)。因此在(zài)每一(yī)行(háng)的(de)开头,读者的精力(lì)都很(hěn)集中,但这种专注会逐渐消(xiāo)褪,可能还没等把这行看完(“Typographie”, E. Ruder)。
为了避免文本过长或过短所带来的弊端,同时(shí)又能持续的激励(lì)读(dú)者,我们建议把每(měi)行承载的文本量控制(zhì)在(zài)5-75个字符(译者注:中文建议35-45个(gè)汉字,14px)。
网页设计中如何获得最佳(jiā)长(zhǎng)度
在(zài)网页设(shè)计中(zhōng),可以使用(yòng)em或px(像素(sù))来实现每行字符的最佳数目(使用em可(kě)以(yǐ)获得很(hěn)好的效果,但操作起来比px略显复杂)。其实无论选择哪一种,要获得最佳效果,都(dōu)需要(yào)为你的读者设置一个固定宽度(dù)。
这也是我们为什么不推荐使用“流式”布局(jú)的原因之一:实际上你在强制用户通过改变浏览器窗口(kǒu),来获得(dé)更好的阅读体(tǐ)验。当想到时下显(xiǎn)示(shì)器屏幕有这(zhè)么多不同的分辨率,很明显,“流式”布局会让文本行变得要么宽,要么窄。
正如大家(jiā)看到的,在baymard.com站上,我们使(shǐ)用了17px的Arial来呈(chéng)现文(wén)字。文章容器(qì)宽度为504px,每一行大概65个字符。
在你的页面中,每(měi)行显示(shì)多少个字符?50-75个?如果(guǒ)你想让(ràng)你的读(dú)者拥有(yǒu)更(gèng)好的阅读体验,就(jiù)该(gāi)这么做。
专注(zhù):蚌埠网站(zhàn)建设-致力成为蚌埠网络公司(sī)首选企业!蚌埠网(wǎng)站(zhàn)制作、蚌埠做网站?当然(rán)开云网页版和华迅网络!
|