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