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