電子書系列/筆記3:版式圖文epub的限制

更新於 發佈於 閱讀時間約 6 分鐘
raw-image

說起買電子書,至今我還是偏向文字書的購買,如果是大量圖與文夾雜的書,會看看出版社有沒有將該本書做成排版好看的流式epub,否則圖文書我多半會買紙本書!

*說明:

版式,就是固定式頁面,字體、字級大小、行距皆不能放大、改變。但在閱讀器及平板可以雙指放大版面,電腦瀏覽器則否!

流式,多用於純文字書,字體、字級大小、行距皆能放大、改變,可畫線、可註記(最近看到排得很漂亮、CSS應用很好的流式書是《人選之人》的劇本,但它沒有做到轉直的樣式,有點可惜。)

我的第二本遊記《一個人上路,去日本住三十天!》嘗試改變跟上一本《出發。首爾》不同的方式來製作。(自己的書嘛,想變化什麼方式呈現,都是一種實驗與驗證)前一本是使用流式的epub檔,像「做網頁一樣」很單純的就是圖文穿插,但比較大的問題還是會出現「圖說」如果要跟著圖片「連在一起」就需要考慮圖片與文字的排列,於是我還是把圖說跟圖片做成一張圖,這樣讀者在變動字體、行距、字級大小時,不會破壞了圖與圖說的關係,也不會因為版面的更動使得圖與圖說的大小比例被做了更動。

但在《出發。首爾》是很短篇的、少圖的,如果換到日本這本遊記,幾百快千張的圖片排列,就必須用傳統紙書的排版方法,做成固定的版式(其實這本書是以遊記之名,偷渡了攝影集的概念XD)有了前一本書《玩出藝術來》(木馬文化出版)的經驗,我早早就把這本日本遊記定位在要用版式圖文書的方式來製作電子書。

排版、轉檔製成版式電子書,對我來說雖不像純文字電子書那樣駕輕就熟,但應該也不算生澀到弄不懂,一切都順利地申請了ISBN、傳給經銷商幫忙上架,便開始出現了一些問題:

一、預設外連的字體出不來

二、indesign的複合字體造成文字的不連貫而無法搜尋

三、之於閱讀,什麼事是重要的?


首先第一點,跟做網頁一樣,電子書不是紙本書,通過印刷出來,電腦設定什麼字,印出來就是什麼字;實際上電子書就是「網頁」,它在不同的機器(電腦、iPad、各家閱讀器)、不同的系統(MacOS、iOS、Windows、Android⋯⋯),會有其限制的出現不同的樣貌,即使是我們在語法裡加進了附加的字體,若是在其他的機器和系統上判讀不到,那就很容易將判讀不到的字體,以使用者使用的機器和系統的預設字體給取代,使得文字的排列經常會東一塊西一塊!或字距、行距都被更動了,容易破壞了整體在indesign上做好的排版設計!

且在平台上架時,我遇到一個大問題:字體始終沒有辦法通過EPUB-checker這個軟體的檢驗,無法打包成最後的epub檔。

這點我自己的書倒是有解,我的字體使用得很簡單,只有黑體(無襯線字,sans-serif)、明體(襯線字,serif)楷體(cursive)、宋體(fang-song),英文字體也沒用什麼字,只要回頭從CSS裡改掉外連字體,統一用網頁的font-family的規則即可!

但問題二來了!在紙本書於indesign的排版裡,我與比較講究字體、標點符號⋯⋯細節的編輯都會設定不少的字體變化,好讓印刷時看起來版面是美的、我們滿意的(嗯,對!你們有時候看到的跟自己動手做的東西「奇怪人家的排起來怎麼比較好看」是有眉角的~~)於是在段落樣式、字體樣式、複合字體上都會做很多不同的設定,但是透過indesign的轉存為epub檔案就會將這些「不同設定」的字體格式,加上不同的CSS設定,而在html碼裡形成了文字的不連貫!

所謂文字的不連貫,簡單說明如下:

像我這裡想要把「我是粗體」標成比較粗的字體

在html碼裡顯示的是:

像我這裡想要把<span class=”bold>「我是粗體」</span>標成比較粗的字體

若是透過搜尋功能是無法搜尋到這一整行字:像我這裡想要把「我是粗體」標成比較粗的字體

因為<span class=”bold></span>這個語法把這行文字斷成了三塊:像我這裡想要把、「我是粗體」、標成比較粗的字體。若是各自拆開搜尋,能找得到,但是合在一起就找不到。

*說明:bold這個css在設定裡是寫成這樣的:.bold {font-weight: bold;}

為了解決這樣的問題,我將indesign的所有複合字體都拿掉,再讓indesign轉檔,但它依然有其限制地,在不少符號上會以語法斷開文字,在html裡便顯得「一塊一塊」的,而難以搜尋。

在各個電子書平台的建議,多半都是要求如果是版式的圖文書,最好是連同文字做成「每一頁一張圖」,預設字體不會跑掉、版面不會亂掉,但那如果要搜尋文字呢?

第三點要思考的是電子書與紙本書最大的差異,在流式的形態上,我們不只可以搜尋、變化字體格式,還能透過閱讀器、應用程式幫助我們畫線筆記,比起紙本書有更便捷的使用方式,又不需要帶著紙本書重得要死,但到了版式圖文epub的格式,就會面臨到:又不能畫線(除非高階一點的閱讀器有塗鴉功能),若機器不夠大,還得用雙指每一頁放大,確實不很便利!如果還不能搜尋,最後大概就只能勤用「書籤」功能,像讀紙本書一樣貼上標籤紙,才好確認自己曾在哪裡需要留下印記,標註一下自己需要的段落!

關於「搜尋文字」這個功能,在html的語法裡可以透過<span style=”display:none”></span>(隱藏該語法裡的東西)一頁一頁把該頁的文字寫進html裡,便可以達到搜尋的功能。如果一本書有兩三百頁,算是非常耗時之事,若是頁數再多一點,一本版式圖文epub要做到搜尋文字的功能,可能就真的是極耗人事成本的事(我自己的書是無所謂啦XD,友好的、有革命情感的合作朋友,我也會願意幫忙一頁一頁把文字寫進檔案裡。)

我想這就是現階段在版式圖文epub的編排、呈現的限制:既想要它數位化,又僵硬得像只是把紙本書轉成圖檔丟到epub裡而已,也有多數不明究理的人會想得很輕鬆:啊不是轉成epub可以看就好嗎

更有意思(惱人)的是,版式的電子書又被拆分成epub檔和pdf檔,有些平台不收epub檔案,但在國家圖書館的ISBN申請電子書又要依這兩種形式來申請兩組不同的ISBN:epub一種、pdf又一種⋯⋯

就閱讀的考量,電子書肯定不全然等於紙本書,它是另一個文字/書籍呈現的形式,除了epub的規則得遵守之外(才能生成檔案),它還有許多在「使用上」需要去思考的地方,也就必然會在「使用」的細節上,會再去思考更多的可能!

這篇不是什麼技術文,就是筆記而已。

圖:20160627,日本枚方蔦屋書店。



留言
avatar-img
留言分享你的想法!
這篇筆記也很真誠分享呢,不過關於電子書格式的內容太專業,多看了幾遍才看懂,我只知道跟紙本書排版方式不同,不過看起來真多眉角。看完決定以後有需要的話,直接請專業人士來協助最不會錯XD
換日線-avatar-img
發文者
2024/04/19
Miracle|奇蹟放送所 做電子書或做紙書,其實第一件事是要對這件事有興趣,包括版面的組織架構以及流程都要有興趣,那才有可能把這些東西都變成自己的,如果只喜歡寫字而想要出書,那還是讓專業的來,會讓自己輕鬆很多!
avatar-img
換日線的沙龍
16.8K會員
883內容數
自由工作者、上班族究竟要用什麼樣的心態去面對呢?來看線線怎麼說;業餘的時候,也來跟線線一起看劇看電影及看書;有空的話一起來學做出版、編輯和電子書吧!
換日線的沙龍的其他內容
2025/02/24
看到一個推理故事用一本書來講這種關於版面與閱讀之間的關係,雖然故事我沒有特別喜歡,我也會力薦所有做書的人都應該讀這本書!
Thumbnail
2025/02/24
看到一個推理故事用一本書來講這種關於版面與閱讀之間的關係,雖然故事我沒有特別喜歡,我也會力薦所有做書的人都應該讀這本書!
Thumbnail
2025/01/06
自出版,是一件非常有意思的事!做書也是。但完全的先決條件就是「你想做,你去找方法做,你去學習怎麼做,你要非常的積極!」自己做不來,找人做,找人做之前,把「你該做的部分做好!」積極的!沒有人應該為了你想做的事替你積極,如果你都意興闌珊了,誰在意你呢!
Thumbnail
2025/01/06
自出版,是一件非常有意思的事!做書也是。但完全的先決條件就是「你想做,你去找方法做,你去學習怎麼做,你要非常的積極!」自己做不來,找人做,找人做之前,把「你該做的部分做好!」積極的!沒有人應該為了你想做的事替你積極,如果你都意興闌珊了,誰在意你呢!
Thumbnail
2024/09/28
不要邊抱怨自己工作要死要活、加班加得昏天暗地,老闆還在那邊靠北自己的產值不夠,又邊用蠢方法工作,然後覺得自己社畜得要死,好像全天下只有自己忙得要死要活還沒人感謝。嗯,有時候只得說:用錯的方法工作,加班,真的是,自找的!
Thumbnail
2024/09/28
不要邊抱怨自己工作要死要活、加班加得昏天暗地,老闆還在那邊靠北自己的產值不夠,又邊用蠢方法工作,然後覺得自己社畜得要死,好像全天下只有自己忙得要死要活還沒人感謝。嗯,有時候只得說:用錯的方法工作,加班,真的是,自找的!
Thumbnail
看更多
你可能也想看
Thumbnail
大家好,我是一名眼科醫師,也是一位孩子的媽 身為眼科醫師的我,我知道視力發展對孩子來說有多關鍵。 每到開學季時,診間便充斥著許多憂心忡忡的家屬。近年來看診中,兒童提早近視、眼睛疲勞的案例明顯增加,除了3C使用過度,最常被忽略的,就是照明品質。 然而作為一位媽媽,孩子能在安全、舒適的環境
Thumbnail
大家好,我是一名眼科醫師,也是一位孩子的媽 身為眼科醫師的我,我知道視力發展對孩子來說有多關鍵。 每到開學季時,診間便充斥著許多憂心忡忡的家屬。近年來看診中,兒童提早近視、眼睛疲勞的案例明顯增加,除了3C使用過度,最常被忽略的,就是照明品質。 然而作為一位媽媽,孩子能在安全、舒適的環境
Thumbnail
我的「媽」呀! 母親節即將到來,vocus 邀請你寫下屬於你的「媽」故事——不管是紀錄爆笑的日常,或是一直想對她表達的感謝,又或者,是你這輩子最想聽她說出的一句話。 也歡迎你曬出合照,分享照片背後的點點滴滴 ♥️ 透過創作,將這份情感表達出來吧!🥹
Thumbnail
我的「媽」呀! 母親節即將到來,vocus 邀請你寫下屬於你的「媽」故事——不管是紀錄爆笑的日常,或是一直想對她表達的感謝,又或者,是你這輩子最想聽她說出的一句話。 也歡迎你曬出合照,分享照片背後的點點滴滴 ♥️ 透過創作,將這份情感表達出來吧!🥹
Thumbnail
在紙本書的排版或電子書的製作/閱讀器的使用,「閱讀體驗」也是購書或閱讀習慣養成的因素之一,至少在這個數位時代裡,要將讀者從眾多娛樂裡召喚來閱讀,至少「體驗」會是一件重要的事。建議台文電子書的製作,把字體寫進epub裡!而台文書購買的閱讀體驗,或許是讀墨更好!(如果有設定好的話XD)
Thumbnail
在紙本書的排版或電子書的製作/閱讀器的使用,「閱讀體驗」也是購書或閱讀習慣養成的因素之一,至少在這個數位時代裡,要將讀者從眾多娛樂裡召喚來閱讀,至少「體驗」會是一件重要的事。建議台文電子書的製作,把字體寫進epub裡!而台文書購買的閱讀體驗,或許是讀墨更好!(如果有設定好的話XD)
Thumbnail
任何想要寫書的新作者、小作者,都可以嘗試自學做電子書、發行、出版,從編輯開始。文字世界的有趣不亞於任何影音、圖文的創作。若是已經具備影音和圖文創作能力的創作者,再把文字加進自己的創作,肯定是更精采、更多元的作品。
Thumbnail
任何想要寫書的新作者、小作者,都可以嘗試自學做電子書、發行、出版,從編輯開始。文字世界的有趣不亞於任何影音、圖文的創作。若是已經具備影音和圖文創作能力的創作者,再把文字加進自己的創作,肯定是更精采、更多元的作品。
Thumbnail
從如何選擇電子書閱讀平臺到不同平臺的特色比較,作者分享了自己的使用心得,並提供了一些選擇平臺的建議。文章也提到了電子書平臺的回饋方案和累積點數的優缺點,以及在選擇平臺時需要考慮是否使用電子紙閱讀器等因素。
Thumbnail
從如何選擇電子書閱讀平臺到不同平臺的特色比較,作者分享了自己的使用心得,並提供了一些選擇平臺的建議。文章也提到了電子書平臺的回饋方案和累積點數的優缺點,以及在選擇平臺時需要考慮是否使用電子紙閱讀器等因素。
Thumbnail
也許有些人在猶豫要不要使用電子書,這篇文章會分享電子書與紙本書的優缺點。電子書的優點是隨時都可閱讀、不佔空間、購買後不用等待等。紙本書的優點是可以賣二手書、有書本擁有權、可以在書店試閱整本書等。
Thumbnail
也許有些人在猶豫要不要使用電子書,這篇文章會分享電子書與紙本書的優缺點。電子書的優點是隨時都可閱讀、不佔空間、購買後不用等待等。紙本書的優點是可以賣二手書、有書本擁有權、可以在書店試閱整本書等。
Thumbnail
這篇文章分享了對電子閱讀器的選擇心得,包括了閱讀器購買動機和款式選擇,以及封閉系統和開放系統的比較。
Thumbnail
這篇文章分享了對電子閱讀器的選擇心得,包括了閱讀器購買動機和款式選擇,以及封閉系統和開放系統的比較。
Thumbnail
就閱讀的考量,電子書肯定不全然等於紙本書,它是另一個文字/書籍呈現的形式,除了epub的規則得遵守之外(才能生成檔案),它還有許多在「使用上」需要去思考的地方,也就必然會在「使用」的細節上,會再去思考更多的可能!
Thumbnail
就閱讀的考量,電子書肯定不全然等於紙本書,它是另一個文字/書籍呈現的形式,除了epub的規則得遵守之外(才能生成檔案),它還有許多在「使用上」需要去思考的地方,也就必然會在「使用」的細節上,會再去思考更多的可能!
Thumbnail
紙本書還是電子書?兩者各有優缺點,紙本書帶來物理感受,獨特氣味,而電子書則輕巧、方便存放。本篇文章提供兩種閱讀方式之利弊與觀點,並分享作者重新發現電子書的日常經驗。
Thumbnail
紙本書還是電子書?兩者各有優缺點,紙本書帶來物理感受,獨特氣味,而電子書則輕巧、方便存放。本篇文章提供兩種閱讀方式之利弊與觀點,並分享作者重新發現電子書的日常經驗。
Thumbnail
做完這本書後,算是解鎖我另一項專長,應該日後也可以做好我自己的旅行、攝影書了。
Thumbnail
做完這本書後,算是解鎖我另一項專長,應該日後也可以做好我自己的旅行、攝影書了。
Thumbnail
電子書閱讀器 (電子紙) 比平板有更多優點。它使用 E-Ink 電子紙作為顯示器,能夠保護眼睛,提高閱讀專注力,體積小且電量足。你有相關的使用經驗嗎?也可以試著讓更多人瞭解這個優秀的閱讀工具。
Thumbnail
電子書閱讀器 (電子紙) 比平板有更多優點。它使用 E-Ink 電子紙作為顯示器,能夠保護眼睛,提高閱讀專注力,體積小且電量足。你有相關的使用經驗嗎?也可以試著讓更多人瞭解這個優秀的閱讀工具。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News