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