测试｜把阅读页做得舒服，从文字和留白开始

这是公开的前台测试文章，用于检查主题显示效果。内容为演示文字，后续可以在后台删除。

先把文字放在合适的位置

一个内容站打开之后，最先面对读者的是标题和文字。标题需要告诉人这一页在讲什么，摘要可以帮助人判断是否值得继续阅读，正文则需要让视线自然地走下去。这篇文章不讨论复杂的设计理论，只用一些真实的段落来看看页面是否舒服。

中文阅读尤其依赖行与行之间的节奏。行距太紧，几行文字容易挤成一团；行距太松，读者又可能难以把相邻的句子联系起来。段落之间的间隔也一样，它既要表达停顿，也不能让一个完整的意思被切得太碎。

这个段落用来观察强调文字。 其中还包含 轻微强调、行内代码 max-width，以及一个站内入口：返回首页。这些元素应该容易辨认，同时保持正文的阅读节奏。

标题要帮助人找到位置

长文需要章节，但并不是每两句话就必须出现一个标题。把内容拆成几个完整的小问题，往往比不断增加层级更有效。你可以点开这篇文章的目录，跳到任意章节，再看看正文顶部的阅读进度是否跟着变化。

一级章节里的小问题

小标题适合用来区分同一件事的不同侧面。例如，我们可以分别观察标题的大小、标题前后的间距，以及它与上一段文字的关系。桌面上的内容宽度和手机上的左右留白有所不同，但章节关系应当保持清楚。

读者可以停下来，再回来

很多时候，一篇文章不会被一次读完。读到一半切换页面、隔一会儿再打开，是很普通的行为。这一段之后还留有其他章节，可以用来查看阅读位置记录和继续阅读入口。重新打开页面时，先看到标题，再由自己决定是否回到上次的位置。

引用与列表各有用途

让页面的层级服务于内容：先看到标题，再理解摘要，最后安心读完正文。

引用应该与普通段落有区别，也需要足够的内部留白。如果引用很长，在手机上换成多行，边框和文字之间的间隔仍然需要稳定。这段引用并不是名人语录，而是专门为页面测试写的文字。

阅读时可以依次看看：

• 中文标点与相邻文字是否自然。
• 长标题换行以后是否仍然清晰。
• 列表中的第二行是否与第一行正确对齐。
• 图片、表格和代码是否只在自己的区域内变化，而不把整页撑宽。

桌面与手机的节奏

桌面屏幕有更多空间，但正文并不需要铺满屏幕。较窄的阅读区域能让每一行保持适当长度，视线回到下一行时也更容易找到起点。标题区可以比正文更开阔，给页面一个明确的开场。

手机上的文字则需要优先照顾手持阅读。左右留白不能太大，否则每一行只剩很少几个字；也不能完全贴边，否则阅读时容易感到拥挤。你可以旋转设备，或者缩小浏览器窗口，观察这一段的换行和间距。

读完以后，还能去哪里

文章末尾可以提供下一步，但不必堆满很多按钮。上一篇、下一篇和同话题内容都应该来自已经发布的真实文章。这一轮同时添加了图文、代码和工具清单，你可以在下面的“接着读”区域试着打开另一篇。

页面是否舒服，最后还是要回到阅读本身。希望这几篇测试内容能让首页、分类和文章页从空白的结构变成可以实际浏览的空间。等正式内容准备好以后，测试文章就完成了它们的任务。