InDesign：Liquid Layout (1)

时间：2023-07-20 21:36:01 | 来源：网站运营

时间：2023-07-20 21:36:01 来源：网站运营

InDesign：Liquid Layout (1)：作者：Pariah Burke 摘自的InDesign杂志，2012年4月/月（第47期）

1.什么是Liquid Layout？

Liquid Layout是一种自动或半自动地将页面内容和对象从一个页面大小或方向调整到另一个页面大小或方向的方法。它是使用长期以来一直是InDesign的一部分的命中或错过布局调整功能的替代方案; 实际上，它可以直接替代布局调整。

那么Liquid Layout能为你做什么呢？简短回答：它可以为您节省数小时甚至数天的时间，将相同的内容重新制作成不同的布局，页面大小和方向。它可以完成布局调整的所有功能，但手动清理的次数要少得多......而且只需要多一点准备工作。

好的，这是简短的回答。想了解更多细节？还需要说服吗？看一下

我从左边的页面开始，在从原来的iPad纵向（768×1024像素）调整到横向（1024×768像素）后，Liquid Layout给了我右边的页面。我没有做任何手动重新定位或调整大小; 我甚至没有手动将文本框从2列更改为3列。结果并不完美，但它比布局调整能让我更接近。

Liquid Layout可以在您更改页面大小或方向时为您移动和/或调整对象大小，而不仅仅是数字输出格式。在处理多种打印格式时，它非常有用。例如，假设您正在制作一本非小说类书籍，并且您将制作它的精装和平装版本。对于大多数设计师而言，这通常意味着两个完全不同的布局，彼此独立构建，文本从Word文档和图形，侧边栏等中为每个版本单独手动定位。对于使用锚定对象等更精通的布局艺术家来说，工作流通常是创建精装版布局的副本，启用布局调整以及调整页面大小。布局调整将完成大部分繁重的工作，以回流和重新定位锚定的物体，但是还有很多手动清理工作要做。使用LiquidLayouts，工作流程为：使用锚定对象创建精装版，在需要时准备要调整大小的对象，为平装版创建副本，调整页面大小以及执行最少的手动清理。如果您需要第三版 - 可能是大字体版或屏幕版或平板电脑版 - 这同样易于创建，因为原始版本已准备好更改为任何页面大小，任何格式。

让我们来看看网站或数字杂志的工作流程。通常，布局从一个适合iPad的页面方向（例如肖像）开始。然后复制文档，重新定向以用于其他查看模式（横向）。从那里开始，它变得非常复杂，因为不仅需要为新方向重新定位对象，通常需要将文本框架调整到更宽的区域，从一列移动到两列，从两列移动到三列，或者有你。一旦完成这项工作，你仍然需要为三星Galaxy以及其他7英寸和10英寸Android平板电脑创建纵向和横向版本。平均而言，只有大约三分之一的数字杂志生产时间用于设计杂志; 另外三分之二，使用Liquid Layout，您甚至可能不需要设计第二个布局，更不用说它之后的所有内容。想一想：数字杂志，ecatalog或富媒体电子书的制作时间减少了66％。

2. 如何使用Liquid Layout

与CS5中引入的Gridify一样，Liquid Layout是一组行为，而不是InDesign的工具，命令，面板或功能。无论您的行为是否暴露其行为，它都是程序的一部分。

让我们从一个简单的步骤开始。

在InDesign软件中，打开或创建一个看起来像图2中的单面文档（这个文档大小为8.5×11Letter，尺寸可以自定）。

理想情况下，您需要一个包含多列文本框架的文档，也可能是一两个图像。

选择布局>布局调整，并通过清除对话框中的复选框确保禁用布局调整

转到控制我们刚查看的文档页面的母版页，然后通过“页面”面板（CS5和更高版本）底部的“编辑页面大小”按钮调整其大小。我将自己设置为Tabloid。现在切换回文档页面以观察更改。此操作在CS5或CS5.5中完成，默认情况下布局调整关闭，将导致您在图4中看到的图像，其中文档页面大小从其中心向外扩展以匹配其主控的新大小，但是该页面上的对象保持完全不变 - 只是漂浮在更大的纸张中。

使用Cmd + Z / Ctrl + Z撤消页面大小更改。

这次，启用布局调整，然后调整母版页的大小。您的文档页面现在应该如图5所示。请注意，文本框现在可以正确调整大小以遵循边距指南。文本本身并没有改变大小，但框架确实如此，并且它保留在两列中，每列只是放大以平分11×17英寸页面提供的现在更大的空间。但是，布局调整不能很好地处理未锚定的图形框架。

好的，让我们再试一次。

从相同的文档开始，使用在两列中填充占位符文本的主文本框架和相同的非锚定图像。（如果你还没有注意到，CS6用“主要文本框架”取代了“主文本框架”的概念和行为，你不必手动覆盖的东西！）

再次确保禁用布局调整（液体布局在技术上仍然可用，在“液体布局”面板弹出菜单中）后，转到母版页，然后使用“页面”面板底部的“编辑页面大小”按钮将其调整为小报。切换回文档页面并将结果与 CS5 / 5.5提供的结果进行比较。在这里，我们看到了Liquid Layout行为的第一个暗示（图6）。文本框架的行为与以前版本的InDesign完全相同，但图形框架保留其与该文本框架的相对位置 - 同样，该框架未锚定或内联。

在这一点上你可能会想：它移动了一张图片，但在其他情况下加速了布局调整的行为也许你还在编制一系列如意行为，如下所示：

-调整文本大小和文本框架。

-添加（或删除）其他列以填充新空间，而不是加宽（或缩小）现有列。

-调整图像大小而不是仅移动图像。

-保持内容与一个或两个边距保持相同的距离，同时增加内容与其他边距之间的空间。

或者，在相同的情况下，将内容固定为一个或两个边距，并在其他边距的方向上拉伸或调整其大小。

这是一个非常重要的愿望清单。你可能认为它是天空中的馅饼。实际上，Liquid Layout可以授予所有这些愿望。你只需要选择正确的规则并做一些我一直提到的准备工作。

3.规则

Liquid Layout规则类似于您为InDesign指定的指令，用于控制页面上元素的大小调整和重新定位，以响应页面大小或页面方向的更改。默认情况下，没有液体布局规则应用于主页或文档页面。但是，如果在“页面”面板中选择文档或母版页，则可以将其更改为几个非常有用的规则之一。

然而，在进入这些之前，我应该建议您，液体布局和布局调整彼此不兼容。如果启用“布局调整”，则会停止“Liquid Layout”行为的运行。

受主页控制

第一个Liquid Layout规则由Master控制，这意味着文档页面根据您应用于母版页的任何液体布局规则进行调整。并且因为母版页的默认规则是“无”，所以在更改母版页上的规则之前，这最终只是略微改进的布局调整。

如果这就是你所需要的，那么你就去了 - 改进了布局调整。如果您需要更高级的布局调整，则需要使用不同的规则。

规模规则

理解“缩放”规则的一种简单方法是考虑在手动调整大量对象时会发生什么。您可以对对象进行分组，按住Cmd + Shift / Ctrl + Shift，然后单击并拖动组中的一个控制角来调整对象框架及其内容（文本，图像，视频等）的大小。Scale规则完全相同（但没有对对象进行分组），它可以响应页面大小的变化。我们来试试吧。

以与上面使用的文档页面相同的方式开始，或者稍微复杂一些，比如图7中的页面布局。

假设我需要创建一个11×17英寸的8.5×11英寸布局的副本。在这种情况下，我们只希望这一页改变。因此，为了使用除Master控制之外的任何规则，我需要更改文档页面而不是其主页。因此，我将选择“页面”工具（“工具”面板上的第三个工具），它将“控制”面板设置为“页面”模式

我想在此模式下在“控制”面板上执行的第一件事是将“液体页面规则”下拉列表更改为 - 缩放。然后，在左边，我将宽度和高度（页面）字段更改为Tabloid，16×20英寸。瞧！该页面将成为您在图10中看到的页面，其中包括所有框架及其内容按比例调整大小，就像您将它们分组并手动调整该组的大小一样。

我的设计两侧的额外空白是由于Scale规则按比例缩放整个页面内容直到它到达页面边缘（水平或垂直修剪边缘）。然后内容在另一个平面上居中，根据需要留下空间。当空间位于顶部和底部时，它被称为letter-boxing; 两侧的空间被称为柱式拳击。如果您的旧页面大小和新页面大小不是相同的比例，您将最终使用一种或另一种形式的装箱，要求您更改页面尺寸，或者更有可能手动调整内容以适应。

顺便说一下，缩放是唯一实际改变类型和图像大小的Liquid Layout规则，至少不使用AutoFit拟合选项，我将在后面讨论。所有其他规则仅仅改变了框架的尺寸，而不是它们的内容。

重新中心规则

重中心液体布局规则不会调整任何大小。相反，它仅仅保持内容在页面边缘的水平和垂直方向上完美居中。您并不需要完整的演练，但这方便地让我有机会确保您在手动调整页面大小时了解页面的新外观和功能以及页面工具。

选择页面工具。

在“控制”面板或“液体布局”面板上，将规则设置为“重新居中”。

您可能已经注意到，在页面工具处于活动状态时，ID会在页面本身上显示一个带有一组唯一控制角的边界框

现在，您可以像在任何帧中一样手动调整页面大小，或者像在Illustrator中更改画板大小一样，而不仅仅是选择页面并在控制面板中更改大小视图。只需拖动一个控制角。继续，拖动其中一个控制角。

您将看到页面调整大小并且内容保持居中。

然后，当您松开鼠标按钮时，页面将恢复原样！你没有做错任何事; 您的InDesign CS6副本按其设计运行。Adobe（在一个决定中，我确信只是为了混淆和迷惑创意'已经截止日期 - 多任务和太多任务的思想）使得使用Page工具拖动页面的控制角只是预览变更而不是提交它。如果您确实要更改页面大小，则必须先按住Option / Alt，然后再开始拖动页面的控制角。

Adobe表示，逻辑上，Liquid Layout预计最常用于输出到固有支持液体布局的格式，例如HTML，SWF，以及在未来版本中用于平板电脑的Adobe Digital Publishing Suite内容查看器。Adobe希望您能够在查看设备可用于创建更改的内容上设置Liquid Layout规则。因此，他们说，使用Page工具临时调整页面大小，从而预览网页浏览器或移动设备中的页面会发生什么事情，用户将比使用Page工具实际调整页面大小更频繁。使用重新中心规则时要记住的其他事项：它只适用于使页面更大。例如，它是Web内容的理想选择。如果网站设计不能完全流动，即适应填充浏览器窗口的所有尺寸，大多数网页设计师将创建960px的固定或最大宽度布局，或者在布局中断之前其内容可以支持的最大布局下。然后整个页面内容将以浏览器窗口为中心，以柱状框为单位，空白区域（或背景图像）位于任意一侧。如果您将页面的大小设置为小于其内容，则重新中心规则将强制该内容落在页面修剪区域之外，在导出时裁剪该内容。换句话说：如果您要调整页面大小，请不要使用重新中心规则。

基于指南的规则

这是我们开始了解Liquid Layout行为的真正潜力的地方。到目前为止，使用Scale和Re-center规则，我们已经缩放了内容并将其移动，但始终保持组件对象之间的相同关系。物体本身实际上并没有适应页面尺寸和方向 - 如果你愿意的话，它们并不是液体。基于指南和基于对象的规则控制Liquid Layout如何转换单个对象以进行真正的自适应布局更改。

基于指南的规则与InDesign中的其他行为之间确实没有任何关联。虽然Adobe的想法开始从Illustrator，Fireworks和Flash中的3和9切片缩放中汲取灵感，但实现完全脱离了最初的概念。这是一种全新的做事方式。我们的想法是，通过放置一个指南 - 一种称为液体指南的新的特殊指南 - 使其触及页面上的一个或多个对象，这些对象将以不同的方式扩展或收缩，增长或缩小以适应改变页面尺寸。如果它听起来容易混淆，那是因为它很简单，而且会让你感到困惑。试试看。

从如图11所示的混合内容布局开始，拖动垂直标尺指南并将其放下，使其接触页面上的一个或多个（但不是全部）对象。

现在，在黑箭选择工具处于活动状态时，将光标悬停在刚刚创建的指南顶部附近。距指南顶部不远处，您会看到一个图标（图13），表示该指南是标尺指南。

（您实际上可以将选择工具光标悬停在指南的任何位置，图标将显示在顶部，但如果您从那里开始，则下一步会更容易。）当指南仍处于选中状态时，单击该图标; 整个指南将从实体变为虚线，图标也会发生变化。您现在已将标尺指南转换为液体指南。

切换到页面工具并将“液体布局”规则设置为“基于指南”。

使用“页面”工具，“控制”面板上的页面大小“宽度”字段或“页面”面板底部的“页面大小”按钮加宽页面。

当我再次将页面扩大几乎100％时，请参见图14查看结果。您是否注意到液体导板触及的物体调整大小而未触摸的物体在尺寸和位置上保持固定到布局的另一侧？

现在，在保持页面工具处于活动状态的同时，将水平向导拖出标尺并将其放置在页面上的某个位置，重叠一些但不是所有对象。请注意，在页面工具处于活动状态时创建指南时，它会自动成为流动指南; 使用任何其他工具激活这样做会使我们的老朋友成为标准标尺指南。