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