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