VOCABULARY / 词条
编辑式版面
Editorial Layout
把标题、导语(副标题/引言段)、正文、引文与图片说明按印刷编辑的做法组织成一篇长文页面,靠真实的标题层级与字号、字重差异共同表达谁是标题、谁是正文;引文从正文中摘出放大展示,用于强调而非替代信息,图片与其说明作为一个整体单元出现。

识别特征
- 使用真实的标题元素(如 h1/h2)区分标题与正文,而不仅靠字号变化
- 导语段落先于正文出现,字号或字重介于标题与正文之间
- 引文以更大字号从正文中摘出并重复展示,图片与其说明文字保持相邻、成对出现
概念边界
关注的是长文页面内部标题、导语、正文、引文、图注之间的排版关系与阅读顺序,不是网格本身的行列力学(模块化网格)或单一顺序内容流的取舍(单列布局)——编辑式版面通常搭在单列或模块化网格之上,但讨论的是页面内部的文本层级和图文关系,不是承载它的坐标系。瑞士风格是可选的视觉语言,跨越版式与视觉两个类别;编辑式版面不预设某一种视觉风格。
什么时候考虑它
- 呈现一篇有标题、导语、正文与配图的长文,如文章、专题报道或案例研究
- 正文较长,需要用引文制造视觉停顿并提示关键内容,帮助扫读
- 文中配有需要解释或归属的图片,说明文字必须与对应图片一起阅读
什么时候慎用
- 内容本身就是简短的列表或卡片摘要,没有连续正文与标题层级可组织
- 只需要决定页面用几栏网格或单一顺序列来承载内容——那是模块化网格或单列布局要回答的问题
- 为了视觉效果给普通段落套用标题标签或放大字号,而实际结构仍是同一层级的正文
取舍
清晰的标题层级和图文说明让长文更易扫读、更易被辅助技术理解结构,但引文摘录需要额外编辑判断——摘录不当会误导读者对正文重点的理解,制作与维护标题层级、图注关联也比单一样式的正文段落更费工。
条件规则 · 编辑建议
相关词条
编辑式版面常把正文放在单列布局之上,但讨论的是标题、引文、图注等文本层级,不是列本身的取舍。
模块化网格提供行列坐标系承载版面,编辑式版面在其上安排标题层级与图文关系;两者概念层级不同。
瑞士风格是跨越版式与视觉的字体、留白语言,可以叠加在编辑式版面之上,但编辑式版面本身不预设某一种视觉风格。
编辑式版面服务单篇长文内部的标题与正文层级,卡片网格服务多个同构条目的并列浏览,两者面对的浏览方式不同。
来源与支持范围
说明标题元素的作用是表达文档的语义层级,供屏幕阅读软件按标题跳转以了解页面结构;不应跳过标题层级,也不应把标题元素当作调整文字大小的手段,字号调整应使用 CSS 而非改变标题级别。
检索日期:2026-09-15 · 存档于 2026-09-16定义引文(pull quote)为从正文中摘出、用作版面视觉元素的关键语句或摘录,用来吸引读者阅读全文或突出某个要点;其内容本就来自正文,可能为节省空间或清晰而略作缩写或改写,而不是引入正文之外的新信息。
检索日期:2026-09-15 · 存档于 2026-09-16说明 figure 与其中的 figcaption 说明文字被作为一个整体单元引用;图片及其说明即使被移动到文档的其他位置也应保持关联、不影响主文流程,figcaption 同时为 figure 提供无障碍名称。
检索日期:2026-09-15 · 存档于 2026-09-16定义参考以上来源;数字界面示例、选择建议、条件关系及配方由本样例编辑,尚未经用户研究验证。
类型扩展与实现说明
尚无可操作的样本;插图为编辑示意。落地到产品时仍须验证:标题层级在真实内容管理系统中是否被正确保留、引文摘录是否与正文实时同步而不产生不一致、以及图片与说明在响应式断点下重排时是否仍保持关联不被拆散。
{
"states": [
"wide-multi-column-body",
"narrow-single-column-body"
],
"a11y": [
"标题层级连续且语义正确,供屏幕阅读器按标题跳转",
"引文在无障碍树中不重复播报为独立的新信息来源,图片说明与图片保持关联朗读"
],
"motion": "无"
}打开本词条的 Agent JSON 文件这个文件原样收录本词条的全部字段,并附上来源、存档与编辑声明。