展现形式 · 概念
Single Column:连续阅读的单列正文
说明 Single Column 单列正文如何支持教程、政策等长文的连续理解,以及怎样控制行长、标题层级、文本放大和目录导航。
Single Column 让正文按一个主要阅读轴连续展开,是解释概念、讲述过程和提供完整说明的基础形式。它不是“没有设计”,而是主动减少视线切换,让结构主要由标题、段落、列表和媒体承担。
适合与不适合
适合教程、政策、故事、分析和需要按上下文连续理解的长文。不适合需要同时比较多个对象、快速浏览大量同类入口,或必须把操作控件长期保持在侧边的任务。
优点与缺点
| 优点 | 缺点 |
|---|---|
| 阅读顺序明确,跨设备退化自然 | 缺少标题与摘要时容易形成文字墙 |
| 语义结构容易保持完整 | 超长页面会增加定位和返回成本 |
| 对长标题、翻译和文本放大包容度高 | 不利于同时观察多个维度 |
| 无 JavaScript 时通常仍完整可用 | 行宽过长或过窄都会降低可读性 |
内容与排版要求
先用标题层级表达论证结构,再决定视觉间距。段落围绕一个主要观点,列表只在成员关系或顺序重要时使用。正文宽度应限制到可舒适追踪的范围,但不能用固定高度或裁切阻止用户调整字号、行距和字距。
响应式与无障碍
标题等级反映内容关系,不为字号跳级。页面放大或用户覆盖文本间距后,文字不能重叠、截断或丢失功能。目录是长文的辅助导航,不替代正文中的清楚标题;锚点到达后应避免被固定页头遮挡。
状态与退化
正文很短时无需制造目录或多个空章节。内容很长时增加摘要、目录、分节和相关入口,而不是把连续论证拆进 Accordion 或 Tabs。媒体失败时保留说明与文本替代;CSS 失效后仍按标题和段落顺序阅读。
发布前检查
- 标题能否单独构成文章结构摘要?
- 行长、字号和段落间距是否适合连续阅读?
- 文本放大和间距覆盖后是否重叠或截断?
- 目录与锚点是否真的帮助长文定位?
- 是否为了视觉变化而不必要地打断连续论证?