阅读说明 设计流程
杂志网格原创示意:六列版心、标题跨度、图片区域与正文分栏
EDITORIAL GRID / 原创图例

让内容有秩序,让阅读有呼吸

杂志网格指南 · 从一张白纸开始的编辑设计练习
栏数与跨度 留白与比例 文字层级 基线与节奏 跨页与图像
本期练习:为虚构的《街角观察》文化小刊安排一组图文。每一次对齐、分栏和留白,都能说出理由。

从结构出发,用选择解释设计

面向自制刊物、文化手册与图文专题的入门练习。

杂志网格是为内容安排位置的参照关系。先决定读者应当先看到什么,再安排标题、正文、图像和注释。栏线帮助元素形成对齐,留白则让信息之间的关系更清楚。网格是否合适,要放入真实长度的文字才能判断。

本站以原创示意图和虚构小刊练习展开,不对应任何真实出版物。图中的短线表示文字的密度,几何构图表示图像占位的范围;阅读文章可看到这些形状背后的选择依据。

先做一页。从栏数文章开始,用一篇短访谈和一幅插图搭起版心,再处理标题和图注。

再做一组。把同一套规则应用到跨页,通过改变图像跨度和留白位置产生节奏。

最后做校样。按实际尺寸阅读、核对文字是否完整、检视装订中缝附近的信息,再记录下一次调整的原因。

原创练习 具体尺寸 选择对比 操作步骤 适用情景 校样问题
6
具体主题指南
12
图文阅读入口
6
原创主题图例
2
有序阅读路径
8
首页常见问答

图例与练习档案

6 篇指南 · 6 个练习入口 查看全部 →

六个可重复使用的判断方法

从内容到版面

先列信息清单

分别写下主标题、导语、正文、图像、图注和页码。内容都在纸面上,才能判断空间是否足够。

只改一个变量

比较两个版本时先固定字号和内容,只改变栏数;否则很难说清改善来自哪里。

把对齐画出来

在草图上延长标题左缘、图像边缘和正文边界,检查它们是否落在有意选择的参照线上。

用真实文本试排

连续标点、长人名和不同段落长度都会改变行尾。短线示意适合构思,定稿需要真实内容。

把页面缩小看

先看标题、图像和白块的大小关系,再放大检查正文。两种尺度回答不同的问题。

用纸样检验阅读

数字画布看不出翻页和握持的全部影响。按实际尺寸打印草样,再检查中缝和页边信息。

把设计过程留下来

用于自我复盘
记录 01

保留初稿

存一份修改前页面,下一次比较才有依据。

记录 02

写明变量

记录栏数、栏距和正文行距,避免只写“更好看”。

记录 03

说明目的

例如希望图注更容易找到,而非单纯扩大字号。

记录 04

观察副作用

标题变大后,是否让正文被挤到下一页?

记录 05

允许局部变化

专题开页可以改变跨度,页码仍沿用统一位置。

记录 06

留下下一步

写下一个待验证问题,让下次校样有明确焦点。

看似整齐之外的四个取舍

没有万能数值

规则与例外

一幅主图跨出正文栏可以强调主题,但若每个元素都破格,读者就失去判断普通内容与重点的参照。先建立规则,再为例外写出理由。

控制例外

紧凑与拥挤

增加信息密度时,优先删掉重复标签或缩短图注。直接压缩全部行距,会让不同层级的信息一起变得难读。

检查内容

对称与中缝

跨页对称可以带来稳定感,但装订会影响中间可见区域。示意图中的中心线不是放置细节的安全位置。

检查纸样

纸面与屏幕

纸面双栏依赖固定尺寸,手机屏幕需要按阅读顺序重新排列。保留标题与图注的关系,比强行缩小整张页面更有用。

按媒介调整

一份小刊的六步设计流程

按工作顺序阅读
STEP 01
整理素材
确定文章长度、图像方向与说明文字,标记必须一起出现的内容。
STEP 02
画出版心
先定纸张方向和页边,再在版心内分栏,不从页面边缘直接堆文字。
STEP 03
建立层级
用标题、导语和正文构成阅读次序,先不用额外装饰。
STEP 04
试排图文
先放最难安排的图像和最长段落,再检查剩余空间。
STEP 05
安排跨页
将开篇、展开与收束组成阅读节奏,并避开中缝关键细节。
STEP 06
打印复盘
核对文字、图注和页码,记录本次调整的目的及副作用。

开始排版前的常见问答

编辑答疑
完全没学过排版,从哪里开始? 问答
先读栏数文章,画一个180毫米宽的版心,再放入同一篇文字比较两种结构。
图里的短线是真实正文吗? 问答
短线只表示文字密度。正式排版时需换成真实长度的文字,不能用示意线代替内容核对。
这些毫米和pt数值可以直接套用吗? 问答
它们是原创练习的起点,不是通用规范。纸张、字体和制作方式变化后需要重新试排。
12张卡片对应12篇文章吗? 问答
不是。前6张是完整指南,后6张直达对应指南中的练习步骤。
学习路径按什么顺序排列? 问答
第一条从版心结构进入图文细节;第二条按校样时最容易定位的视觉问题排查,不表示热度。
不装设计软件也能练习吗? 问答
可以用纸、尺和剪下的文字块完成结构草图,再用常用排版工具落实到真实尺寸。
如何知道网格已经够用? 问答
当需要的内容都能完整安排、对齐有依据且阅读顺序明确,就先进入纸样检查,避免无限增加列数。
这些图例来自真实杂志吗? 问答
均为本站原创示意图。《街角观察》是虚构练习刊物,不引用真实刊物的成品版面。