概览
杂志排版的三个特征
一、标题可以「过大」
普通网页的标题通常控制在 48-56px。Editorial 允许到 72px,甚至让标题跨两栏。夸张的标题是杂志最强的信号。
二、分栏不是为了塞更多字
两栏排版在 1440px 宽度下,每栏约 55-65 个字符——正好是舒适阅读区间的上限。三栏会太窄,单栏(900px+)眼睛回扫距离过长。
三、首字下沉只是开始
真正的杂志感来自节奏变化:一段大标题、一段两栏正文、一张跨栏大图、一段引用、回到单栏。这种「呼吸感」比任何装饰都有效。
实现要点
- 正文用
display: grid+grid-template-columns: repeat(2, 1fr) - 需要跨栏的元素加
grid-column: 1 / -1 - 首字下沉用
::first-letter,配合float: left与行高对齐 - 引用块用左侧粗竖线 + 稍大字号,不用斜体(中文斜体是伪斜体,很难看)
适合谁
- 深度长文、系列专题
- 人物访谈、口述整理
- 任何「值得被认真排版」的内容