イーブックデザイナーの仕事/HTML5ブックデザインの可能性

4,174 views

Published on

イーブックデザイナーの仕事
HTML5ブックデザインの可能性

WCAN 2012 Spring
2012年3月10日(土)
名古屋国際会議場 会議室 141+142
SESSION-1 (80分) 14:50〜16:10

Published in: Technology
0 Comments
12 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,174
On SlideShare
0
From Embeds
0
Number of Embeds
49
Actions
Shares
0
Downloads
82
Comments
0
Likes
12
Embeds 0
No embeds

No notes for slide

イーブックデザイナーの仕事/HTML5ブックデザインの可能性

  1. 1. イーブックデザイナーの仕事HTML5 ブックデザインの可能性 WCAN 2012 Spring 2012年3月10日(土) 名古屋国際会議場 会議室 141+142 境祐司 Youji Sakai
  2. 2. profile YOUJI SAKAIInstructional Designer 境祐司
  3. 3. BOOKS 最新刊(12月∼1月)ウェブレイアウトの EPUB3スタンダード Webデザイン基礎 教科書 デザインガイド 改訂3版
  4. 4. community 電子書籍メデ ア論 ィ http://www.facebook.com/eBookStrategy デザインの未来http://www.facebook.com/TheFutureDesign
  5. 5. Agenda今日お話すること
  6. 6. Web for All, Web on Everything イーブックデザイナーの仕事 HTML5 ブックデザインの可能性[1]イーブックデザイナーとは[2]電子書籍の計画[3]電子書籍の編集[4]電子出版の将来
  7. 7. Web for All, Web on EverythingWHAT IS A EBOOK DESIGNER? 1 イーブックデザイナーとは
  8. 8. WHAT IS A EBOOK DESIGNER? 1980年代 Web for All, Web on Everything
  9. 9. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  10. 10. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  11. 11. WHAT IS A EBOOK DESIGNER? DTP マルチメディア Web for All, Web on Everything
  12. 12. WHAT IS A EBOOK DESIGNER? 1993 1988 1985 Web for All, Web on Everything
  13. 13. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  14. 14. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  15. 15. WHAT IS A EBOOK DESIGNER? 2012, 2013, 2014... Web for All, Web on Everything
  16. 16. WHAT IS A EBOOK DESIGNER? 出版とウェブの融合 Web for All, Web on Everything
  17. 17. WHAT IS A EBOOK DESIGNER? 1990年代 Web for All, Web on Everything
  18. 18. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  19. 19. WHAT IS A EBOOK DESIGNER? DTP マルチメディア Web for All, Web on Everything
  20. 20. WHAT IS A EBOOK DESIGNER? DTP DTPデザイナー マルチメディア マルチメディアクリエーター グラフィックデザイナー Web for All, Web on Everything
  21. 21. WHAT IS A EBOOK DESIGNER? DTP DTPデザイナー マルチメディア ウェブデザイナー マルチメディアクリエーター グラフィックデザイナー Web for All, Web on Everything
  22. 22. WHAT IS A EBOOK DESIGNER? 現在 DTPデザイナー イーブック ウェブデザイナー デザイナー Web for All, Web on Everything
  23. 23. WHAT IS A EBOOK DESIGNER? イーブックデザイナーは 専門職として成り立つか? Web for All, Web on Everything
  24. 24. WHAT IS A EBOOK DESIGNER? Market 電子書籍の市場 Web for All, Web on Everything
  25. 25. WHAT IS A EBOOK DESIGNER? 電子書籍の市場 Web for All, Web on Everything
  26. 26. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  27. 27. WHAT IS A EBOOK DESIGNER? 携帯電話 パソコン スマートデバイス等 Web for All, Web on Everything
  28. 28. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  29. 29. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  30. 30. WHAT IS A EBOOK DESIGNER? 電子書籍の定義 Web for All, Web on Everything
  31. 31. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  32. 32. WHAT IS A EBOOK DESIGNER? リーディングシステム フォーマット プラットフォーム Web for All, Web on Everything
  33. 33. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  34. 34. WHAT IS A EBOOK DESIGNER? FORMAT フォーマット Web for All, Web on Everything
  35. 35. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  36. 36. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  37. 37. WHAT IS A EBOOK DESIGNER? 中間フォーマットと配布フォーマット Web for All, Web on Everything
  38. 38. WHAT IS A EBOOK DESIGNER? 中間フォーマットと配布フォーマット 画像処理作業の場合 Web for All, Web on Everything
  39. 39. WHAT IS A EBOOK DESIGNER? 中間フォーマットと配布フォーマット デジタルカメラで 撮った写真 Web for All, Web on Everything
  40. 40. WHAT IS A EBOOK DESIGNER? 中間フォーマットと配布フォーマット デジタルカメラで PSD 撮った写真 Web for All, Web on Everything
  41. 41. WHAT IS A EBOOK DESIGNER? 中間フォーマットと配布フォーマット デジタルカメラで PSD JPEG 撮った写真 GIF PNG Web for All, Web on Everything
  42. 42. WHAT IS A EBOOK DESIGNER? 中間フォーマットと配布フォーマット Illustratorで FLA SWF 作成した図 MP4 Web for All, Web on Everything
  43. 43. WHAT IS A EBOOK DESIGNER? 中間フォーマットと配布フォーマット 原稿(テキスト) EPUB Kindle Format 図版 Web for All, Web on Everything
  44. 44. WHAT IS A EBOOK DESIGNER? ReadingSystem リーディングシステム Web for All, Web on Everything
  45. 45. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  46. 46. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  47. 47. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  48. 48. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  49. 49. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  50. 50. WHAT IS A EBOOK DESIGNER? History 電子書籍の歴史 Web for All, Web on Everything
  51. 51. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  52. 52. WHAT IS A EBOOK DESIGNER? 電子書籍元年 Web for All, Web on Everything
  53. 53. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  54. 54. WHAT IS A EBOOK DESIGNER? EPUBの前身 Web for All, Web on Everything
  55. 55. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  56. 56. WHAT IS A EBOOK DESIGNER? EPUB2.0 Kindle Web for All, Web on Everything
  57. 57. WHAT IS A EBOOK DESIGNER? History マークアップ言語の歴史 Web for All, Web on Everything
  58. 58. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  59. 59. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  60. 60. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  61. 61. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  62. 62. WHAT IS A EBOOK DESIGNER? 1986 1969 Web for All, Web on Everything
  63. 63. WHAT IS A EBOOK DESIGNER? 1999 1986 1969 Web for All, Web on Everything
  64. 64. Web for All, Web on Everything INFORMATION DESIGN 2 電子書籍の設計
  65. 65. WHAT IS A EBOOK DESIGNER? ワークフローを決定する Web for All, Web on Everything
  66. 66. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  67. 67. WHAT IS A EBOOK DESIGNER? FUSEe 一般的なEPUB電子書籍オーサリングはFUSEe http://development.fusenetwork.co.jp/ Web for All, Web on Everything
  68. 68. WHAT IS A EBOOK DESIGNER? DREAMWEAVER 高度なリフローコンテンツを設計する場合 Web for All, Web on Everything
  69. 69. WHAT IS A EBOOK DESIGNER? vertical-writing プレビューエンジンはWebKit Web for All, Web on Everything
  70. 70. WHAT IS A EBOOK DESIGNER? SVG Web for All, Web on Everything
  71. 71. WHAT IS A EBOOK DESIGNER? MathML プレビューエンジンはGecko Web for All, Web on Everything
  72. 72. WHAT IS A EBOOK DESIGNER? 採用するフォーマットの 特性を理解する Web for All, Web on Everything
  73. 73. WHAT IS A EBOOK DESIGNER? EPUB3 EPUB2 XMDF .book PDF KF8 Web for All, Web on Everything
  74. 74. WHAT IS A EBOOK DESIGNER? EPUB3 EPUB2 XMDF 国内 .book PDF KF8 Web for All, Web on Everything
  75. 75. WHAT IS A EBOOK DESIGNER? EPUB3 Web for All, Web on Everything
  76. 76. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  77. 77. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  78. 78. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  79. 79. WHAT IS A EBOOK DESIGNER? 採用するフォーマットの 仕様を理解する Web for All, Web on Everything
  80. 80. WHAT IS A EBOOK DESIGNER? EPUB3 Web for All, Web on Everything
  81. 81. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  82. 82. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  83. 83. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  84. 84. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  85. 85. WHAT IS A EBOOK DESIGNER? 採用するフォーマットの 表現力を把握する Web for All, Web on Everything
  86. 86. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  87. 87. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  88. 88. WHAT IS A EBOOK DESIGNER? フォーマットを決定する Web for All, Web on Everything
  89. 89. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  90. 90. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  91. 91. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  92. 92. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  93. 93. WHAT IS A EBOOK DESIGNER? EPUB3 EPUB2 XMDF .book PDF KF8 Web for All, Web on Everything
  94. 94. WHAT IS A EBOOK DESIGNER? EPUB3 Flowable Content or Fixed EPUB2 Flowable Content XMDF Flowable Content or Fixed .book Flowable Content or Fixed PDF Replica KF8 Flowable Content or Fixed Web for All, Web on Everything
  95. 95. WHAT IS A EBOOK DESIGNER? ※策定中 EPUB3 Flowable Content or Fixed EPUB2 Flowable Content XMDF Flowable Content or Fixed .book Flowable Content or Fixed PDF Replica KF8 Flowable Content or Fixed Web for All, Web on Everything
  96. 96. WHAT IS A EBOOK DESIGNER? アセット管理の方針を決める Web for All, Web on Everything
  97. 97. WHAT IS A EBOOK DESIGNER? Interoperability 相互に運用可能か? Evolvability 発展性があるか? Web for All, Web on Everything
  98. 98. WHAT IS A EBOOK DESIGNER? 電子書籍・電子雑誌の技術 PDF? アプリ? HTML5? Web for All, Web on Everything
  99. 99. WHAT IS A EBOOK DESIGNER? EPUB Web for All, Web on Everything
  100. 100. WHAT IS A EBOOK DESIGNER? Text テキスト CSS HTML JavaScript Web for All, Web on Everything
  101. 101. WHAT IS A EBOOK DESIGNER? 永続性 TEXT +IMAGEs 含有イメージデータ Web for All, Web on Everything
  102. 102. WHAT IS A EBOOK DESIGNER? HTML TEXT IMAGES CSS JavaScript Web for All, Web on Everything
  103. 103. WHAT IS A EBOOK DESIGNER? 対象とする リーディングシステムを決定する Web for All, Web on Everything
  104. 104. WHAT IS A EBOOK DESIGNER? OSとデバイス Web for All, Web on Everything
  105. 105. WHAT IS A EBOOK DESIGNER? iOS Android Kindle kobo Sony Reader PC(Win, Mac) Web for All, Web on Everything
  106. 106. WHAT IS A EBOOK DESIGNER? 電子書籍フォーマット Web for All, Web on Everything
  107. 107. WHAT IS A EBOOK DESIGNER? WebKit ウェブキット系 RMSDK リーダーモバイルSDK系 proprietary technology プロプライアタリ Web for All, Web on Everything
  108. 108. WHAT IS A EBOOK DESIGNER? アプリケーション Web for All, Web on Everything
  109. 109. WHAT IS A EBOOK DESIGNER? NativeApps ネイティブアプリ WebApps ウェブアプリ Web for All, Web on Everything
  110. 110. WHAT IS A EBOOK DESIGNER? NativeApps ネイティブアプリ WebApps ウェブアプリ Web for All, Web on Everything
  111. 111. WHAT IS A EBOOK DESIGNER? SMART DEVICE Web for All, Web on Everything
  112. 112. WHAT IS A EBOOK DESIGNER? SMART DEVICE DESKTOP Web for All, Web on Everything
  113. 113. WHAT IS A EBOOK DESIGNER? ibis reader http://ibisreader.com/ Web for All, Web on Everything
  114. 114. WHAT IS A EBOOK DESIGNER? iOS, Android, Windows, Mac OS Web for All, Web on Everything
  115. 115. Web for All, Web on Everything PRODUCTION WORK 3 電子書籍の編集
  116. 116. PRODUCTION WORK WEB STANDARDS オープンスタンダード技術 http://idpf.org/epub/30 Web for All, Web on Everything
  117. 117. PRODUCTION WORK CSS3 Web for All, Web on Everything
  118. 118. PRODUCTION WORK Web for All, Web on Everything
  119. 119. PRODUCTION WORK CSS3 Text Font テキスト・フォント Web for All, Web on Everything
  120. 120. PRODUCTION WORK Web for All, Web on Everything
  121. 121. PRODUCTION WORK Web for All, Web on Everything
  122. 122. PRODUCTION WORK Web for All, Web on Everything
  123. 123. PRODUCTION WORK CSS3 Layout レイアウト Web for All, Web on Everything
  124. 124. PRODUCTION WORK Web for All, Web on Everything
  125. 125. PRODUCTION WORK Web for All, Web on Everything
  126. 126. PRODUCTION WORK Web for All, Web on Everything
  127. 127. PRODUCTION WORK Web for All, Web on Everything
  128. 128. PRODUCTION WORK CSS3 Media Queries メディアクエリ Web for All, Web on Everything
  129. 129. PRODUCTION WORK Web for All, Web on Everything
  130. 130. PRODUCTION WORK Web for All, Web on Everything
  131. 131. WHAT IS A EBOOK DESIGNER? ADVANCED LAYOUT アドバンスドレイアウト Web for All, Web on Everything
  132. 132. WHAT IS A EBOOK DESIGNER? アドバンスドレイアウト Web for All, Web on Everything
  133. 133. WHAT IS A EBOOK DESIGNER? デジタルファースト Web for All, Web on Everything
  134. 134. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  135. 135. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  136. 136. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  137. 137. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  138. 138. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  139. 139. WHAT IS A EBOOK DESIGNER? Web for All, Web on Everything
  140. 140. WHAT IS A EBOOK DESIGNER? AAL Advanced Adaptive Layout Web for All, Web on Everything
  141. 141. WHAT IS A EBOOK DESIGNER? EPUB3 Advanced Adaptive Layout アドバンスド・アダプティブ・レイアウト Advanced Adaptive Layout working group http://code.google.com/p/epub-revision/source/browse/wiki/AALMemberList.wiki?r=3858 Web for All, Web on Everything
  142. 142. Web for All, Web on Everything FUTURE OF THE EBOOK 4 電子書籍の未来
  143. 143. FUTURE OF THE EBOOK CONTENTS IS KING コンテンツ・イズ・キング Web for All, Web on Everything
  144. 144. FUTURE OF THE EBOOK 電子書籍ストアの定期購読商品 有料メールマガジン Web for All, Web on Everything
  145. 145. FUTURE OF THE EBOOK レイアウトテクノロジー Web for All, Web on Everything
  146. 146. FUTURE OF THE EBOOK http://flipboard.com/ Web for All, Web on Everything
  147. 147. FUTURE OF THE EBOOK Twitterのツイートも Facebookのウォールも 2chまとめサイトも 何でも パブリッシュできる Web for All, Web on Everything
  148. 148. WHAT IS A EBOOK DESIGNER? 高度なレイアウト表現・記事を入れ替える・記事単位で販売 ソーシャルメディアで共有する・編集する Web for All, Web on Everything
  149. 149. WHAT IS A EBOOK DESIGNER? 所有する電子書籍・情報消費される電子書籍 CLOUD BOOKSHELF PERSONALIZED MAGAZINE DOWNLOAD Web for All, Web on Everything
  150. 150. LAST MESSAGE 最後に
  151. 151. ウェブデザイナーの仕事をしながら 電子書籍のプロジェクトに 携わるには
  152. 152. 電子書籍の市場はまだ小さいがイーブックデザイナーも少ない
  153. 153. 待っていても仕事は来ない発注したくてもできない状況(電子書籍に関する情報が少ないため)
  154. 154. ショーケース サイトを公開する ・ [参 考] HTML5を普及させるために Google, Appleがやったこと
  155. 155. 領域外の技術習得は必要だが 可能な限りウェブデザインのスキルを生かす
  156. 156. 今は電子書籍制作の受注ではなく 提案とプロトタイプ
  157. 157. ウェブデザイナー イーブックデザイナー
  158. 158. 現在 電子出版業界で活躍している人はウェブデザイナー イーブックデザイナー ウェブサイトをつくらないウェブデザイナー
  159. 159. もし電子書籍に興味があるなら
  160. 160. Go For Broke ゴーフォーブローク
  161. 161. Thank you for your attention. ご清聴ありがとうございました
  162. 162. community 電子書籍メデ ア論 ィh t t p : / / w w w. f a c e b o o k . c o m / e B o o k S t r a t e g y

×