建立覆蓋的最佳做法

來源檔案

  • 建立覆蓋的來源資產時,了解哪些覆蓋已進行重新取樣 (壓縮),以及哪些覆蓋在上傳時只是傳遞通過,會很有幫助。投影片、可捲動影格和按鈕的來源資產都己重新取樣為 PNG 影像。這些覆蓋可使用任何影像格式。為獲得最佳結果,對於上傳時壓縮的影像,請至少使用 108 有效 ppi。
  • 全景、影像順序、平移與縮放影像和音訊外觀的來源資產在上載時並未經重新取樣,這些都只是傳遞通過。這些覆蓋要使用 JPEG 或 PNG 影像格式。Photoshop 中的「儲存為網頁用」是減少檔案大小以及刪除不必要的中繼資料 (使檔案大小膨脹) 的好方法。
  • 若要將檔案大小最小化,來源檔案請使用中度壓縮 (範圍 50% 到 80%) 的 JPEG 影像。請只針對包含透明度的影像使用 PNG 影像。壓縮覆蓋影像和影片可以明顯減少對開本的大小。
  • 使用完全符合的像素尺寸和 72 ppi 建立全景、影像順序、內嵌影片、平移與縮放影像或音效控制器的來源檔案。對於 passthrough (穿通) 覆蓋,常見錯誤是建立比不必要的大型影像,然後在 InDesign 中縮小覆蓋影格。
註解:

在 Photoshop 和 Illustrator 中,「檔案 > 儲存為網頁用」命令在將影像檔案儲存為特定像素尺寸方面特別有用。儲存影像時,為中繼資料選擇「無」。特別是在影像順序檔案,中繼資料會不必要地增加檔案大小。

註解:

在 Lightroom,透過選擇「檔案 > 匯出」,然後使用 sRGB 色域選擇壓縮的 JPEG 格式,來縮小影像大小。最小化中繼資料以減少檔案大小。為獲得最佳效果,請建立預設集。

  • 如果您建立記憶體密集的覆蓋,檢視器效能可能為了預先載入這些覆蓋而大幅變慢。如果可以,在您的設計中展開覆蓋,避免同時預先載入多個覆蓋。例如,如果在可捲動影格中有兩個文章使用巢狀覆蓋,請考慮在兩個文章間放置廣告或基本文章。覆蓋或 PDF 文章中的透明度會增加頁面載入時間。
  • 對於影像順序,找到影像數目和平滑度之間的正確平衡。使用太少的影像會減少平滑度。使用過多影像會增加對開本大小並增加記憶體使用量。在一組影像順序檔案中避免使用不必要的影像。
  • 如果您在投影片狀態或可捲動影格內容中置入 PDF 檔案,請使用非平面化的 PDF 1.4 或更新版本以避免白線。

設定

  • 對於全景、影像順序、音訊外觀及本機網頁內容覆蓋,請為覆蓋檔案建立個別的檔案夾。使用 Folio Overlays 面板,連結此檔案夾。
  • 請避免執行互動物件至出血區域。將互動物件保持在頁面大小區域內。
  • 盡可能為覆蓋取真實名稱,比較容易解讀分析資料。例如,使用「Twitter 連結」而不用「按鈕 4」,使用「蟋蟀投影片」而不用「多狀態物件 2」。

秘訣與方針

  • 在使用覆蓋時,選擇「視窗 > 工作區 > 數位排版」可讓互動面板更容易存取。

  • 使用一致的方法,讓使用者知道哪些物件是互動的。例如,您可以建立海報影像,其中使用圖示來表示不同類型的互動性。

  • 當您在 InDesign 中置入覆蓋檔案時,影格大小會決定您點選以啟動互動內容的位置。

  • 在互動內容中僅支援基本的透明度效果,例如不透明度和色彩增值等。不支援混合模式。

  • 在某些情況下,您會希望影像出現在覆蓋上方,例如影片的遮色片。如果要這樣做,請建立「虛設」遮色片。如需此項訣竅的範例,請參閱 DPS Learn 免費應用程式 (作者 Bob Bringhurst) 中的範例。

更快、更輕鬆地獲得協助

新的使用者?