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