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