基于InDesign的自适应跨媒体排版技术

创建自适应版面的四种规则

在lnDesign CS6中，利用“创建替代版面”和“自适应版面”功能，可以显著减少针对跨媒体出版中基于不同页面大小时内容重排所需的工作量。内容重排时可以根据需要自定义自适应页面规则，软件会自动将文本样式复制到新样式组，从而进行快速的定位排版。在在InDesign CS6中共有4种自适应排版规则，分别是基于缩放、基于中心、基于对象和基于参考线的规则。

①基于缩放：是将页面中的所有内容视为一个编组，当目标页面尺寸与源页面尺寸不同时，所有元素都按比例缩放，此规则适用于页面整体缩小或放大排版。

②基于中心：源页面中所有对象保持不变，原页面在新页面中保持居中，此规则的缺点是当目标页面的宽度和高度小于源页面时会产生文本溢出的情况。

③基于对象：为每个对象指定其在新页面中的相对位置，快速在新页面中调整对象。此规则适用于手机出版、移动媒体出版、传统印刷或网络再现。

④基于参考线：可以为源页面设定自适应参考线，从而对原有版面内容进行快速重新布局，此规则可以有针对性的剔除原有页面的内容。

基于参考线的规则是通过在源页面上添加参考线，从而达到对页面中内容进行重新布局的目的。在InDesign CS6中，通过移动工具或页面工具，可以在页面中添加普通或自适应参考线，其中普通参考线可以转换为自适应参线。参考线的类型及其在页面中的位置将影响自适应排版时页面内容在页面上的位置及大小变化。下面分别讨论基于普通参考线和自适应参考线的页面适应排版的规则。

1 基于普通参考线的页面自适应排版规则

基于源稿在InDesignCS6制作中的文档用途不同，在其页面中使用普通参考线则会出现两种情况：①对于源稿用途为Web和数码发布：自适应排版时源页面元素的位置和大小一般不会随页面大小的变化而变化。图1a为在源页面中添加普通参考线，图1b为使用页面工具调整页面大小时源页面的变化。从图1b中可以看出，页面元素的位置和大小并未随着页面大小的变化而变化。②对于源稿用途为打印：与第一种情况相似，相当于把内容整体左移至与页面的左边相对位置保持不变。

2 基于自适应参考线的页面自适应排版规则

①参考线加在页面内空白处

为了获得基于自适应参考线的排版规则，设计如图2a所示源页面，并以水平自适应参考线为例进行分析。在源页面空白处添加水平自适应参考线，进行页面自适应调整，结果如图2b所示。從图2b中可以总结出如下自适应排版规则：a，参考线以下的内容与页面底边的相对位置不变；b，参考线以上内容与页面顶边的相对位置不变；c，参考线以下的内容之间相对位置不变；d，参考线以上的内容之间相对位置不变；e，参考线上、下内容之间的相对位置发生变化。此外，参考线的数量也会影响到自适应排版的结果，图2c是添加两条水平自适应参考线后目标页面的效果，读者可自行总结归纳。设置垂直自适应参考线的自适应排版规则和水平自适应参考线相似，在此不再赘述。

②参考线与页面内容叠加

当自适应参考线与页面元素叠加时，自适应排版规则是：页面元素的位置和大小随页面大小而变化。与垂直自适应参考线交叉的对象会在页面大小发生变化时，更改宽度。而与水平自适应参考线交叉的对象会在页面大小改变时候更改高度。

需要注意的是，自适应版面中“自动调整”选项的设置会对自适应排版规则有较大的影响。自适应版面中“自动调整”设置与“框架合适选项”中的“自动调整”是相互同步的，而且“框架合适选项”中“适合内容”的方式及“裁切量”大小也会影响到自适应排版的结果。此外，若将自适应参考线添加在框架上，则改变的是框架大小，框架相对于图像的大小、图像在框架内的位置也会经自适应变化后图像在页面的位置有所影响。

本例中以幅面为210mm×285mm的某杂志源页面为基础进行自适应排版，阅读器为iPad，目标页面尺寸为1024px×768px，近似为（361.244mm×270.933mm）的页面大小。

1 设计源页面

在IDCS6中设计如图3所示某杂志源页面，页面尺寸为210mm×285mm，出血尺寸为3mm。通过自适排版将此页面调整为符合iPad H阅读的目标页面。在目标页面中背景图填充整个页面，并保留“出血”来防止空白边，对人物进行“检测边缘”的路径剪切，“2013”“秋冬时装周”2个文本框位于页面版心内，文本框之间右对齐。正文文本框为默认行距，段落设置为“双齐未齐齐左”，缩进为“0”。

2 设置自适应排版规则

基于参考线位置变化对于“替代版面”和“自适应版面”效果的影响，对于覆盖整个版面的图片可以智能地保留图片的信息，并且可以有针对性的剔除原有页面的内容。对于不同的页面元素，基于参考线的缩放有着自己的个性，设置源页面中共有1个图像对象作为背景图，覆盖整个页面、另3个图形框架，以及4个文本框架。在应用基于参考线的自适应规则时，虽然A4页面与iPad页面之间信息容纳量差距不太大，而且在A4页面向iPad H页面转化过程中，高度的变化不大，而宽度的变化显著，这就要求排版者在对页面对象进行应用规则时分别考虑它们与参考线的关系。

设置目标页面大小，并在页面中添加自适应参考线，如图4所示。

①背景图片

应用基于参考线的自适应规则时，在A4页面与iPad页面之间信息的容纳量不同，并且A4页面向着iPad H对象转化过程中，宽度有着比较大的变化，对于做出血的背景图，必然存在裁切。而为了使背景图适应整个页面，在勾选自动调节后，也存在一定的图像失真。如果背景4个边缘的存在重要信息不允许丢失，那么在转换过程中则不适合用此类转化法，可以基于缩放的自适应排版。针对目标页面的宽度远大于源页面的情况，相对来说基于“缩放”的转化对于版面的利用率不高。在本案例中背景图不包含重要的信息内容，与参考叠加时，勾选“自动调节”。

②图形框架

应用基于参考线的自适应规则，通过设定参考线与对象之间的相对位置的关系来调整对象的尺寸变化和与页面的位置关系，与对象叠加的、竖参考线分别调整对象高、宽。新页面中有的为了保留某些重要的对象的尺寸来满足整体排版效果，可以选择参考线避开该对象。有的对象尺寸影响不大，并且需要随着页面大小而变化的对象，可以选择参考线与其叠加。在这里为了保持人物原有的比例，而页面元素比较多，很难避开与垂直参考线叠加，因此这里对图像设置都不勾选“自动调节”，框架合适选项中选择“内容居中”，然后可以通过修改图形框架的宽度，在可以错开目标页面中图像之间的相对距离，效果可见最终目标页面。

③文本框

自适应参考线对于文本框同样有缩放的作用。参考线对于文字对象的“字符”的属性没有影响，其本质改变了的文本框架的属性，从而改变了不同文本框内文字之间的相对位置，其次文本框内文字的“段落属性”如对齐方式、行数设置、左右缩进以及文本框自身的属性如長宽尺寸，分栏等也会对参考线作用效果有所影响，而这与其lnDesignCS6自定义自动的排版规则有关，为了保持相邻的文本框之间的相互的位置关系可以进行编组处理。在利用自适应参考线应注意，当文本框架与参考线叠加时，有可能由于文本框尺寸发生变化，导致字体无法显示，转化前可以适当加大文本框高宽。在本案例中我们改变源图4文本框架大小使它恰好适合内容，然后“2013”以及“秋冬时装周”文本框架段落重新设置为“居中对齐”，不改变正文文本框架，并使它们都与垂直参考线叠加而避开水平参考线。

3 创建替代版面

为了使页面中其他元素整体大致位于页面版心处，并且能很好的平铺于页面4个角落，利用2条水平参考线，1条略高于除背景外所有页面元素，1条略低于除背景外所有页面元素。至此一共添加4条参考线。从源页面A4页面到iPad H页面通过创建替代版面得到自适应版面，如图5所示。

InDesign CS6所创建的4种自适应规则有不同的特点及应用范围。当新页面的尺寸与源页面存在等比例关系，“缩放”的规则有着明显的效果；当新页面需要所有对象整体居中时，而且源页面的宽、高都略小于目标页面时，可以利用“重新居中”规则轻松完成；当新页面需要某个或某些对象重新调整位置，基于对象都可以进行快速排版。而对于那些只改变对象的尺寸和位置时候，可以巧用。“自适应参考线”。