Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
下個世代的數位編輯 
WANDERER 
Bobby Tung
Books in Browsers 
@SF
Brewster Kahle
Brewster Kahle 
WAIS
Brewster Kahle 
WAIS $15,000,000
Brewster Kahle 
WAIS $15,000,000 
ALEXA
Brewster Kahle 
$15,000,000 
$250,000,000 
WAIS 
ALEXA
Brewster Kahle 
$15,000,000 
$250,000,000 
WAIS 
ALEXA
Brewster Kahle 
$15,000,000 
$250,000,000 
WAIS 
ALEXA
Brewster Kahle 
$15,000,000 
$250,000,000 
Books in Browsers 
Since 2010 
WAIS 
ALEXA
Brewster Kahle 
$15,000,000 
$250,000,000 
Books in Browsers 
Since 2010 
WAIS 
我們如何讓書與 
Web緊密結合? 
ALEXA
W3C TPAC 
@Santa Clara
Tim Berners-Lee
Tim Berners-Lee
Tim Berners-Lee 
WWW
Tim Berners-Lee 
WWW
Tim Berners-Lee 
WWW
Tim Berners-Lee 
WWW
Tim Berners-Lee 
WWW 
EPUB與WEB 
的核⼼心技術
數位編輯包括哪些?
印刷 
期刊編輯書籍編輯 
數位 
WEB編輯粉絲團小編?
印刷 
期刊編輯書籍編輯 
數位 
WEB編輯
談及的內容
容 器 
內容敘事 
設計呈現
內容敘事: 
真正的電子書是什麼?
eBook
electronic Book
Book electronic Device
Book electronic Device 
章節 
內文 
注釋 
影片 
聲音 
互動設計
Book electronic Device 
章節 
內文 
注釋 
影片 
聲音 
互動設計 
+
Book electronic Device 
章節 
內文 
注釋 
影片 
聲音 
互動設計 
+?
如何思考「呈現」?
一、仿擬物的先行
作為真實物的投射 
(reflection of a profound reality) 
第⼀一代Kindle, 
⼀一開始電⼦子書嘗試的⺫⽬目 
的都是:模仿印刷書。
遮蔽,並且改變真實物 
(it masks and denatures a profound reality) 
這些仿製品仿造印刷書, 
甚⾄至⼀一點點蓋過其物理 
特質,像是早期iBooks 
的書⾴頁厚度不會改變。
掩飾真實物的不存在 
(it masks the absence of a profound reality) 
新版的iBooks索性不做 
仿擬了。
掩飾真實物的不存在 
(it masks the absence of a profound reality) 
有時還要「加」上印刷 
書特有的呈現來提醒讀 
者它曾經存在。
仿擬物與真實物沒有關係, 
就是純粹仿擬物
仿擬物與真實物沒有關係, 
就是純粹仿擬物
二、人造觸感帶來驚奇
三、可形塑的敘事
80 days
80 days
電⼦子書不是印刷書, 
但由仿擬印刷書⽽而開始。 
電⼦子書脫離印刷書的形式, 
找出⾃自⼰己獨有的呈現⽅方式。 
觸控等「電⼦子」帶來的可能性, 
增加了電⼦子書獨有的表現機會。 
反映在「敘事」的變化上。
Molecular Gastronomy 
分⼦子廚藝
如何思考「結構」?
The Discipline of Organizing 
• 17位作者所共筆。 
• 跨11個學⾨門。 
• 這樣的書如何呈現? 
• 如何兼顧深度與廣度?
Core 
Content 
Non-Core 
Chapter Content 
Endnote
• 把章節內的非核心內容與註解依照學科分類; 
• 讓讀者能夠自己選擇要讀的內容呈現、隱藏; 
• 以視覺化的方式告知讀者該章節有多少非核心內容; 
• 讀者可以自己隱藏這些非核心內容; 
• 妥善利用這種編輯方式,書可以成為眾書之母。
實存內容的應用 
• 一篇科「普」文章:如何滿足不同程度讀者的需求? 
• 一本教科書:如何提供不同程度學生延伸學習? 
• 相同內容在沒有版面限制的印刷本與數位版上如何一 
稿通用? 
• 一本《二十一世紀資本論》可不可以藉此簡化?
「資料」如何敘事?
“a book is a structured sequence of intertextual 
components that have its structural relationship 
to each other, each of...
「書是由彼此有著結構關係的互相指涉元件所組 
成的序列;這些元件透過編碼⽽而能介⼊入語意領域, 
書即為整體。」 
–Johanna Drucker
標 
內文題 
段落 
內文 
段落 
圖片 
圖說 
總結之 
圖⽰示之衍伸之 
說明之 
編碼化
她做了什麼? 
• 將自己過去的手稿掃瞄、編號; 
• 將這些手稿做成資料庫,以XML加上主題、全文與 
時間、描述; 
• 透過線上介面讓這些資料可以透過主題查詢、呈現。
她發現了什麼? 
• 典藏(Archive)與敘事(Narrative)本來應該是對 
立的概念,但是⋯⋯ 
• 若能提供完整的Metadata與搜尋,那麼這些資料呈 
現自然會敘述一段故事。 
• 使用XML可以讓這些內容以各種數位格式出版:...
如何應用這些概念 
• 內容資料庫化:Web上每天產製這麼多內容與資訊, 
如何有效資料庫化來敘事? 
• 提供缺少的一塊:但資料庫提供的是資料,「讀者」 
雖然會自己建立文脈,但編輯是否可以做到原來工作 
中的「敘事」來提供給讀者內容? 
•...
電⼦子 
E(lectronic Device) 
書 
Book 
類⽐比 
Analogue 
⼿手機、平板、電腦 
與其特質印刷書 
數位 
Digital 
內容的表現? 
(敘事、結構、資料)
設計呈現: 
排版規則與標準化
夏目漱石《心》 
• 設計師:祖⽗父江 慎 
• 初版復刻+新設計 
• 函(書盒)、封⾯面、內⾴頁 
字體、⾏行距⋯⋯
電子書剩下些什麼?
郵票⼤大⼩小的封⾯面
內⽂文設計
但中文電子書⋯⋯
問題:沒有設計
問題:花花綠綠?
問題:字型錯誤
問題:段距與⾏行距
問題:段距
問題:⼀一堆問題
總是哪裡怪怪的?
編輯功夫與版面規則 
是口述言傳的技藝
從類比到數位
從類比到數位 
排版規則標準⽂文件化製作⼯工具反應
從類比到數位 
排版規則標準⽂文件化製作⼯工具反應 
WEB規範
從類比到數位 
排版規則標準⽂文件化製作⼯工具反應 
WEB規範
從類比到數位 
排版規則標準⽂文件化製作⼯工具反應 
瀏覽器實作WEB規範
從類比到數位 
排版規則標準⽂文件化製作⼯工具反應 
瀏覽器實作WEB規範
日本的狀況 
活字、照相排版以來的 
排版作法 
JIS X 4051: 1993 
日文文書的排版方法 
PageMaker、Quark 
等排版軟體的日文支援 
W3C JLREQ 
日文排版需求書 
CSS Writing Mode 
L...
實作者如何學習 
活字、照相排版 
(不用學了) 
JIS X 4051: 1993 
日文文書的排版方法 
+ 
實務上的教科書(從這裡學起) 
排版軟體操作 
W3C JLREQ 
日文排版需求書 
電子書設計 
印刷書電子書
中文的狀況 
給我一套現成的工具 
訓練出會操作的「美工」 
做出成品就好 
問題: 
• 工具即規範的投射,規 
範來自文化,我們的文 
化不見了。 
• 只會操作,不懂原理, 
沒有原理就沒有設計, 
也不能做出品質夠好的 
成品。
Requirement for Chinese Text Layout
舉個例子:間隔號 
• 形式:全形黑點,位於字型外框的正中央。 
• 用法:置於譯名的姓名間做為區隔; 
    例:史蒂夫·賈伯斯 
   作為漢字數字的小數點,或日期區隔; 
    例:三·一四 
   作為書名、篇名與標題的分隔。 
 ...
舉個例子:間隔號 
• 「·」U+00B7 MIDDLE DOT 
• 「・」U+30FB KATAKANA MIDDLE DOT 
• 「‧」U+2027 HYPHENATION POINT 
• 「.」U+FF0E FULLWIDTH FU...
Late Better than Never
數位編輯需要知道的 
技術
容器:EPUB等 
版面設計:CSS 
結構性文件:HTML 
Unicode 
・包裝、販賣 
・檢查、整理 
・知道中文排版原則 
・做出對的設計 
・製作有結構的原稿 
・樣式與結構分離 
・找出對的字 
・使用對的符號
容器: 
EPUB與WEB的整合
WHY EPUB?
Bill McCoy 
為了Open Web而生的可攜式文件 
http://book.binb.tw/BillMc
現在所遇到的問題
EPUB 
•是離線用的格式 
•通常被下載到閱讀程式 
•不能輕易地在線上閱讀 
•內容不會被搜尋到 
•製作需要透過轉換工具 
WEB 
•通常必須連線閱讀 
•離線閱讀並不方便 
•可讀性通常不佳 
•通常依靠於許多技術 
•不保證長期存...
EPUBWEB
想做到的事 
• 單一檔案(或資料結構)同時供離線閱讀與線上開啟 
• 保持權限:你只能讀你購買(或能閱讀)的書 
• 兩方同步:包括使用者註解與進度與書籍版本一致 
• 開放標準:不需透過特定提供者(如Amazon)來辦 
到這件事情。
期刊編輯書籍編輯 
WEB編輯 
這三者未來可以是⼀一件事!
想想十年到三十年後 
的編輯工作
人們依然閱讀: 
但是和Internet脫不了關係
內容依然產出: 
但是不曉得以怎麼樣的形式
故事依然有優劣: 
但敘述故事不僅以同一種方法
設計依然存在: 
形式即內容,功能與美學 
不會消失
2013 
⽇日本真正電⼦子書元年 
1980 1985 1990 1995 2000 2005 2010 2015 
1984 
Mac誕⽣生 
1991 
Expanded 
Book 
1987 
解嚴 
1997 
洪範不使⽤用活字 
...
從業30年 
會變成怎麼個樣貌? 
1980 2015 2045 
假設你明年畢業 
25歲⼊入⾏行
Move Up!
Bobby Tung 
董福興 
W3C Invited Expert 
Co-chair of Chinese Layout Task Force 
bobbytung@wanderer.tw 
+886-975-068-558
下個世代的數位編輯
下個世代的數位編輯
下個世代的數位編輯
下個世代的數位編輯
下個世代的數位編輯
下個世代的數位編輯
下個世代的數位編輯
下個世代的數位編輯
下個世代的數位編輯
Upcoming SlideShare
Loading in …5
×

下個世代的數位編輯

857 views

Published on

12/15 世新編輯理論演講,談容器、敘事、樣式設計。

Published in: Technology

下個世代的數位編輯

  1. 1. 下個世代的數位編輯 WANDERER Bobby Tung
  2. 2. Books in Browsers @SF
  3. 3. Brewster Kahle
  4. 4. Brewster Kahle WAIS
  5. 5. Brewster Kahle WAIS $15,000,000
  6. 6. Brewster Kahle WAIS $15,000,000 ALEXA
  7. 7. Brewster Kahle $15,000,000 $250,000,000 WAIS ALEXA
  8. 8. Brewster Kahle $15,000,000 $250,000,000 WAIS ALEXA
  9. 9. Brewster Kahle $15,000,000 $250,000,000 WAIS ALEXA
  10. 10. Brewster Kahle $15,000,000 $250,000,000 Books in Browsers Since 2010 WAIS ALEXA
  11. 11. Brewster Kahle $15,000,000 $250,000,000 Books in Browsers Since 2010 WAIS 我們如何讓書與 Web緊密結合? ALEXA
  12. 12. W3C TPAC @Santa Clara
  13. 13. Tim Berners-Lee
  14. 14. Tim Berners-Lee
  15. 15. Tim Berners-Lee WWW
  16. 16. Tim Berners-Lee WWW
  17. 17. Tim Berners-Lee WWW
  18. 18. Tim Berners-Lee WWW
  19. 19. Tim Berners-Lee WWW EPUB與WEB 的核⼼心技術
  20. 20. 數位編輯包括哪些?
  21. 21. 印刷 期刊編輯書籍編輯 數位 WEB編輯粉絲團小編?
  22. 22. 印刷 期刊編輯書籍編輯 數位 WEB編輯
  23. 23. 談及的內容
  24. 24. 容 器 內容敘事 設計呈現
  25. 25. 內容敘事: 真正的電子書是什麼?
  26. 26. eBook
  27. 27. electronic Book
  28. 28. Book electronic Device
  29. 29. Book electronic Device 章節 內文 注釋 影片 聲音 互動設計
  30. 30. Book electronic Device 章節 內文 注釋 影片 聲音 互動設計 +
  31. 31. Book electronic Device 章節 內文 注釋 影片 聲音 互動設計 +?
  32. 32. 如何思考「呈現」?
  33. 33. 一、仿擬物的先行
  34. 34. 作為真實物的投射 (reflection of a profound reality) 第⼀一代Kindle, ⼀一開始電⼦子書嘗試的⺫⽬目 的都是:模仿印刷書。
  35. 35. 遮蔽,並且改變真實物 (it masks and denatures a profound reality) 這些仿製品仿造印刷書, 甚⾄至⼀一點點蓋過其物理 特質,像是早期iBooks 的書⾴頁厚度不會改變。
  36. 36. 掩飾真實物的不存在 (it masks the absence of a profound reality) 新版的iBooks索性不做 仿擬了。
  37. 37. 掩飾真實物的不存在 (it masks the absence of a profound reality) 有時還要「加」上印刷 書特有的呈現來提醒讀 者它曾經存在。
  38. 38. 仿擬物與真實物沒有關係, 就是純粹仿擬物
  39. 39. 仿擬物與真實物沒有關係, 就是純粹仿擬物
  40. 40. 二、人造觸感帶來驚奇
  41. 41. 三、可形塑的敘事
  42. 42. 80 days
  43. 43. 80 days
  44. 44. 電⼦子書不是印刷書, 但由仿擬印刷書⽽而開始。 電⼦子書脫離印刷書的形式, 找出⾃自⼰己獨有的呈現⽅方式。 觸控等「電⼦子」帶來的可能性, 增加了電⼦子書獨有的表現機會。 反映在「敘事」的變化上。
  45. 45. Molecular Gastronomy 分⼦子廚藝
  46. 46. 如何思考「結構」?
  47. 47. The Discipline of Organizing • 17位作者所共筆。 • 跨11個學⾨門。 • 這樣的書如何呈現? • 如何兼顧深度與廣度?
  48. 48. Core Content Non-Core Chapter Content Endnote
  49. 49. • 把章節內的非核心內容與註解依照學科分類; • 讓讀者能夠自己選擇要讀的內容呈現、隱藏; • 以視覺化的方式告知讀者該章節有多少非核心內容; • 讀者可以自己隱藏這些非核心內容; • 妥善利用這種編輯方式,書可以成為眾書之母。
  50. 50. 實存內容的應用 • 一篇科「普」文章:如何滿足不同程度讀者的需求? • 一本教科書:如何提供不同程度學生延伸學習? • 相同內容在沒有版面限制的印刷本與數位版上如何一 稿通用? • 一本《二十一世紀資本論》可不可以藉此簡化?
  51. 51. 「資料」如何敘事?
  52. 52. “a book is a structured sequence of intertextual components that have its structural relationship to each other, each of which is coded in order to participate in the semantic field, and a book as a whole.” –Johanna Drucker
  53. 53. 「書是由彼此有著結構關係的互相指涉元件所組 成的序列;這些元件透過編碼⽽而能介⼊入語意領域, 書即為整體。」 –Johanna Drucker
  54. 54. 標 內文題 段落 內文 段落 圖片 圖說 總結之 圖⽰示之衍伸之 說明之 編碼化
  55. 55. 她做了什麼? • 將自己過去的手稿掃瞄、編號; • 將這些手稿做成資料庫,以XML加上主題、全文與 時間、描述; • 透過線上介面讓這些資料可以透過主題查詢、呈現。
  56. 56. 她發現了什麼? • 典藏(Archive)與敘事(Narrative)本來應該是對 立的概念,但是⋯⋯ • 若能提供完整的Metadata與搜尋,那麼這些資料呈 現自然會敘述一段故事。 • 使用XML可以讓這些內容以各種數位格式出版: EPUB、PDF、HTML⋯⋯
  57. 57. 如何應用這些概念 • 內容資料庫化:Web上每天產製這麼多內容與資訊, 如何有效資料庫化來敘事? • 提供缺少的一塊:但資料庫提供的是資料,「讀者」 雖然會自己建立文脈,但編輯是否可以做到原來工作 中的「敘事」來提供給讀者內容? • 內容的再利用:若把手稿當作我們曾經出版過的書, 未來的電子書有沒有可能建立在這些素材上再產製?
  58. 58. 電⼦子 E(lectronic Device) 書 Book 類⽐比 Analogue ⼿手機、平板、電腦 與其特質印刷書 數位 Digital 內容的表現? (敘事、結構、資料)
  59. 59. 設計呈現: 排版規則與標準化
  60. 60. 夏目漱石《心》 • 設計師:祖⽗父江 慎 • 初版復刻+新設計 • 函(書盒)、封⾯面、內⾴頁 字體、⾏行距⋯⋯
  61. 61. 電子書剩下些什麼?
  62. 62. 郵票⼤大⼩小的封⾯面
  63. 63. 內⽂文設計
  64. 64. 但中文電子書⋯⋯
  65. 65. 問題:沒有設計
  66. 66. 問題:花花綠綠?
  67. 67. 問題:字型錯誤
  68. 68. 問題:段距與⾏行距
  69. 69. 問題:段距
  70. 70. 問題:⼀一堆問題
  71. 71. 總是哪裡怪怪的?
  72. 72. 編輯功夫與版面規則 是口述言傳的技藝
  73. 73. 從類比到數位
  74. 74. 從類比到數位 排版規則標準⽂文件化製作⼯工具反應
  75. 75. 從類比到數位 排版規則標準⽂文件化製作⼯工具反應 WEB規範
  76. 76. 從類比到數位 排版規則標準⽂文件化製作⼯工具反應 WEB規範
  77. 77. 從類比到數位 排版規則標準⽂文件化製作⼯工具反應 瀏覽器實作WEB規範
  78. 78. 從類比到數位 排版規則標準⽂文件化製作⼯工具反應 瀏覽器實作WEB規範
  79. 79. 日本的狀況 活字、照相排版以來的 排版作法 JIS X 4051: 1993 日文文書的排版方法 PageMaker、Quark 等排版軟體的日文支援 W3C JLREQ 日文排版需求書 CSS Writing Mode Level 3等規範 瀏覽器、閱讀程式的實作
  80. 80. 實作者如何學習 活字、照相排版 (不用學了) JIS X 4051: 1993 日文文書的排版方法 + 實務上的教科書(從這裡學起) 排版軟體操作 W3C JLREQ 日文排版需求書 電子書設計 印刷書電子書
  81. 81. 中文的狀況 給我一套現成的工具 訓練出會操作的「美工」 做出成品就好 問題: • 工具即規範的投射,規 範來自文化,我們的文 化不見了。 • 只會操作,不懂原理, 沒有原理就沒有設計, 也不能做出品質夠好的 成品。
  82. 82. Requirement for Chinese Text Layout
  83. 83. 舉個例子:間隔號 • 形式:全形黑點,位於字型外框的正中央。 • 用法:置於譯名的姓名間做為區隔;     例:史蒂夫·賈伯斯    作為漢字數字的小數點,或日期區隔;     例:三·一四    作為書名、篇名與標題的分隔。     例:詩經·魏風·碩鼠
  84. 84. 舉個例子:間隔號 • 「·」U+00B7 MIDDLE DOT • 「・」U+30FB KATAKANA MIDDLE DOT • 「‧」U+2027 HYPHENATION POINT • 「.」U+FF0E FULLWIDTH FULL STOP • 「˙」U+02D9 DOT ABOVE • 「•」U+2022 BULLET • 「●」U+25CF BLACK CIRCLE
  85. 85. Late Better than Never
  86. 86. 數位編輯需要知道的 技術
  87. 87. 容器:EPUB等 版面設計:CSS 結構性文件:HTML Unicode ・包裝、販賣 ・檢查、整理 ・知道中文排版原則 ・做出對的設計 ・製作有結構的原稿 ・樣式與結構分離 ・找出對的字 ・使用對的符號
  88. 88. 容器: EPUB與WEB的整合
  89. 89. WHY EPUB?
  90. 90. Bill McCoy 為了Open Web而生的可攜式文件 http://book.binb.tw/BillMc
  91. 91. 現在所遇到的問題
  92. 92. EPUB •是離線用的格式 •通常被下載到閱讀程式 •不能輕易地在線上閱讀 •內容不會被搜尋到 •製作需要透過轉換工具 WEB •通常必須連線閱讀 •離線閱讀並不方便 •可讀性通常不佳 •通常依靠於許多技術 •不保證長期存在 但在底層上它們共享相同的技術
  93. 93. EPUBWEB
  94. 94. 想做到的事 • 單一檔案(或資料結構)同時供離線閱讀與線上開啟 • 保持權限:你只能讀你購買(或能閱讀)的書 • 兩方同步:包括使用者註解與進度與書籍版本一致 • 開放標準:不需透過特定提供者(如Amazon)來辦 到這件事情。
  95. 95. 期刊編輯書籍編輯 WEB編輯 這三者未來可以是⼀一件事!
  96. 96. 想想十年到三十年後 的編輯工作
  97. 97. 人們依然閱讀: 但是和Internet脫不了關係
  98. 98. 內容依然產出: 但是不曉得以怎麼樣的形式
  99. 99. 故事依然有優劣: 但敘述故事不僅以同一種方法
  100. 100. 設計依然存在: 形式即內容,功能與美學 不會消失
  101. 101. 2013 ⽇日本真正電⼦子書元年 1980 1985 1990 1995 2000 2005 2010 2015 1984 Mac誕⽣生 1991 Expanded Book 1987 解嚴 1997 洪範不使⽤用活字 1995 多媒體光碟 2000 第⼀一波 電⼦子書熱潮 1995 ⽇日本出版巔峰 2007 iPhone與Kindle 登場 2010 iPad iBooks store
  102. 102. 從業30年 會變成怎麼個樣貌? 1980 2015 2045 假設你明年畢業 25歲⼊入⾏行
  103. 103. Move Up!
  104. 104. Bobby Tung 董福興 W3C Invited Expert Co-chair of Chinese Layout Task Force bobbytung@wanderer.tw +886-975-068-558

×