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