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