您可以為平台建立對開本和自訂檢視器,處理多個裝置大小。例如,iOS (Apple) 平台包括適用於 iPad 的 1024x768 和 2048x1536 機型,以及適用於 iPhone 的 480x320、960x640 和 1136x640 機型。

Android 和 iOS 檢視器顯示對開本的需求不同。任何您建立的對開本大小都會出現在 Android 檢視器中。文章會依需求縮放或加入上下黑邊。不過,在 iPad 上,檢視器只會顯示外觀比例 4:3 的對開本。iPhone 檢視器只能顯示 3:2 或 16:9 (1136x640) 外觀比例的對開本。

單一對開本方法 (建議)

儘管有轉譯選項,也可以針對每個平台建立單一對開本,並允許內容縮放。

iOS

對於 iPad,您可以建立適用於 SD 和 HD iPad 的單一 1024x768 對開本。同樣地,您也可以建立適用於 SD 和 HD iPhone 的單一 480x320 對開本 (請參閱「建立多重轉譯文章」)。我們建議您額外建立適用於 iPhone 5 和 6 裝置的 1136x640 轉譯。

Android

對於 Android 檢視器,您可以建立單一對開本,例如用於 iPad 的 1024x768 對開本,或更符合 Android 裝置尺寸的 1280x800 對開本。該對開本會在 Android 裝置上放大或縮小。為獲得最佳結果,請在多部 Android 裝置上測試對開本。原生 Android 檢視器的另一個選項是,為電話建立一個對開本並為平板電腦建立另一個對開本,然後在建立應用程式時,選取較小的對開本以便只顯示在電話上,選取較大的對開本以便只顯示在平板電腦上。請參閱「設定原生 Android 檢視器的轉譯」。

Windows 市集

對於 Windows 市集檢視器,我們建議使用單一 1024x768 對開本大小以免除額外的設計工作。內容會依需要縮放並加上黑邊。若要特別針對 Windows 裝置設計對開本,請使用 1366x768。

轉譯

為不同裝置所設計的相同對開本的多個版本稱為「轉譯」。如果您建立多個對開本轉譯,檢視器只會提供最符合裝置尺寸的轉譯。

在 Android 裝置上,如果檢視器顯示不符合裝置外觀比例的轉譯,它會等比例縮放對開本。檢視器會視需要加入上下黑邊 (頂端和底部黑邊) 或垂直黑邊 (側邊黑邊)。

轉譯有幾個用處:

  • 在 iPhone 5 上建立未加上黑邊的 iPhone 內容。例如,您可以建立適用於 iPhone 3/4 裝置的 480x320 轉譯,以及填滿 iPhone 5 (含) 以後版本裝置之顯示區域的 1136x640 轉譯。
  • 建立「僅限 Web Viewer」對開本。請參閱「自訂網頁檢視器」。
  • 可為以電話或平板電腦為目標的 Android 裝置建立個別對開本。
  • 可為 iPad 建立個別 SD 和 HD 對開本 (1024x768 和 2048x1536)。如果您想要使用 PNG 或 JPG 文章格式,而非 PDF,這個選項會特別有用。

請參閱「建立對開本轉譯」。

對開本轉譯
對開本轉譯

A. 1024x768 對開本 B. 1024x600 對開本 C. 在 1024x600 裝置上具有上下黑邊的 1024x768 對開本 

多個轉譯的設計方針

如果您想要為不同裝置再利用相同的文件,請注意下列方針:

  • iPad 檢視器只會顯示外觀比例 4:3 (例如 1024x768) 的對開本。iPhone 檢視器只會顯示外觀比例為 3:2 (例如 480x320 和 960x640) 的對開本,以及 1136x640 (iPhone 5) 的對開本。若為 iPhone 6 及 6 Plus 機型,請使用 1136x640 轉譯。目前不支援 1366x750 和 1920x1080 轉譯。
  • 在 Android 裝置上,檢視器最多可以將內容放大及縮小成 300%,以配合裝置尺寸內的內容。有時可能導致加上黑邊。
  • 當您新增文章至對開本,文件頁面大小設定的外觀比例必須與對開本大小設定一致 (除非您選取「平滑捲動」選項)。例如,您可以新增 1024x768 InDesign 文件至 2048x1536 對開本,因為外觀比例都是 4:3。不過,您無法將 1280x768 文件加入 1024x800 對開本。
  • 為 Android 裝置設計時,請記住,系統導覽列會縮減顯示區域。例如,如果 1280x800 裝置包含 48 像素導覽列,橫向的顯示區域是 1280x752 而縱向的顯示區域則是 800x1232。建議您允許一些縮放和加上黑邊,而不要嘗試為這些不同尺寸建立對開本轉譯。
  • 在隱藏圖層上的物件不會顯示在已匯出的對開本中。您可以為不同的行動裝置建立個別的圖層,並加入只有在開啟該圖層時才會顯示的物件。在您從文件建立文章之前,請視需要顯示並隱藏適當圖層,然後變更頁面大小。
  • 如果您要啟用社群分享功能,將內容顯示在 Web Viewer 中,則可以建立只會在 Web Viewer 瀏覽器上出現的特殊轉譯。請參閱「建立僅限 Web Viewer 的轉譯」。
  • 建議您針對 iOS、Android 和 Windows 平台使用不同的應用程式 ID,以便在必要時可將不同的內容用於不同的平台。iOS 中支援的所有功能不一定在其他平台中受到支援,如下一章節所述。

不受其他平台支援的功能

部分適用於 iPad 的功能不受 Android 和 Windows 檢視器支援。例如,Android 或 Windows 平台不支援全景。對於 HTML 內容,請檢查以確認它能在平台的瀏覽器和 DPS 對開本中正常運作。請參閱「DPS 支援的功能清單」。

關於建立應用程式的文章

如需建立 Android 裝置適用的 DPS 應用程式的詳細資訊,請參閱「建立 Android 裝置適用的原生 DPS 應用程式」。

如需建立 Windows 市集適用的 DPS 應用程式的詳細資訊,請參閱「建立 Windows 市集適用的 DPS 應用程式」。

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策