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