在阅读此示例前,请先参照入门示例;

此示例最终会生成生成一个类似上图的一个多变的标签式产品型录,这是一个典型的三层可变示例,需要用到数据分层,打开“样册数据.csv”,可以看到某些列名后面有“+”、“-”字样,数据分层的概念详见数据结构。如果暂时不能理解数据分组的作用,可以随着示例进度逐步领会。

真实使用场景有一千多幅产品图片,不适合作为示例打包传输下载,所以使用了几个特定图片大量重复来代替,并且考虑到作为示例文件字体的普适性,没有使用专业字体,而是使用了目标电脑肯定会有的Adobe黑体,在实际使用案例中,完整的设计加上真实图片,效果要比示例文档高出几个档次。

新建文档

可变设计新建,弹出对话框后选择设计模式和可变数据。

在型录设计模式里,布局页面尺寸是最终装订成册的尺寸。
设计尺寸则是每个页面标签版面的尺寸。
确定后自动建立可变文档结构,并跳转到设计版面。

设计版面

如何插入标签变量,如何添加和组合状态这些基本操作在入门示例中已经提到过,不再赘述。

进阶示例会着重讲解入门实例中未曾提到的部分细节及高级应用。

一、个性化文本

如上图,价格前面有一个价格描述前缀,默认是“市场价”,在此我们希望能够根据价格高低对其进行不同的描述并且进行个性化设计,例如低于价格低于200称之为“惊爆价”,低于100称之为“超低价”。

为此,可以将“市场价”转换为一个动态文本,然后为此动态文本添加两个新的状态,如下图所示。

为特定状态添加特定条件

仔细分析一下条件设置发现有一个问题,假如价格为99,满足“超低价”的条件,但也满足“惊爆价”的条件,并且“惊爆价”在前,直接会使用“惊爆价”状态,没有达到设计的目的。

从这里可以看出,某些时候状态顺序也会起着重要作用,当顺序不对时,可以在策略对话框拖拽状态和其他状态交换位置,甚至可以和默认状态交换来重设默认状态。

二、多态图形的不同设计形式

可变设计是一个非常灵活的体系,同样的目的可以以不同的方式来实现,因此可以根据不同场景选用最合适最方便的设计模式。

在此设计中,会用到部分图标来表示产品的特征。

对应数据中的“特征一”、“特征二”标签,产品特征种类较多,并且可能在不同时期会增加新的特征,此时可以使用动态链接“素材\<特征一>.png”,需要使用的图标会在运行时动态载入并且适合图框的高度。如果下一季度增加了两种新的特征,那么将和特征描述同名的新特征图标直接丢到“素材”文件夹中即可,模板无需任何改变。

对应数据中的“品质”、“设计”标签,这两种标签取值基本上是明确的、固定的三种,这个时候直接将三个图标置入文档,组合成一个状态,并且在策略设置中绑定到对应数据。和动态链接相比,更直观更简单,也无须去设置图框的适合选项,在非常大量的数据时能够轻微提高处理速度。

三、动态定位及尺寸绑定

在产品属性文本框中,两个科技行是否出现取决于数据中“特征一”、“特征二”是否为空,在入门示例中我们已经了解到如何消除空行。

在消除空行后会出现一个问题是,文本框变矮了,导致版面变得不合时宜,如下图所示。

为了解决这个问题,我们点击齿轮按钮设置文本框的选项,设置为自动高度,当文本行减少时,文本框自动调整高度。

当文本框高度改变时,它的子对象会根据动态定位设置自动移动,设置了尺寸绑定的子对象会自动调整尺寸,如左边的竖线。如何设置动态定位以及尺寸绑定详见动态定位

将有关版面对象关联起来以后选中可以看到如下图这样的一个关系树。

当文本框变化时,相关对象会具有自我意识自动调整位置和尺寸。

子设计版面

每一个设计版面排版数据记录中的一个款号,同时每一个款号还包括不同的货号,这个货号的数量和内容是不确定的,我们无法在设计版面上直接排版,基本上所有的可变数据都会对此无能为力,但可变设计却能通过嵌套的可变数据优雅的解决这个问题。

点击设计面板上上方左三图标跳转到子设计版面。

当不同产品的图片排在同一个版面上时,我们总希望能够类似的图片总能保持相近的比例,如果图片在处理之初就能按照相对比例存储,那么可比设计时可以设置一个固定比例导入所有的图片,自然不存在什么问题。但更多出现的情形是图片来源可能不尽相同,并不能按固定比例导入,那就需要设置图框的适合选项将图片统一尺寸,假如整本画册都是相通类别的图片(例如全是鞋子),那么可以设置为图片适合框架,那么最后排到版面上所有鞋子的比例就可以得到统一。

本例图片包含各种尺寸类型,以方便演示复杂来源的图片该如何整齐划一的排版。
简单分析一下数据,可以得知货号图片基本上可以分为两个大类,上衣和裤子,那么可以将 上衣和裤子分两个子版面分开设计,不同类型上衣的高度总是近似一致的,可以设置适合高度来统一上衣的尺寸,而不同类型裤子的宽度总是近似一致的,可以设置适合宽度来统一裤子的尺寸。

上衣页面的图框设置。

导入图片适合高度时,宽度方向尺寸可能会改变,这里将页面设置为随内容改变页面宽度。

裤子页面的图框设置。

导入图片适合宽度时,高度方向尺寸可能会改变,这里将页面设置为随内容改变页面高度。

设置可变策略,当名称包含“裤”的时候使用裤子版面。

回到设计版面,添加一个容器,会根据当前激活的子版面尺寸显示布局预览。

容器的概念和设置详见容器

点击眼睛按钮预览看看。

动态主页

设计面板上点击左上按钮跳转到动态主页。
左右两个页面分别添加一个容器,设计版面将会在主页容器定义的范围内流动。

在主页上添加一个动态页眉,同时演示了动态链接应对多种类型图片的处理方式,如下图。

可以看到,嵌入文本的对象也可以使用动态链接,但不允许多状态和动态定位,不允许动态定位很容易理解。不允许使用多状态是因为在文本中你可以使用动态文本来实现多状态,假如动态文本中包含一个行内文本框,行内文本框中又包含若干动态文本,会形成一个复杂的嵌套,而在其中夹杂多态,会让情况变得更加复杂难以控制。

在文首的样本图片中可以看到,很多分系列章节的产品型录都会用到类似的侧边栏,当前章节用不同颜色高亮显示,非当前章节显示为灰色或者是白色,装订裁切后,可以在外部根据颜色直接打开到某个章节。

在此使用了动态表格的一个变体实现了动态侧边栏,如下图,建立一个单列多行的表格,第一行插入希望在侧边栏显示的文本变量,将单元格文本设置为竖排(不是文本框竖排,二者有很大区别),分别填色。

在表格或者单元格处于选中状态时,可变设计-组件-转换为动态表可用,转换后打开Indesign的单元格样式面板,

可以看到自动建立了一个样式组,在可变设计流程中,普通表格和动态表格可以并存,如果表格的第一行使用了单元格样式,并且此单元格样式存在于“$"开头的一个样式组中,则此表格被视为动态表格,按动态表格的原则处理。

可以看到根据表格行数自动建立了一系列单元格样式,第一个“默认”样式是动态侧边栏独有的样式,决定了非激活状态下单元格的外观。其他8个样式可以看成一个样式循环,数据的不同章节系列在激活时会循环使用这些样式,例如本次数据分7个系列,但下次可能是8个系列,可以预先添加8行,本次只会使用其中7行,如果行数比系列数量少,那么会循环使用。如果不同系列使用同样的颜色,那么只需要定义一个样式就可以了。

之后删除表格的其他行,保留第一个变量行即可,事实上预先填色的那些行不是必须的,我们事先建立它只是方便直观的设置单元格属性,以便程序能帮你从这些单元格的属性为基础建立样式。

人工定义一个动态侧边栏的过程如下: 插入一个单行单列的表格,然后建立一个“$"开头的样式组,然后建立一个默认样式并应用到表格的第一行,然后建立若干个样式预定义运行过程中动态建立的表格行的属性。

了解人工定义侧边栏的过程有助于理解如何精确定义你想要的表格效果,实际上还是通过“转换为动态表”来建立更加方便。

在Indesign中,单元格属性包含填色描边边距等等属性,但并不包含其中的段落样式,所以我们建立两个段落样式,区别在于一个使用黑色,一个使用白色。默认浅灰色背景和样式5黄色背景下使用黑色文字,其他使用反白文字。在单元格的选项中可以指定特定段落样式。

将动态表格所在文本框复制一份到右边,会发现一个问题,在左边的时候,单元格文本会设置为对齐右边,但在右边的时候,却需要对齐左边。为此我们可以复制一个样式组,将新样式组的默认样式单元格对齐和边距改成和左边相反,如下图所示,然后将新的默认样式应用到右边动态表格的单元格上。

注:样式组可以重命名,保留“$”,后面名称可以改为易识别文本以便他人能够正确使用。样式组里面除“默认”外也可以随意命名。当单元格内的文本竖排时,对齐方式的上下对齐实际上就是视觉上的左右对齐。

以上是主页的动态元素设计。通常主页还可能包括部分不变的静态元素,还有页码。因为动态生成的页面不见得就是整本画册的全部,可能还需要一些扉页、插页类的,也可能需要静态的主页元素和页码,所以这部分内容没必要在动态页面上设计,而是可以直接在文档的第一个主页上创建,动态主页会自动继承第一个主页的内容,第一个主页通常都会是“A-主页”,如下图,在“A-主页”创建的页码和页脚色标。

生成文档

和单页设计不同的是,自动生成的不见得就是最终产品的全部,因为可能还需要封面封底及部分插页。所以需要生成一个可编辑修改的indd文档而不是PDF。

可变设计-输出-生成文档,会生成一个以当前日期命名的indd文档,动态页面总会在文档当前页之后生成,文档创建之初总会有一个空白页,默认情况下动态页面会从第二页开始创建,如果你想让动态页面从奇数页开始创建,可以将模板文档的普通页面数量增加为偶数。

生成后打开页面面板,可以看到为每个系列都生成了一个可变主页,主页每个页面包含一个容器框架,如果你熟悉Indesign主页文本框架的话,就比较容易理解整个,虽然实现方式完全不同,但基本概念和想要达到的目的是一致的,就是用来从全局控制内容的排列和流动,例如你将“I-可变主页”容器框架向上移动,那么对应应用了“I”的页面上的所有标签版面也会向上移动,但通常情况下请不要更改动它。

编辑修改

可变设计的模板设计过程非常灵活强大,你可以为你想要生成的任何版式设计一个特定的版面,但请不要有强迫症,假如1000组数据中存在一个特例,并且这个特例只会用一次,与其为其独立设计一个独立的版面状态让模板变得复杂,不如在生成后单独去修改这个特例。

在生成的文档中,每一组数据都会变成一个标签版面,每个标签在页面上作为一个整体存在,使得页面变得干净整洁。双击标签即可进入内容编辑状态,此时,页面其他内容会自动隐藏,形成一个隔离模式,编辑完成后按“ESC”退出编辑状态。

可变设计的型录设计流程不但为设计师提供了方便的隔离修改模式,还提供了方便直观的内容顺序调整工具,如下图,标签版面被选中时,左上方会出现一个数字框,数字代表了此标签在产品系列中的顺序位置,左右的箭头显示此标签是在系列的开头、结尾还是中间。

点击数字框后,移动鼠标到其他标签上方,悬停于目标标签上中下三个位置时,会分别显示三个不同的图标,意指“Before”、“Exchange"和“After”,按下鼠标时,完成“插入目标之前”、“交换”、“插入目标之后”三种不同的操作。插入交换操作不限于本页,在整个文档范围内都可以进行,

当文档生成时,每个系列(对应一个主页)会自动另起一页,但某些时候,一个系列可能会分为若干个子系列,例如本例中,一个系列里面可能包含男款和女款,客户希望女款能够另起一页,这时,Ctrl + 鼠标双击一个标签即可将此标签设置为总是从新页面开始流动。

使用样式

在第一次做模板时,难免会有些考虑不周全,文档生成后,我们浏览一遍后发现,某些地方可能需要一点小改变,例如下图,当一个产品的子货号超过5个后,尽管衣服图片允许重叠,但放在一排似乎有点挤。这个可以看做是一个特例,将框架拉高到双倍高度,然后双击进入内部编辑将图片分两排排列,问题就可以解决了。

但如果这不算是一个完全的特例,还有很多类似的情况,此时我们会想一个简单一点的方法,达到修改一次,多次应用的目的,可变设计流程同样也提供了方便的样式概念。

生成后的文档依然保留了模板单元,回到模板的设计版面,为其添加一个双倍高度的版面状态,步骤很简单,复制状态——将新版面的容器拉大。

这是会发现默认的子版面尺寸在此时似乎有点大,那么可以为子设计版面您添加一个略小的状态,并将新容器的内容指定为此状态。(默认为自动,自动时会根据条件选择,此时我们需要强制使用特定状态)。

回到普通设计页面,所有的设计版面状态都会作为样式在样式面板上显示,我们可以自由指定想要的样式,后面的标签会自由流动,一切变得很简单。

如果觉得模板下次使用时还会遇到类似情况,可以直接将这个双倍高度的版面作为版面状态直接做到模板中,并且设置 “名称不包含裤”并且“子数据对象数量大于5”时使用此状态。