數位出版解密：設計數位刊物一定要懂的技巧與思維

<以下擷取自序言部分內文>

最近一次「平面設計」與「出版」這兩大領域在技術上如此分歧，可追溯到1980 年代的時候，那時引發了一場稱做「桌面出版」的革命，而排版軟體正是其中的要角之一；設計公司與出版商都可以在他們的桌上型電腦內，使用像是PageMaker 或QuarkXPress 這些軟體來進行圖文排版──而「桌面出版」（DTP，desktop publishing）一詞也於焉誕生。

設計師必須學習新的技能──除了設計頁面與美學素養外，還要讓文件能流排無誤，並且以正確的色彩空間與解析度來匯入圖片。此外，更得處理數位化字體與欠缺字型等問題。（字型多半都未一起附上的！）不過長久以來，那些軟體基本上都沒有什麼變化；其最終輸出，都是用來配合印刷出版作業的需求。就算加入了新功能，但始終都是針對印刷品的頁面所使用。

儘管如此，出版業的風貌已經開始在逐漸地改變。包括GIF 與JPEG 等這些來自Photoshop 的檔案格式，已經為眾多網頁所採用；而用來建立PDF 文件、且能夠在網路上張貼與閱讀的Adobe PDF 格式，也在一套叫做InDesign 的頁面排版軟體之下獲得大力推動。慢慢地，印刷品設計工作者接觸到相當多電腦圖形的新觀念，其中大多數都和網頁與螢幕的PDF 文件有關。於是為了迎接數位化與互動式文件的製作方式，設計師就必須學習一套全新的技能才行。

但是與過去三四年內所發生的轉變相較之下，前述的那些改變又顯得不足為奇。印刷書籍的銷售量，已被像是Amazon 和iTunes 這些網站所提供下載的書籍數量所超越；同時眾多的印刷品雜誌，也轉變成互動應用程式的形態藉以重生。而現在許多公司，更是針對電腦螢幕來製作簡介內容，以取代傳統的印刷品手冊。

整個大環境，儼然是一個數位出版產業的新世界。沒錯，這是令人興奮的時代，但對於印刷品設計工作者來說，就必須針對這個新世界來重新思考與重新學習才行。

本書的撰寫動機

本書的兩位作者，都擁有傳統出版產業的背景，包括廣告製作與平面設計，而且分別協助過客戶製作互動式PDF 簡報、ePub 電子書、或可於平板電腦上執行的應用程式。我們都有過把影片與互動元素、加入到那些原本是為印刷輸出所製作的教材上，並將它們張貼到網路上的經驗；而且關於那些數位化輸出格式的課程，我們也都有過上百小時的教學資歷，更撰寫過如何建立互動式PDF 文件的文章或書籍等。同時我們兩人，也都見過自己出版的書籍，以ePub 電子書的形式在Amazon 和iTunes 被上架販售。

一點也不輕鬆

但那並非代表，我們不用努力、就有辦法可以搞定這些事情。我們得學習如何格式化媒體檔案，才能讓它們能適用於多種輸出設備上。我們得學習如何看懂基本的HTML 和CSS 程式碼、與學會各種正確的格式，才能將手上的專案交給網頁設計師與Flash ActionScript 開發人員做後續處理。我們也必須學會，如何應用動畫控制項目與進行編修；而且更重要的是，那些原本為印刷品頁面上的資訊，我們得學會思考如何以數位化的格式來呈現它們才行。

因此你將面臨什麼樣的挑戰，我們完全能夠體會，而這也是我們動手撰寫本書的動機。假使這本書能夠早幾年前就出現、帶領我們克服複雜的數位出版作業，那該是多棒的一件事！

你的角色是？

你是我們在前幾年內所教過的、那些為了要跟上許多新科技而努力不懈的學生們；也可能是突然意識到必須精通很多繁複且陌生的工作流程內、各式各樣功能的一位設計師。或許你是一位部門主管，正打算讓部門的生產製程從印刷拓展到數位化，因此得明瞭各個工作環節所需要的正確格式為何。不然也許你是一位自由接案工作者，必須提昇自身所學過的技能，以趕上目前最新的產業發展趨勢。

搞不好你已經被這股趨勢搞得頭昏腦脹，快要喘不過氣。別擔心，這本書就是為你所撰寫的。你並不孤單，因為每個領域之中的專業設計工作者、出版商以及創意人，都受到這股改變的浪潮所影響。下列幾個段落，就會對幾種不同的主流角色所感受的衝擊作一簡述。

廣告設計師

對於數位出版而言，廣告就是宣傳製作與資訊行銷的第一線。舉例來說，互動式的360 度圖集，已普遍地用來展示汽車的內部裝潢；而全景影像則能表現房客在新開張渡假飯店中、所能飽覽的戶外美景。視訊片段在某種程度上，能展現出任何產品的完整風貌，而這些都是印刷品所力有未逮的。

今日的廣告美術總監和創意總監們，勢必得充分瞭解將印刷品廣告與文宣、轉換成數位出版品的各種可能性。他們必須明白如何把電視廣告片段、轉換成能匯流到數位化傳播的視訊影片。某篇廣告的版面方向，可能會需要從水平改成垂直──說不定甚至連廣告內容本身，都需要再做調整與修改。

書籍設計師

幾乎沒有一家大間（或小規模）的出版公司，尚未著手製作ePub格式的出版品。他們的挑戰是要在ePub 格式有限制的版面控制功能內，設法維持設計要求的各項標準，但同時要清楚電子書（eBook）所能帶來的好處與優勢。而且他們必須評估出新的工作流程與人力配置方式，以同時滿足印刷與數位兩種出版作業的管理需求。

雜誌設計師

不少主流雜誌的出版商，都已經表態支持、並開始將他們的雜誌轉換成數位出版品。而這些公司旗下的設計師，也已經率先使用InDesign 的Digital Publishing Suite（DPS）來設計互動式應用程式，以實現許多令人興奮的成果。



《Wired》就是第一本採用InDesign 和DPS 等工具、打造出一款iPad 專用應用程式的雜誌。在Adobe 公司的協助之下，該雜誌電子版的第一期，成為了一個劃時代的出版品；裡面所搭載的每一種互動技術，幾乎都在該雜誌中扮演了重要的角色。而且自此之後，《Wired》也不斷地讓他們的數位出版品，儘可能維持在技術領先的地位。

許多雜誌甚至為他們的數位化版本，建立了其印刷品版本不曾出現過的內容。舉例來說，《People》雜誌的數位化版本，其最後一頁就專門顯示過去35 年來每期不同的封面。

此外，雜誌出版商也發展出新的訂購方式選擇。現在許多出版品的訂閱費用，也包含了可存取數位化版本的權利。Conde Nast、Hearst、Meredith、News Corp. 以及Time Inc. 等公司，已經創造出一個叫做「Next Issue」的訂閱模式，有時又被稱為「雜誌的Netflix 服務」，主要是透過收取月費的方式，允許讀者無限制地存取該出版商旗下的所有雜誌。

內廣宣傳設計師

在我們合作過的許多行銷部門中，有不少是在很久以前就已經投入數位化出版品的懷抱了。就算是印刷品小冊子的簡單PDF 文件，他們一直都是採用數位通路來傳達這些產品的販售訊息；而相較於印刷品型態所需要的運送與郵寄成本，數位化通路其相對低廉的成本，也讓這些業者感到相當滿意。

後來，他們又探索出藉由互動式顯示器、視訊影片以及表格欄位等各種功能，來進一步強化他們PDF 文件的許多方法。時至今日，這些設計師正在致力於開發互動式PDF 的運用、以及將更多嶄新數位化格式加入到他們的行銷計畫之中。

手握預算的客戶

許多客戶都會要求合作的設計公司或廣告公司，要「想辦法放點東西到iPad 上」；然而這種含糊不清的指示，並不會讓他們的產品打中適當的消費族群。事實上，有許多不同的檔案類型，都可以經由平板電腦裝置來傳播放送，其中也包括我們在本書中所討論的那些格式：像是互動式PDF、ePub，平板電腦的應用程式、以及HTML等等。所以任性地丟出一個含糊的指示，實在是一點兒也不好。

明白數位出版品之可能性（和限制）的那些客戶，才是最好的客戶。他們瞭解什麼格式可以做什麼事情，而且他們知道自己的需求、要運用哪種特定格式會是最佳選擇。而且今日的設計師應該要教育客戶，究竟有哪些方案對於他們來說是比較合理的選擇。

最近一次「平面設計」與「出版」這兩大領域在技術上如此分歧，可追溯到1980 年代的時候，那時引發了一場稱做「桌面出版」的革命，而排版軟體正是其中的要角之一；設計公司與出版商都可以在他們的桌上型電腦內，使用像是PageMaker 或QuarkXPress 這些軟體來進行圖文排版──而「桌面出版」（DTP，desktop publishing）一詞也於焉誕生。

設計師必須學習新的技能──除了設計頁面與美學素養外，還要讓文件能流排無誤，並且以正確的色彩空間與解析度來匯入圖片。此外，更得處理數位化字體與欠缺字型等問題。（字型多半都未一起附上的！...

Chapter 1 序言
1.1　本書的撰寫動機
1.2　你的角色是？
1.3　數位化出版的各種格式
1.4　InDesign 工作流程
1.5　數位化的思維
1.6　不斷跟上時代的腳步

Chapter 2 各種互動式工具
2.1　互動式元素的幾種類型
2.2　超連結的定義作業
2.3　交互參照的建立作業
2.4　目錄（TOC）的建立作業
2.5　利用書籤來進行作業
2.6　多狀態物件的運用
2.7　音訊與視訊格式
2.8　音訊檔案的運用
2.9　影片和視訊
2.10　按鈕的建立作業
2.11　我們偏好的幾種按鈕效果
2.12　PDF 表格的建立作業
2.13　樣本按鈕和表單

Chapter 3 動畫
3.1　動畫的基本設定作業
3.2　動畫的播放作業
3.3　動畫的各項屬性
3.4　移動路徑
3.5　計時作業
3.6　動畫的預覽作業

Chapter 4 版面的控制
4.1　頁面大小的設定作業
4.2　「替代版面」的運用
4.3　「液態版面」規則的運用
4.4　各種「內容工具」的運用
4.5　連結多個項目
4.6　連結多個樣式
4.7　版面的比較作業
4.8　編修框架內的影像和文字

Chapter 5 平板電腦應用程式
5.1　認識Digital Publishing Suite 系列的應用程式
5.2　設計和工作流程的考量
5.3　建置你的文件
5.4　互動性和數位覆疊
5.5　「Folio Builder」面板
5.6　Folio Producer
5.7　下一步：將你的應用程式發行至網路商城
5.8　參考資源 208

Chapter 6 ePub 與HTML
6.1　瞭解ePub
6.2　檔案準備作業：建立閱讀順序
6.3　檔案準備作業：樣式的運用
6.4　檔案準備作業：圖像的管理
6.5　文件頁面的管理作業
6.6　用於ePub 的轉存選項
6.7　ePub 的打樣與驗證作業
6.8　探索幕後真相
6.9　進化中的ePub
6.10　InDesign 與HTML 轉存作業
6.11　如何準備用於HTML 轉存作業的檔案
6.12　用於HTML 的轉存選項

Chapter 7 PDF 與SWF 轉存作業
7.1　PDF 的工作流程
7.2　PDF 轉存作業
7.3　設定用於PDF 檔案之可存取性的控制項目
7.4　影像處理
7.5　安全性
7.6　SWF 一般選項的設定作業
7.7　SWF 進階選項的設定作業
7.8　FLA 檔案的轉存作業
7.9　各種頁面切換效果
7.10　將動畫轉存至PDF 中

Chapter 1 序言
1.1　本書的撰寫動機
1.2　你的角色是？
1.3　數位化出版的各種格式
1.4　InDesign 工作流程
1.5　數位化的思維
1.6　不斷跟上時代的腳步

Chapter 2 各種互動式工具
2.1　互動式元素的幾種類型
2.2　超連結的定義作業
2.3　交互參照的建立作業
2.4　目錄（TOC）的建立作業
2.5　利用書籤來進行作業
2.6　多狀態物件的運用
2.7　音訊與視訊格式
2.8　音訊檔案的運用
2.9　影片和視訊
2.10　按鈕的建立作業
2.11　我們偏好的幾種按鈕效果
2.12　PDF 表格的建立作業
2.13　...