InDesign：Liquid Layout (1)

時(shí)間：2023-07-20 21:36:01 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-07-20 21:36:01 來源：網(wǎng)站運(yùn)營

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

1.什么是Liquid Layout？

Liquid Layout是一種自動或半自動地將頁面內(nèi)容和對象從一個(gè)頁面大小或方向調(diào)整到另一個(gè)頁面大小或方向的方法。它是使用長期以來一直是InDesign的一部分的命中或錯(cuò)過布局調(diào)整功能的替代方案; 實(shí)際上，它可以直接替代布局調(diào)整。

那么Liquid Layout能為你做什么呢？簡短回答：它可以為您節(jié)省數(shù)小時(shí)甚至數(shù)天的時(shí)間，將相同的內(nèi)容重新制作成不同的布局，頁面大小和方向。它可以完成布局調(diào)整的所有功能，但手動清理的次數(shù)要少得多......而且只需要多一點(diǎn)準(zhǔn)備工作。

好的，這是簡短的回答。想了解更多細(xì)節(jié)？還需要說服嗎？看一下

我從左邊的頁面開始，在從原來的iPad縱向（768×1024像素）調(diào)整到橫向（1024×768像素）后，Liquid Layout給了我右邊的頁面。我沒有做任何手動重新定位或調(diào)整大小; 我甚至沒有手動將文本框從2列更改為3列。結(jié)果并不完美，但它比布局調(diào)整能讓我更接近。

Liquid Layout可以在您更改頁面大小或方向時(shí)為您移動和/或調(diào)整對象大小，而不僅僅是數(shù)字輸出格式。在處理多種打印格式時(shí)，它非常有用。例如，假設(shè)您正在制作一本非小說類書籍，并且您將制作它的精裝和平裝版本。對于大多數(shù)設(shè)計(jì)師而言，這通常意味著兩個(gè)完全不同的布局，彼此獨(dú)立構(gòu)建，文本從Word文檔和圖形，側(cè)邊欄等中為每個(gè)版本單獨(dú)手動定位。對于使用錨定對象等更精通的布局藝術(shù)家來說，工作流通常是創(chuàng)建精裝版布局的副本，啟用布局調(diào)整以及調(diào)整頁面大小。布局調(diào)整將完成大部分繁重的工作，以回流和重新定位錨定的物體，但是還有很多手動清理工作要做。使用LiquidLayouts，工作流程為：使用錨定對象創(chuàng)建精裝版，在需要時(shí)準(zhǔn)備要調(diào)整大小的對象，為平裝版創(chuàng)建副本，調(diào)整頁面大小以及執(zhí)行最少的手動清理。如果您需要第三版 - 可能是大字體版或屏幕版或平板電腦版 - 這同樣易于創(chuàng)建，因?yàn)樵及姹疽褱?zhǔn)備好更改為任何頁面大小，任何格式。

讓我們來看看網(wǎng)站或數(shù)字雜志的工作流程。通常，布局從一個(gè)適合iPad的頁面方向（例如肖像）開始。然后復(fù)制文檔，重新定向以用于其他查看模式（橫向）。從那里開始，它變得非常復(fù)雜，因?yàn)椴粌H需要為新方向重新定位對象，通常需要將文本框架調(diào)整到更寬的區(qū)域，從一列移動到兩列，從兩列移動到三列，或者有你。一旦完成這項(xiàng)工作，你仍然需要為三星Galaxy以及其他7英寸和10英寸Android平板電腦創(chuàng)建縱向和橫向版本。平均而言，只有大約三分之一的數(shù)字雜志生產(chǎn)時(shí)間用于設(shè)計(jì)雜志; 另外三分之二，使用Liquid Layout，您甚至可能不需要設(shè)計(jì)第二個(gè)布局，更不用說它之后的所有內(nèi)容。想一想：數(shù)字雜志，ecatalog或富媒體電子書的制作時(shí)間減少了66％。

2. 如何使用Liquid Layout

與CS5中引入的Gridify一樣，Liquid Layout是一組行為，而不是InDesign的工具，命令，面板或功能。無論您的行為是否暴露其行為，它都是程序的一部分。

讓我們從一個(gè)簡單的步驟開始。

在InDesign軟件中，打開或創(chuàng)建一個(gè)看起來像圖2中的單面文檔（這個(gè)文檔大小為8.5×11Letter，尺寸可以自定）。

理想情況下，您需要一個(gè)包含多列文本框架的文檔，也可能是一兩個(gè)圖像。

選擇布局>布局調(diào)整，并通過清除對話框中的復(fù)選框確保禁用布局調(diào)整

轉(zhuǎn)到控制我們剛查看的文檔頁面的母版頁，然后通過“頁面”面板（CS5和更高版本）底部的“編輯頁面大小”按鈕調(diào)整其大小。我將自己設(shè)置為Tabloid?，F(xiàn)在切換回文檔頁面以觀察更改。此操作在CS5或CS5.5中完成，默認(rèn)情況下布局調(diào)整關(guān)閉，將導(dǎo)致您在圖4中看到的圖像，其中文檔頁面大小從其中心向外擴(kuò)展以匹配其主控的新大小，但是該頁面上的對象保持完全不變 - 只是漂浮在更大的紙張中。

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

這次，啟用布局調(diào)整，然后調(diào)整母版頁的大小。您的文檔頁面現(xiàn)在應(yīng)該如圖5所示。請注意，文本框現(xiàn)在可以正確調(diào)整大小以遵循邊距指南。文本本身并沒有改變大小，但框架確實(shí)如此，并且它保留在兩列中，每列只是放大以平分11×17英寸頁面提供的現(xiàn)在更大的空間。但是，布局調(diào)整不能很好地處理未錨定的圖形框架。

好的，讓我們再試一次。

從相同的文檔開始，使用在兩列中填充占位符文本的主文本框架和相同的非錨定圖像。（如果你還沒有注意到，CS6用“主要文本框架”取代了“主文本框架”的概念和行為，你不必手動覆蓋的東西?。?br>
再次確保禁用布局調(diào)整（液體布局在技術(shù)上仍然可用，在“液體布局”面板彈出菜單中）后，轉(zhuǎn)到母版頁，然后使用“頁面”面板底部的“編輯頁面大小”按鈕將其調(diào)整為小報(bào)。切換回文檔頁面并將結(jié)果與 CS5 / 5.5提供的結(jié)果進(jìn)行比較。在這里，我們看到了Liquid Layout行為的第一個(gè)暗示（圖6）。文本框架的行為與以前版本的InDesign完全相同，但圖形框架保留其與該文本框架的相對位置 - 同樣，該框架未錨定或內(nèi)聯(lián)。

在這一點(diǎn)上你可能會想：它移動了一張圖片，但在其他情況下加速了布局調(diào)整的行為也許你還在編制一系列如意行為，如下所示：

-調(diào)整文本大小和文本框架。

-添加（或刪除）其他列以填充新空間，而不是加寬（或縮?。┈F(xiàn)有列。

-調(diào)整圖像大小而不是僅移動圖像。

-保持內(nèi)容與一個(gè)或兩個(gè)邊距保持相同的距離，同時(shí)增加內(nèi)容與其他邊距之間的空間。

或者，在相同的情況下，將內(nèi)容固定為一個(gè)或兩個(gè)邊距，并在其他邊距的方向上拉伸或調(diào)整其大小。

這是一個(gè)非常重要的愿望清單。你可能認(rèn)為它是天空中的餡餅。實(shí)際上，Liquid Layout可以授予所有這些愿望。你只需要選擇正確的規(guī)則并做一些我一直提到的準(zhǔn)備工作。

3.規(guī)則

Liquid Layout規(guī)則類似于您為InDesign指定的指令，用于控制頁面上元素的大小調(diào)整和重新定位，以響應(yīng)頁面大小或頁面方向的更改。默認(rèn)情況下，沒有液體布局規(guī)則應(yīng)用于主頁或文檔頁面。但是，如果在“頁面”面板中選擇文檔或母版頁，則可以將其更改為幾個(gè)非常有用的規(guī)則之一。

然而，在進(jìn)入這些之前，我應(yīng)該建議您，液體布局和布局調(diào)整彼此不兼容。如果啟用“布局調(diào)整”，則會停止“Liquid Layout”行為的運(yùn)行。

受主頁控制

第一個(gè)Liquid Layout規(guī)則由Master控制，這意味著文檔頁面根據(jù)您應(yīng)用于母版頁的任何液體布局規(guī)則進(jìn)行調(diào)整。并且因?yàn)槟赴骓摰哪J(rèn)規(guī)則是“無”，所以在更改母版頁上的規(guī)則之前，這最終只是略微改進(jìn)的布局調(diào)整。

如果這就是你所需要的，那么你就去了 - 改進(jìn)了布局調(diào)整。如果您需要更高級的布局調(diào)整，則需要使用不同的規(guī)則。

規(guī)模規(guī)則

理解“縮放”規(guī)則的一種簡單方法是考慮在手動調(diào)整大量對象時(shí)會發(fā)生什么。您可以對對象進(jìn)行分組，按住Cmd + Shift / Ctrl + Shift，然后單擊并拖動組中的一個(gè)控制角來調(diào)整對象框架及其內(nèi)容（文本，圖像，視頻等）的大小。Scale規(guī)則完全相同（但沒有對對象進(jìn)行分組），它可以響應(yīng)頁面大小的變化。我們來試試吧。

以與上面使用的文檔頁面相同的方式開始，或者稍微復(fù)雜一些，比如圖7中的頁面布局。

假設(shè)我需要創(chuàng)建一個(gè)11×17英寸的8.5×11英寸布局的副本。在這種情況下，我們只希望這一頁改變。因此，為了使用除Master控制之外的任何規(guī)則，我需要更改文檔頁面而不是其主頁。因此，我將選擇“頁面”工具（“工具”面板上的第三個(gè)工具），它將“控制”面板設(shè)置為“頁面”模式

我想在此模式下在“控制”面板上執(zhí)行的第一件事是將“液體頁面規(guī)則”下拉列表更改為 - 縮放。然后，在左邊，我將寬度和高度（頁面）字段更改為Tabloid，16×20英寸。瞧！該頁面將成為您在圖10中看到的頁面，其中包括所有框架及其內(nèi)容按比例調(diào)整大小，就像您將它們分組并手動調(diào)整該組的大小一樣。

我的設(shè)計(jì)兩側(cè)的額外空白是由于Scale規(guī)則按比例縮放整個(gè)頁面內(nèi)容直到它到達(dá)頁面邊緣（水平或垂直修剪邊緣）。然后內(nèi)容在另一個(gè)平面上居中，根據(jù)需要留下空間。當(dāng)空間位于頂部和底部時(shí)，它被稱為letter-boxing; 兩側(cè)的空間被稱為柱式拳擊。如果您的舊頁面大小和新頁面大小不是相同的比例，您將最終使用一種或另一種形式的裝箱，要求您更改頁面尺寸，或者更有可能手動調(diào)整內(nèi)容以適應(yīng)。

順便說一下，縮放是唯一實(shí)際改變類型和圖像大小的Liquid Layout規(guī)則，至少不使用AutoFit擬合選項(xiàng)，我將在后面討論。所有其他規(guī)則僅僅改變了框架的尺寸，而不是它們的內(nèi)容。

重新中心規(guī)則

重中心液體布局規(guī)則不會調(diào)整任何大小。相反，它僅僅保持內(nèi)容在頁面邊緣的水平和垂直方向上完美居中。您并不需要完整的演練，但這方便地讓我有機(jī)會確保您在手動調(diào)整頁面大小時(shí)了解頁面的新外觀和功能以及頁面工具。

選擇頁面工具。

在“控制”面板或“液體布局”面板上，將規(guī)則設(shè)置為“重新居中”。

您可能已經(jīng)注意到，在頁面工具處于活動狀態(tài)時(shí)，ID會在頁面本身上顯示一個(gè)帶有一組唯一控制角的邊界框

現(xiàn)在，您可以像在任何幀中一樣手動調(diào)整頁面大小，或者像在Illustrator中更改畫板大小一樣，而不僅僅是選擇頁面并在控制面板中更改大小視圖。只需拖動一個(gè)控制角。繼續(xù)，拖動其中一個(gè)控制角。

您將看到頁面調(diào)整大小并且內(nèi)容保持居中。

然后，當(dāng)您松開鼠標(biāo)按鈕時(shí)，頁面將恢復(fù)原樣！你沒有做錯(cuò)任何事; 您的InDesign CS6副本按其設(shè)計(jì)運(yùn)行。Adobe（在一個(gè)決定中，我確信只是為了混淆和迷惑創(chuàng)意'已經(jīng)截止日期 - 多任務(wù)和太多任務(wù)的思想）使得使用Page工具拖動頁面的控制角只是預(yù)覽變更而不是提交它。如果您確實(shí)要更改頁面大小，則必須先按住Option / Alt，然后再開始拖動頁面的控制角。

Adobe表示，邏輯上，Liquid Layout預(yù)計(jì)最常用于輸出到固有支持液體布局的格式，例如HTML，SWF，以及在未來版本中用于平板電腦的Adobe Digital Publishing Suite內(nèi)容查看器。Adobe希望您能夠在查看設(shè)備可用于創(chuàng)建更改的內(nèi)容上設(shè)置Liquid Layout規(guī)則。因此，他們說，使用Page工具臨時(shí)調(diào)整頁面大小，從而預(yù)覽網(wǎng)頁瀏覽器或移動設(shè)備中的頁面會發(fā)生什么事情，用戶將比使用Page工具實(shí)際調(diào)整頁面大小更頻繁。使用重新中心規(guī)則時(shí)要記住的其他事項(xiàng)：它只適用于使頁面更大。例如，它是Web內(nèi)容的理想選擇。如果網(wǎng)站設(shè)計(jì)不能完全流動，即適應(yīng)填充瀏覽器窗口的所有尺寸，大多數(shù)網(wǎng)頁設(shè)計(jì)師將創(chuàng)建960px的固定或最大寬度布局，或者在布局中斷之前其內(nèi)容可以支持的最大布局下。然后整個(gè)頁面內(nèi)容將以瀏覽器窗口為中心，以柱狀框?yàn)閱挝?，空白區(qū)域（或背景圖像）位于任意一側(cè)。如果您將頁面的大小設(shè)置為小于其內(nèi)容，則重新中心規(guī)則將強(qiáng)制該內(nèi)容落在頁面修剪區(qū)域之外，在導(dǎo)出時(shí)裁剪該內(nèi)容。換句話說：如果您要調(diào)整頁面大小，請不要使用重新中心規(guī)則。

基于指南的規(guī)則

這是我們開始了解Liquid Layout行為的真正潛力的地方。到目前為止，使用Scale和Re-center規(guī)則，我們已經(jīng)縮放了內(nèi)容并將其移動，但始終保持組件對象之間的相同關(guān)系。物體本身實(shí)際上并沒有適應(yīng)頁面尺寸和方向 - 如果你愿意的話，它們并不是液體?；谥改虾突趯ο蟮囊?guī)則控制Liquid Layout如何轉(zhuǎn)換單個(gè)對象以進(jìn)行真正的自適應(yīng)布局更改。

基于指南的規(guī)則與InDesign中的其他行為之間確實(shí)沒有任何關(guān)聯(lián)。雖然Adobe的想法開始從Illustrator，F(xiàn)ireworks和Flash中的3和9切片縮放中汲取靈感，但實(shí)現(xiàn)完全脫離了最初的概念。這是一種全新的做事方式。我們的想法是，通過放置一個(gè)指南 - 一種稱為液體指南的新的特殊指南 - 使其觸及頁面上的一個(gè)或多個(gè)對象，這些對象將以不同的方式擴(kuò)展或收縮，增長或縮小以適應(yīng)改變頁面尺寸。如果它聽起來容易混淆，那是因?yàn)樗芎唵危視屇愀械嚼Щ?。試試看?br>
從如圖11所示的混合內(nèi)容布局開始，拖動垂直標(biāo)尺指南并將其放下，使其接觸頁面上的一個(gè)或多個(gè)（但不是全部）對象。

現(xiàn)在，在黑箭選擇工具處于活動狀態(tài)時(shí)，將光標(biāo)懸停在剛剛創(chuàng)建的指南頂部附近。距指南頂部不遠(yuǎn)處，您會看到一個(gè)圖標(biāo)（圖13），表示該指南是標(biāo)尺指南。

（您實(shí)際上可以將選擇工具光標(biāo)懸停在指南的任何位置，圖標(biāo)將顯示在頂部，但如果您從那里開始，則下一步會更容易。）當(dāng)指南仍處于選中狀態(tài)時(shí)，單擊該圖標(biāo); 整個(gè)指南將從實(shí)體變?yōu)樘摼€，圖標(biāo)也會發(fā)生變化。您現(xiàn)在已將標(biāo)尺指南轉(zhuǎn)換為液體指南。

切換到頁面工具并將“液體布局”規(guī)則設(shè)置為“基于指南”。

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

當(dāng)我再次將頁面擴(kuò)大幾乎100％時(shí)，請參見圖14查看結(jié)果。您是否注意到液體導(dǎo)板觸及的物體調(diào)整大小而未觸摸的物體在尺寸和位置上保持固定到布局的另一側(cè)？

現(xiàn)在，在保持頁面工具處于活動狀態(tài)的同時(shí)，將水平向?qū)铣鰳?biāo)尺并將其放置在頁面上的某個(gè)位置，重疊一些但不是所有對象。請注意，在頁面工具處于活動狀態(tài)時(shí)創(chuàng)建指南時(shí)，它會自動成為流動指南; 使用任何其他工具激活這樣做會使我們的老朋友成為標(biāo)準(zhǔn)標(biāo)尺指南。