报纸按对开版面排版。广告横跨中缝,专题从第 4 版开始、在第 5 版结束,读者的眼睛期待两版并排出现。我们的电子报阅读器最初一次只显示一版。在 Inkfold 1.1 中,它可以显示对页,而要把这件事做好,牵动的地方比预想的多。
哪些版面应当放在一起
印刷报纸以单独的头版开始,然后是 2–3、4–5 这样的对页;总版数为偶数时,最后一版单独出现。阅读器正是按这一规则,根据当前版面计算要显示的版面,所以跳到第 5 版会打开 4–5 对页,地址栏显示这一对的第一版。之后翻页以对页为单位,版面计数显示“第 4–5 版”。
两版,同一高度
同一期的版面尺寸不一定相同:副刊可能是夹在对开大报里的四开小报。因此每一版都按第一个可见版面的高度缩放,两版放进同一个 flex 容器,中间留 4 像素中缝。缩放和拖动作用在容器上,而不是单独的版面上,所以两版总是一起移动,用百分比定位的新闻区域也始终精确覆盖在印刷的新闻上。

只在合适的地方使用
在手机上显示对页,只会得到两张看不清的邮票。阅读器只在显示区域宽度至少 760 像素时启用双页,宽度达到 1200 像素时默认开启,并把读者的选择保存在本地存储中。低于这个宽度时,同一个按钮只显示一条简短提示,而不会把两版硬塞进窄屏。
其他功能都要跟着调整
- 新闻列表:侧栏按版面标题分别列出两版的新闻。
- 锁定版面:付费期次中,对页的一半可能免费、另一半锁定;每一版各自显示订阅框,尺寸相对于版面,随缩放一起变化。
- 预加载:下一组对页的中等图片会提前加载,详见我们关于版面图片优化的文章。
- 从右到左:阿拉伯语下界面会镜像,但版面保持印刷顺序,因为报纸本来就是这样印的。
要点
- 用一条规则决定可见版面:头版单独,然后偶数–奇数成对。
- 把每一版缩放到同一高度,变换容器而不是单个版面。
- 只在宽屏上提供双页,并记住读者的偏好。
- 检查所有默认“只有一版”的功能:列表、锁定、预加载和阅读方向。
可以在 Inkfold 在线演示 中查看双页视图;软件可在 Charming Theme 购买。
正在为你的刊物规划数字版?和我们聊聊 — ArtinTech Solution 专门打造这样的阅读体验。