Readability: the Optimal Line Length

     Baymard.com版权所有

     作者：Christian Holst

     译者：UCD翻译小组，波希米亚

     原文地址： http://baymard.com/blog/line-length-readability

    译者序：直接捞干的来了！

    提升文本可读性的关键之一，就是让每行文本承载合适的字数。这不仅仅是设计一下文本宽度的问题，它也应该是一个易读性的问题。

    文本最佳长度是每行承载50-60字符，包括空格(“Typographie”, E. Ruder)。也有其他资料建议不超过75字/行也可以接受。但你一定会问，不按这样的标准做又会怎样？

    原本跳到下一行文字时，潜意识里是会那么有点小亢奋(只要别太频繁，原因见上面两点)。因此在每一行的开头，读者的精力都很集中，但这种专注会逐渐消褪，可能还没等把这行看完(“Typographie”, E. Ruder)。

    为了避免文本过长或过短所带来的弊端，同时又能持续的激励读者，我们建议把每行承载的文本量控制在5-75个字符(译者注：中文建议35-45个汉字，14px)。

网页设计中如何获得最佳长度

    在网页设计中，可以使用em或px(像素)来实现每行字符的最佳数目(使用em可以获得很好的效果，但操作起来比px略显复杂)。其实无论选择哪一种，要获得最佳效果，都需要为你的读者设置一个固定宽度。

    这也是我们为什么不推荐使用“流式”布局的原因之一：实际上你在强制用户通过改变浏览器窗口，来获得更好的阅读体验。当想到时下显示器屏幕有这么多不同的分辨率，很明显，“流式”布局会让文本行变得要么宽，要么窄。

    正如大家看到的，在baymard.com站上，我们使用了17px的Arial来呈现文字。文章容器宽度为504px，每一行大概65个字符。

    在你的页面中，每行显示多少个字符？50-75个？如果你想让你的读者拥有更好的阅读体验，就该这么做。

扩展阅读

    Better Web Readability Project http://code.google.com/p/better-web-readability-project/

     争论 iPad(上)：行宽与阅读 http://www.typeisbeautiful.com/2010/05/2537

     关于MacOS下字体的一些研究 http://www.pjhome.net/article/Web/mac_os_fonts.htm

建议继续学习：

1. 编程语言的可读性    (阅读：3957)
2. 代码的可读性和易读性    (阅读：2037)
3. 表格可读性提升分析    (阅读：1631)