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