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