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