什么是 Editorial Design？
Editorial Design（编辑设计）起源于出版业——报纸、杂志的版式编排。核心思路是：字体、字号、字重、间距本身就是视觉元素，排版即设计，不需要图片和装饰就能建立冲击力强的视觉层级。
在数字产品时代，Editorial Design 经历了一次重要的复兴。Bruno Simon、Lusion、Locomotive、Pentagram 等顶尖机构和设计师，将这套方法论移植到 Web 和 App 设计中：用 120px 的超大字号打破习惯性布局，用极细字体和极粗字体的对比制造张力，用留白作为主动设计元素而非被动空白。
"Typography is not about making words readable. It's about giving words a voice, a personality, a rhythm that readers feel before they consciously understand."
— Ellen Lupton, 《Thinking with Type》为什么它能体现设计认知深度？
大多数设计师把字体当工具——选一个好看的字，调好大小就算了。而真正懂 Editorial 的设计师，把字体当视觉材料——就像建筑师对待混凝土和玻璃。字号不是功能性选择，是情绪性决定；字重对比不是强调工具，是节奏乐器。
在面试和作品集中，能用 Editorial Design 方法思考版式的设计师，往往展现出更强的视觉品味和系统思维——因为这需要你真正理解对比、节奏、比例、空间这四大版式原则，而不是依赖漂亮的 UI 组件库。
留白是最贵的设计元素。当你敢于在重要内容周围留出大块空白时，意味着你已经理解了"稀缺即价值"这条视觉经济学定律。
核心设计原则
同一页面内，最大字号应是最小字号的 6-10 倍。例如：标题 96px，正文 14px，注释 10px。这种极端对比能在用户视觉进入页面的 0.1 秒内建立清晰的信息层级。
900 Black 超粗与 200 Thin 超细并置，制造戏剧性对比。注意：不要用 Regular(400) 和 Bold(700) 这种平淡组合——差异不够大就等于没有对比。大胆使用极端字重才是 Editorial 的精髓。
所有文本元素对齐到 8px 基线网格。当行高、段落间距、元素间距都是 8 的倍数时，页面产生视觉音乐感——这就是"垂直节奏"。Figma 中开启 Layout Grid 设置 8px 基础单元。
将字母或数字放大到超出屏幕边界，裁剪后作为背景图形元素使用——颜色设为极低透明度（5%-10%）。这是 Editorial Design 最标志性的视觉技巧，能在纯文字页面制造强烈的空间层次感。
代表案例与参考
以下案例展示了 Editorial Design 在不同场景下的高水平应用，从个人作品集到企业品牌官网均有覆盖。
First
更多参考：Pentagram 官网（经典 Editorial 排版）、Base Design（混合 Editorial 与极简）、It's Nice That（内容驱动 Editorial）。字体选择上，Neue Haas Grotesk、PP Editorial New、Canela 是目前 Editorial 设计中最常用的字体家族。
如何在作品集中应用
Step 1 — 只用 2 种字体：一款 Display 字体（用于标题）、一款 Text 字体（用于正文）。不要超过两种。推荐配对：PP Editorial New + Inter，或 Canela + Suisse Int'l。
Step 2 — 建立 Type Scale：定义 6 个字号档位（10 / 12 / 16 / 24 / 48 / 96px），每个档位只对应一个用途，绝不混用。这是建立视觉系统的基础。
Step 3 — 把第一屏的标题放大：首页标题尝试用 96px 或更大，哪怕只有一句话也不要缩小。极端大小 + 大量留白，是 Editorial 最快的入门技巧。
Step 4 — 排版即交互：滚动时标题尺寸从 96px 渐缩到 24px（scroll-driven animation），或者悬停时字母间距从 0 变为 0.3em——让排版本身参与交互叙事。