Upload
youji-sakai
View
22
Download
2
Embed Size (px)
DESCRIPTION
JAGATカンファレンス in JP2011年5月12日(水)~14日(土)インテックス大阪電子書籍DAY(5月12日)「すぐわかるEPUBと電子書籍 」PM15:00-16:30講演者:境祐司
Citation preview
すぐわかるEPUBと電子書籍
境祐司http: / /design-zero. tv /2010/ebook.html
@commonsty le
2011.05.12
JAGATカンファレンス in JP
インストラクショナルデザイナー
自己紹介
境祐司
電子書籍のPodcast
http://admn.air-nifty.com/web_design/
日刊徒然音声雑記日刊イーブックストラテジー
Googleで「音声雑記」を検索
主な著書「デザイナーなら絶対知っておくべき Webデザイン50の原則」(ソフトバンククリエイティブ)、「速習Webデザイン Flash CS4」(技術評論社)、「Webデザイン&スタイルシート逆引き実践ガイドブック」(ソシム)、「3行レシピ ブログデザイン」(共著/翔泳社)、「ネタ帳デラックス Flashテクニック」(共著/MdN)「速習Webデザイン Dreamweaver CS3」「速習Webデザイン Flash CS3」(技術評論社)、「Flash逆引きデザイン事典」(共著/翔泳社)、「スタイルシートデザインのネタ帳」(監修/MdN)、『Making a Rule for Web Design』(ソーテック)、『CSSビジュアルデザイン・メソッド』(毎日コミュニケーションズ)、『XHTMLマークアップ&スタイルシート リフォームデザインガイドブック』(ソシム)、『改訂新版 Webデザイン基礎』(技術評論社)など。
最近執筆した電子書籍関連の書籍、雑誌
電子書籍の作り方発行:技術評論社/価格:1,449円
[1]電子書籍の基礎知識[2]EPUBフォーマットの電子書籍[3]電子書籍の設計方法[4]電子書籍の制作方法[5]電子書籍を販売する方法
すぐわかるEPUBと電子書籍
[1]電子書籍の基礎知識
・対象デバイス(ハードウェア)
・対象プラットフォーム(流通)
・企業のフォーマット、オープンスタンダード
・記述フォーマット、交換フォーマット、
閲覧フォーマット、配布フォーマット
・DRM(強い・弱い・なし)
対象デバイス(ハードウェア)
・文芸書に適している・長時間の読書に適している・グレースケール・軽量で省電力・単機能・安価
Kindle, Nook, Reader, etc...
読書専用端末
・電子書籍はあくまで コンテンツの一つ・ビジュアル要素の多い雑誌に 適している・マルチメディアに対応・高機能・読書専用端末よりも高価
iPad, iPhone, GALAXY Tab, GALAPAGOS, PC, Mac OS, etc...
汎用端末
対象プラットフォーム(流通)
対象プラットフォーム(流通)
電子書籍フォーマット
・プロダクション契約・オーサリング環境の提供、ユーザサポート・技術情報の守秘義務・ライセンス料
企業が開発・提供するフォーマット
・誰でも自由に利用でき、商用目的でもOK・お金がかからない・今のところ、専門の知識が必要・ワークフローも構築する必要がある
オープンスタンダードフォーマット
電子書籍フォーマットの種類
電子書籍フォーマットの種類制作者側
PAGE 2011[2月3日 AM11:50-PM12:45]
配布形式は?
交換フォーマット
DRM(Digital Rights Management)デジタル著作権管理
強いDRM
弱いDRMSocial DRM
Buy Once, Read Everywhere.
・Kindle for iPhone and iPod touch・Kindle for iPad・Kindle for PC・Kindle for Mac・Kindle for Android・Kindle for BlackBerry
リーダーアプリケーションを提供Kindle Apps
iPhoneからAndroidに乗り換えても電子書籍を引き継ぐことができる
[2]EPUBフォーマットの電子書籍
・EPUBフォーマットとは?
・文芸書フォーマットと雑誌フォーマット
・電子書籍のナビゲーション
・マルチメディアの対応
・日本語組版の再現性
EPUBフォーマットの電子書籍とは?
EPUBepub is a standard file format, developed by the IDPF, for reflowable digital books and publications.
IDPF(International Digital Publishing Forum)が策定している「リフロー処理」可能な電子書籍のためのオープンなフォーマット2007年9月にリリース
EPUBの歴史
EPUB3.0
HTML5
ナビゲーションコントロール目次・索引・脚注
EPUBは文芸書フォーマット?
文芸書フォーマット
大見出し中見出し小見出し段 落
<h1> </h1>
<h2> </h2>
<h3> </h3>
<p> </p>
タグ付きドキュメント
リフロー処理
EPUBでも段組みは可能だが...
書籍雑誌新聞
漫画写真集教科書
リフロー処理に適した「本」は?
文芸書フォーマット
Enhanced eBookビデオ・オーディオの組み込み
マルチメディアは?
インタラクティブな電子書籍ゲーム領域の電子書籍は出版の仕事か?
日本語の組版表現EPUB 3.0
CSS Text Level 3改行規則、行組版(詰め、字間、揃えなど)、行頭・行末処理(ぶら下げなど)、文字装飾、文字変換の仕様http://www.w3.org/TR/css3-text/
CSS Writing Modes Module Level 3書字方向(縦書き(日本、中国、台湾)Right-To-Left(アラビア語、ヘブライ語など)逆方向の古代モンゴル語)、縦中横、論理方向などの仕様http://dev.w3.org/csswg/css3-writing-modes/
EPUB3.0の仕様とリーダーアプリケーションの実装
「縦書きの表示がきれいじゃない」それは仕様の問題?実装の問題?
Aldus PageMaker 1.0(1987年)QuarkXPress 1.0(1989年)Adobe InDesign 1.0(1999年)
最初のバージョンを思い出してください
(※最初から完璧な製品は出てこない)
フィードバックが重要専門家の意見によって実装レベルも
向上していく(※実装には差異がある)
日本語の組版表現
[3]電子書籍の設計方法
・ブックカバーのデザイン
・図版の指定
・縦方向のレイアウト、横方向のレイアウト
・可読性の保証
・デフォルトのページデザイン
ブックカバーの定義グラフィックデザイン
Apple iBooks
Kindle for iPad
Kobo iPad App
Bluefire App
ブックカバーはストアの「顔」になる
ランドスケープモード見開きの表現
縦向きと横向き
Apple iBooks
Kindle for iPad
ユーザー中心思想iPadとiPhoneに同じページデザインを
適用することの是非
電子書籍の可読性
PDFの電子書籍iPhoneで表示
電子書籍の可読性
PDFの電子書籍iPhoneで表示・縮小コピーのような表示・文字が読めない・読書にズームや スクロール操作を強いる
電子書籍の可読性
EPUBの電子書籍iPhoneで表示・リフロー処理で 可読性が向上した・文字サイズの調整が可能・レイアウトデザインは 消滅した
電子書籍の可読性
レイアウト保持か? 可読性の保証か?
ハイブリッドデザインの試みレイアウトを保持し、可読性を保証する
電子書籍の可読性
ページの画像化
・レイアウトデザインを そのまま生かす・ビジュアルを楽しむ
電子書籍の可読性
テキスト情報を持つ
・記事を読むときは リフロー処理のページ・文字サイズの調整も可能
電子書籍の可読性
電子雑誌で採用されている
小さな画面で読む電子書籍アジャスタブル(調整可能)であること
Apple iBooks
小さな画面で読む電子書籍
Kindle for iPhone
小さな画面で読む電子書籍
小さな画面で読む電子書籍
Kobo iPhone App
小さな画面で読む電子書籍
小さな画面で読む電子書籍
小さな画面で読む電子書籍
小さな画面で読む電子書籍
デフォルトのデザインデフォルトが適切にデザインされていれば大半の読者はカスタマイズなしで読める
デフォルトのデザイン70%
読者の反応
カスタマイズレベル125%
読者の反応
カスタマイズレベル25%
読者の反応
アクセシブルなコンテンツが読者から支持される理由
mobile
Apps
Apps
読者の多様なニーズに応えるさまざまなデバイスに最適化された電子書籍を
提供する
[4]電子書籍の制作方法
・コーディングの作業
・検証の作業
・チェックの内容(バリデーション、
ユーザビリティ、アクセシビリティ)
ワークフローの選択
企業が開発・提供するフォーマット
EPUBフォーマットのワークフロー
EPUBオーサリングツールSigil
http://code.google.com/p/sigil/
制作工程の事例
制作工程の事例
制作工程の事例
制作工程の事例
制作工程の事例
制作工程の事例
制作工程の事例
制作工程の事例
制作工程の事例
書籍の検証
・EPUBのバリデーション・ユーザビリティ チェック・アクセシビリティ チェック
EPUBの規格に準拠しているかチェック
EpubCheckhttp://code.google.com/p/epubcheck/
EPUB validatorhttp://threepress.org/document/epub-validate/
Threepress Consulting Inc.
書籍の検証
[5]電子書籍を販売する方法
・電子書籍ストアで販売
・自社サイトで販売
電子書籍以外の収益既刊本の販売促進
電子書籍のバリエーションイベントとタイアップ
ソーシャメルメディアと連携
「立ち読み」のための電子書籍
Ballistic Publishinghttp://www.ballisticpublishing.com/books/dartiste/matte_painting/
バリスティック・パブリッシング
高価な解説書画集・写真集・絵本アートブック
「絵本ナビ」絵本の全ページ無料閲覧
実験サービス
・無料閲覧の対象は31作品・販売数が計5倍弱に伸びた・10月以降の本格展開を決定
9/16までの1ヵ月間
高価な解説書画集・写真集・絵本アートブック
繰り返し読まれる本「使う」本ユーティリティブック
電子書籍のバリエーション
「インターネットの歴史」出版社A
「インターネットの歴史」出版社A
「インターネットの黒歴史」自分の出版社
イーブック・バリエーション
「インターネットの歴史」出版社A
「インターネットの黒歴史」自分の出版社
イーブック・バリエーション
初版7000部/224ページ
1000DL/80ページ
「インターネットの歴史」出版社A
「インターネットの黒歴史」自分の出版社
イーブック・バリエーション
「インターネットの歴史」出版社A
「インターネットの黒歴史」自分の出版社
イーブック・バリエーション
「インターネットの黒歴史」出版社A
「インターネットの歴史」 出版社A
「インターネットの黒歴史」 自分の出版社イーブック・バリエーション
「インターネットの黒歴史」出版社A
「インターネットの黒歴史の黒歴史」自分の出版社イーブック・バリエーション(第3章を拡張)
「インターネットの歴史」 出版社A
「インターネットの黒歴史」 自分の出版社イーブック・バリエーション
「インターネットの歴史」 出版社A
「インターネットの黒歴史」 自分の出版社イーブック・バリエーション
リアルイベント・トークショー
「黒歴史2.0」イベントの文字起こし 自分の出版社イーブック・バリエーション
イベントとタイアップ
海外の先行事例から学ぶ
Jeffrey Zeldmanジェフリー・ゼルドマン
A List Aparthttp://www.alistapart.com/
WebMagazine
参考になる解説書・サイトの紹介
http://bit.ly/huvPjp
http://bit.ly/gAXdRS
[参考サイト]
[参考書籍]
オープンスタンダードフォーマットと電子出版
”書籍 = 電子書籍” で協業エディトリアルデザイナーとウェブデザイナー
community
電子書籍メディア論http://www.facebook.com/eBookStrategy
ご清聴ありがとうございました
境祐司http: / /design-zero. tv /2010/ebook.html
@commonsty le
すぐわかるEPUBと電子書籍JAGATカンファレンス in JP
community
電子書籍メディア論http://www.facebook.com/eBookStrategy