基于InDesign的自適應(yīng)跨媒體排版技術(shù)

創(chuàng)建自適應(yīng)版面的四種規(guī)則

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

①基于縮放：是將頁面中的所有內(nèi)容視為一個(gè)編組，當(dāng)目標(biāo)頁面尺寸與源頁面尺寸不同時(shí)，所有元素都按比例縮放，此規(guī)則適用于頁面整體縮小或放大排版。

②基于中心：源頁面中所有對象保持不變，原頁面在新頁面中保持居中，此規(guī)則的缺點(diǎn)是當(dāng)目標(biāo)頁面的寬度和高度小于源頁面時(shí)會(huì)產(chǎn)生文本溢出的情況。

③基于對象：為每個(gè)對象指定其在新頁面中的相對位置，快速在新頁面中調(diào)整對象。此規(guī)則適用于手機(jī)出版、移動(dòng)媒體出版、傳統(tǒng)印刷或網(wǎng)絡(luò)再現(xiàn)。

④基于參考線：可以為源頁面設(shè)定自適應(yīng)參考線，從而對原有版面內(nèi)容進(jìn)行快速重新布局，此規(guī)則可以有針對性的剔除原有頁面的內(nèi)容。

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

1 基于普通參考線的頁面自適應(yīng)排版規(guī)則

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

2 基于自適應(yīng)參考線的頁面自適應(yīng)排版規(guī)則

①參考線加在頁面內(nèi)空白處

為了獲得基于自適應(yīng)參考線的排版規(guī)則，設(shè)計(jì)如圖2a所示源頁面，并以水平自適應(yīng)參考線為例進(jìn)行分析。在源頁面空白處添加水平自適應(yīng)參考線，進(jìn)行頁面自適應(yīng)調(diào)整，結(jié)果如圖2b所示。從圖2b中可以總結(jié)出如下自適應(yīng)排版規(guī)則：a，參考線以下的內(nèi)容與頁面底邊的相對位置不變；b，參考線以上內(nèi)容與頁面頂邊的相對位置不變；c，參考線以下的內(nèi)容之間相對位置不變；d，參考線以上的內(nèi)容之間相對位置不變；e，參考線上、下內(nèi)容之間的相對位置發(fā)生變化。此外，參考線的數(shù)量也會(huì)影響到自適應(yīng)排版的結(jié)果，圖2c是添加兩條水平自適應(yīng)參考線后目標(biāo)頁面的效果，讀者可自行總結(jié)歸納。設(shè)置垂直自適應(yīng)參考線的自適應(yīng)排版規(guī)則和水平自適應(yīng)參考線相似，在此不再贅述。

②參考線與頁面內(nèi)容疊加

當(dāng)自適應(yīng)參考線與頁面元素疊加時(shí)，自適應(yīng)排版規(guī)則是：頁面元素的位置和大小隨頁面大小而變化。與垂直自適應(yīng)參考線交叉的對象會(huì)在頁面大小發(fā)生變化時(shí)，更改寬度。而與水平自適應(yīng)參考線交叉的對象會(huì)在頁面大小改變時(shí)候更改高度。

需要注意的是，自適應(yīng)版面中“自動(dòng)調(diào)整”選項(xiàng)的設(shè)置會(huì)對自適應(yīng)排版規(guī)則有較大的影響。自適應(yīng)版面中“自動(dòng)調(diào)整”設(shè)置與“框架合適選項(xiàng)”中的“自動(dòng)調(diào)整”是相互同步的，而且“框架合適選項(xiàng)”中“適合內(nèi)容”的方式及“裁切量”大小也會(huì)影響到自適應(yīng)排版的結(jié)果。此外，若將自適應(yīng)參考線添加在框架上，則改變的是框架大小，框架相對于圖像的大小、圖像在框架內(nèi)的位置也會(huì)經(jīng)自適應(yīng)變化后圖像在頁面的位置有所影響。

本例中以幅面為210mm×285mm的某雜志源頁面為基礎(chǔ)進(jìn)行自適應(yīng)排版，閱讀器為iPad，目標(biāo)頁面尺寸為1024px×768px，近似為（361.244mm×270.933mm）的頁面大小。

1 設(shè)計(jì)源頁面

在IDCS6中設(shè)計(jì)如圖3所示某雜志源頁面，頁面尺寸為210mm×285mm，出血尺寸為3mm。通過自適排版將此頁面調(diào)整為符合iPad H閱讀的目標(biāo)頁面。在目標(biāo)頁面中背景圖填充整個(gè)頁面，并保留“出血”來防止空白邊，對人物進(jìn)行“檢測邊緣”的路徑剪切，“2013”“秋冬時(shí)裝周”2個(gè)文本框位于頁面版心內(nèi)，文本框之間右對齊。正文文本框?yàn)槟J(rèn)行距，段落設(shè)置為“雙齊未齊齊左”，縮進(jìn)為“0”。

2 設(shè)置自適應(yīng)排版規(guī)則

基于參考線位置變化對于“替代版面”和“自適應(yīng)版面”效果的影響，對于覆蓋整個(gè)版面的圖片可以智能地保留圖片的信息，并且可以有針對性的剔除原有頁面的內(nèi)容。對于不同的頁面元素，基于參考線的縮放有著自己的個(gè)性，設(shè)置源頁面中共有1個(gè)圖像對象作為背景圖，覆蓋整個(gè)頁面、另3個(gè)圖形框架，以及4個(gè)文本框架。在應(yīng)用基于參考線的自適應(yīng)規(guī)則時(shí)，雖然A4頁面與iPad頁面之間信息容納量差距不太大，而且在A4頁面向iPad H頁面轉(zhuǎn)化過程中，高度的變化不大，而寬度的變化顯著，這就要求排版者在對頁面對象進(jìn)行應(yīng)用規(guī)則時(shí)分別考慮它們與參考線的關(guān)系。

設(shè)置目標(biāo)頁面大小，并在頁面中添加自適應(yīng)參考線，如圖4所示。

①背景圖片

應(yīng)用基于參考線的自適應(yīng)規(guī)則時(shí)，在A4頁面與iPad頁面之間信息的容納量不同，并且A4頁面向著iPad H對象轉(zhuǎn)化過程中，寬度有著比較大的變化，對于做出血的背景圖，必然存在裁切。而為了使背景圖適應(yīng)整個(gè)頁面，在勾選自動(dòng)調(diào)節(jié)后，也存在一定的圖像失真。如果背景4個(gè)邊緣的存在重要信息不允許丟失，那么在轉(zhuǎn)換過程中則不適合用此類轉(zhuǎn)化法，可以基于縮放的自適應(yīng)排版。針對目標(biāo)頁面的寬度遠(yuǎn)大于源頁面的情況，相對來說基于“縮放”的轉(zhuǎn)化對于版面的利用率不高。在本案例中背景圖不包含重要的信息內(nèi)容，與參考疊加時(shí)，勾選“自動(dòng)調(diào)節(jié)”。

②圖形框架

應(yīng)用基于參考線的自適應(yīng)規(guī)則，通過設(shè)定參考線與對象之間的相對位置的關(guān)系來調(diào)整對象的尺寸變化和與頁面的位置關(guān)系，與對象疊加的、豎參考線分別調(diào)整對象高、寬。新頁面中有的為了保留某些重要的對象的尺寸來滿足整體排版效果，可以選擇參考線避開該對象。有的對象尺寸影響不大，并且需要隨著頁面大小而變化的對象，可以選擇參考線與其疊加。在這里為了保持人物原有的比例，而頁面元素比較多，很難避開與垂直參考線疊加，因此這里對圖像設(shè)置都不勾選“自動(dòng)調(diào)節(jié)”，框架合適選項(xiàng)中選擇“內(nèi)容居中”，然后可以通過修改圖形框架的寬度，在可以錯(cuò)開目標(biāo)頁面中圖像之間的相對距離，效果可見最終目標(biāo)頁面。

③文本框

自適應(yīng)參考線對于文本框同樣有縮放的作用。參考線對于文字對象的“字符”的屬性沒有影響，其本質(zhì)改變了的文本框架的屬性，從而改變了不同文本框內(nèi)文字之間的相對位置，其次文本框內(nèi)文字的“段落屬性”如對齊方式、行數(shù)設(shè)置、左右縮進(jìn)以及文本框自身的屬性如長寬尺寸，分欄等也會(huì)對參考線作用效果有所影響，而這與其lnDesignCS6自定義自動(dòng)的排版規(guī)則有關(guān)，為了保持相鄰的文本框之間的相互的位置關(guān)系可以進(jìn)行編組處理。在利用自適應(yīng)參考線應(yīng)注意，當(dāng)文本框架與參考線疊加時(shí)，有可能由于文本框尺寸發(fā)生變化，導(dǎo)致字體無法顯示，轉(zhuǎn)化前可以適當(dāng)加大文本框高寬。在本案例中我們改變源圖4文本框架大小使它恰好適合內(nèi)容，然后“2013”以及“秋冬時(shí)裝周”文本框架段落重新設(shè)置為“居中對齊”，不改變正文文本框架，并使它們都與垂直參考線疊加而避開水平參考線。

3 創(chuàng)建替代版面

為了使頁面中其他元素整體大致位于頁面版心處，并且能很好的平鋪于頁面4個(gè)角落，利用2條水平參考線，1條略高于除背景外所有頁面元素，1條略低于除背景外所有頁面元素。至此一共添加4條參考線。從源頁面A4頁面到iPad H頁面通過創(chuàng)建替代版面得到自適應(yīng)版面，如圖5所示。

InDesign CS6所創(chuàng)建的4種自適應(yīng)規(guī)則有不同的特點(diǎn)及應(yīng)用范圍。當(dāng)新頁面的尺寸與源頁面存在等比例關(guān)系，“縮放”的規(guī)則有著明顯的效果；當(dāng)新頁面需要所有對象整體居中時(shí)，而且源頁面的寬、高都略小于目標(biāo)頁面時(shí)，可以利用“重新居中”規(guī)則輕松完成；當(dāng)新頁面需要某個(gè)或某些對象重新調(diào)整位置，基于對象都可以進(jìn)行快速排版。而對于那些只改變對象的尺寸和位置時(shí)候，可以巧用。“自適應(yīng)參考線”。