让内容有秩序,让阅读有呼吸
从结构出发,用选择解释设计
杂志网格是为内容安排位置的参照关系。先决定读者应当先看到什么,再安排标题、正文、图像和注释。栏线帮助元素形成对齐,留白则让信息之间的关系更清楚。网格是否合适,要放入真实长度的文字才能判断。
本站以原创示意图和虚构小刊练习展开,不对应任何真实出版物。图中的短线表示文字的密度,几何构图表示图像占位的范围;阅读文章可看到这些形状背后的选择依据。
先做一页。从栏数文章开始,用一篇短访谈和一幅插图搭起版心,再处理标题和图注。
再做一组。把同一套规则应用到跨页,通过改变图像跨度和留白位置产生节奏。
最后做校样。按实际尺寸阅读、核对文字是否完整、检视装订中缝附近的信息,再记录下一次调整的原因。
留白怎么分:先画版心,再放内容
文字层级:让标题、导语和图注各有职责
基线节奏:让相邻文字栏一起落稳
图片跨栏:先保留主体,再决定跨度
跨页阅读:安排入口、展开与停顿
动手练习 · 栏数选择
动手练习 · 页边留白
动手练习 · 文字层级
动手练习 · 基线节奏
动手练习 · 图片跨栏
动手练习 · 跨页阅读
路径一 · 从结构到细节
- 1栏数怎么选:从两栏到六列模块确定版心
- 2留白怎么分:先画版心,再放内容分配边界
- 3文字层级:让标题、导语和图注各有职责建立次序
- 4基线节奏:让相邻文字栏一起落稳统一节奏
- 5图片跨栏:先保留主体,再决定跨度安排图像
- 6跨页阅读:安排入口、展开与停顿串联页面
路径二 · 按校样问题排查
- 1文字层级:让标题、导语和图注各有职责入口不清
- 2图片跨栏:先保留主体,再决定跨度裁切失误
- 3留白怎么分:先画版心,再放内容关系拥挤
- 4基线节奏:让相邻文字栏一起落稳行位偏移
- 5栏数怎么选:从两栏到六列模块空间不足
- 6跨页阅读:安排入口、展开与停顿顺序中断
六个可重复使用的判断方法
从内容到版面先列信息清单
分别写下主标题、导语、正文、图像、图注和页码。内容都在纸面上,才能判断空间是否足够。
只改一个变量
比较两个版本时先固定字号和内容,只改变栏数;否则很难说清改善来自哪里。
把对齐画出来
在草图上延长标题左缘、图像边缘和正文边界,检查它们是否落在有意选择的参照线上。
用真实文本试排
连续标点、长人名和不同段落长度都会改变行尾。短线示意适合构思,定稿需要真实内容。
把页面缩小看
先看标题、图像和白块的大小关系,再放大检查正文。两种尺度回答不同的问题。
用纸样检验阅读
数字画布看不出翻页和握持的全部影响。按实际尺寸打印草样,再检查中缝和页边信息。
把设计过程留下来
用于自我复盘保留初稿
存一份修改前页面,下一次比较才有依据。
写明变量
记录栏数、栏距和正文行距,避免只写“更好看”。
说明目的
例如希望图注更容易找到,而非单纯扩大字号。
观察副作用
标题变大后,是否让正文被挤到下一页?
允许局部变化
专题开页可以改变跨度,页码仍沿用统一位置。
留下下一步
写下一个待验证问题,让下次校样有明确焦点。
看似整齐之外的四个取舍
没有万能数值规则与例外
一幅主图跨出正文栏可以强调主题,但若每个元素都破格,读者就失去判断普通内容与重点的参照。先建立规则,再为例外写出理由。
控制例外紧凑与拥挤
增加信息密度时,优先删掉重复标签或缩短图注。直接压缩全部行距,会让不同层级的信息一起变得难读。
检查内容对称与中缝
跨页对称可以带来稳定感,但装订会影响中间可见区域。示意图中的中心线不是放置细节的安全位置。
检查纸样纸面与屏幕
纸面双栏依赖固定尺寸,手机屏幕需要按阅读顺序重新排列。保留标题与图注的关系,比强行缩小整张页面更有用。
按媒介调整