基于InDesign的自適應跨媒體排版技術

創建自適應版面的四種規則

在lnDesign CS6中，利用“創建替代版面”和“自適應版面”功能，可以顯著減少針對跨媒體出版中基于不同頁面大小時內容重排所需的工作量。內容重排時可以根據需要自定義自適應頁面規則，軟件會自動將文本樣式復制到新樣式組，從而進行快速的定位排版。在在InDesign CS6中共有4種自適應排版規則，分別是基于縮放、基于中心、基于對象和基于參考線的規則。

①基于縮放：是將頁面中的所有內容視為一個編組，當目標頁面尺寸與源頁面尺寸不同時，所有元素都按比例縮放，此規則適用于頁面整體縮小或放大排版。

②基于中心：源頁面中所有對象保持不變，原頁面在新頁面中保持居中，此規則的缺點是當目標頁面的寬度和高度小于源頁面時會產生文本溢出的情況。

③基于對象：為每個對象指定其在新頁面中的相對位置，快速在新頁面中調整對象。此規則適用于手機出版、移動媒體出版、傳統印刷或網絡再現。

④基于參考線：可以為源頁面設定自適應參考線，從而對原有版面內容進行快速重新布局，此規則可以有針對性的剔除原有頁面的內容。

基于參考線的規則是通過在源頁面上添加參考線，從而達到對頁面中內容進行重新布局的目的。在InDesign CS6中，通過移動工具或頁面工具，可以在頁面中添加普通或自適應參考線，其中普通參考線可以轉換為自適應參線。參考線的類型及其在頁面中的位置將影響自適應排版時頁面內容在頁面上的位置及大小變化。下面分別討論基于普通參考線和自適應參考線的頁面適應排版的規則。

1 基于普通參考線的頁面自適應排版規則

基于源稿在InDesignCS6制作中的文檔用途不同，在其頁面中使用普通參考線則會出現兩種情況：①對于源稿用途為Web和數碼發布：自適應排版時源頁面元素的位置和大小一般不會隨頁面大小的變化而變化。圖1a為在源頁面中添加普通參考線，圖1b為使用頁面工具調整頁面大小時源頁面的變化。從圖1b中可以看出，頁面元素的位置和大小并未隨著頁面大小的變化而變化。②對于源稿用途為打?。号c第一種情況相似，相當于把內容整體左移至與頁面的左邊相對位置保持不變。

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種自適應規則有不同的特點及應用范圍。當新頁面的尺寸與源頁面存在等比例關系，“縮放”的規則有著明顯的效果；當新頁面需要所有對象整體居中時，而且源頁面的寬、高都略小于目標頁面時，可以利用“重新居中”規則輕松完成；當新頁面需要某個或某些對象重新調整位置，基于對象都可以進行快速排版。而對于那些只改變對象的尺寸和位置時候，可以巧用?！白赃m應參考線”。