電子書籍デザイナーのための Dreamweaverを使ったEPUB3.0 マガジンレイアウトの実践

徹底解説！電子書籍デザイナーのための Dreamweaverを使ったEPUB3 マガジンレイアウトの実践page2012無料セミナーゾーン（デジタルワークフロー・ソリューションZONE） 2012年2月10日 PM14:10 - 15:05 境祐司 Youji Sakai

profile YOUJI SAKAIInstructional Designer 境祐司

BOOKS 最新刊（12月∼1月）ウェブレイアウトの EPUB3スタンダード Webデザイン基礎教科書デザインガイド改訂３版

community 電子書籍メデア論ィ http://www.facebook.com/eBookStrategy デザインの未来http://www.facebook.com/TheFutureDesign

Agenda今日お話すること

Web for All, Web on Everything type valuepower of expression future

Web for All, Web on Everything 徹底解説！電子書籍デザイナーのためのDreamweaverを使ったEPUB3 マガジンレイアウトの実践［1］電子雑誌の種類［2］電子雑誌の付加価値［3］電子雑誌の表現［4］電子雑誌の未来

Web for All, Web on Everything type 種類

type Web for All, Web on Everything

type Print Replica プリントレプリカ Web for All, Web on Everything

type プリントレプリカはページをイメージで表現 Web for All, Web on Everything

type プリントレプリカはデータサイズも処理も重たい？ Web for All, Web on Everything

type 小さなスクリーンでは縮小コピーのようになってしまう Web for All, Web on Everything

type Flowable Content リフローコンテンツ Web for All, Web on Everything

type 読書環境によってページ数が増減する Web for All, Web on Everything

type小さなスクリーンではリフローコンテンツの方が適している Web for All, Web on Everything

type レプリカとリフローコンテンツどちらもサポート Web for All, Web on Everything

type InDesign （EPUBエクスポーター）とDigital Editions Web for All, Web on Everything

type DEFAULT STYLE デフォルトスタイルの重要性について Web for All, Web on Everything

type デフォルトスタイルの設定（80%以上の読者を対象） Web for All, Web on Everything

type カスタマイズ機能の提供（その他の読者を対象） Web for All, Web on Everything

type デザイナーが設計するデフォルトスタイル大半の読者に読みやすい紙面を提供できる Web for All, Web on Everything

type デザイナーが設計するデフォルトスタイル大半の読者に読みやすい紙面を提供できるデフォルトスタイルでは対応できない少数の読者のためにカスタマイズ機能を搭載カスタマイズ機能はコンテンツではなくリーディングシステム側で提供 Web for All, Web on Everything

type EXTENSION 拡張技術 Web for All, Web on Everything

type リフローコンテンツの問題点 Web for All, Web on Everything

type 文字サイズやスクリーン幅で段組みに切り替える Web for All, Web on Everything

type 今までどのように処理していたのか？ Web for All, Web on Everything

type EPUB2 ＋拡張技術XPGT で対応 Web for All, Web on Everything

type デザイナーが手作業で対応するのではなくリーディングシステム側で処理する Web for All, Web on Everything

type ADVANCED LAYOUT アドバンスドレイアウト Web for All, Web on Everything

type XMDF3.0の高度なレイアウト処理 Web for All, Web on Everything

type 3.0 Web for All, Web on Everything

type アドバンスドレイアウト Web for All, Web on Everything

type アドバンスドレイアウトでまったく新しい雑誌の構築 Web for All, Web on Everything

type パッケージコンテンツとウェブコンテンツの融合 CLOUD BOOKSHELFPERSONALIZED MAGAZINE DOWNLOAD Web for All, Web on Everything

Web for All, Web on Everything value 付加価値

value Usability 電子雑誌のユーザビリティ Web for All, Web on Everything

value 事例：PixelMags http://pixelmags.com/ Web for All, Web on Everything

value Web for All, Web on Everything

value Sports Auto Boards Magazine - http://bit.ly/oGiHIx Audi Driver http://bit.ly/vzoCJ2 Cooler - http://bit.ly/pXtqHS Auto Express Magazine - http://bit.ly/rJbOuB Dig BMX - http://bit.ly/oGVJmu Autoweek Magazine - http://bit.ly/pytf59 Dirt Mountain Biking - http://bit.ly/qmwHFL Banzi - http://bit.ly/ttX2VL Karting Magazine - http://bit.ly/vNRti5 BMW Car - http://bit.ly/uu8cqt Kingpin Skateboarding - http://bit.ly/mS7PiN GT Porsche - http://bit.ly/t1TBhA Moto - http://bit.ly/q5abkS Land Rover Monthly - http://bit.ly/tJMR0X Moto X - http://bit.ly/nTOxY5 Octane - http://bit.ly/vu90Gg Onboard Snowboarding - http://bit.ly/pNbpNh Performance VW - http://bit.ly/vacEiW Poker Player Magazine - http://bit.ly/tpVFeD Preformance BMW - http://bit.ly/uEy1M2 Powder - http://bit.ly/rLDga8 Preformance Ford - http://bit.ly/vRJlrZ Ride UK BMX - http://bit.ly/nTU0M3 Retro Cars - http://bit.ly/ugyyp2 Sidewalk Skateboarding - http://bit.ly/pnsH2i Retro Ford - http://bit.ly/tSftNn Surf Europe - http://bit.ly/nTan6b Total 911 - http://bit.ly/pnsH2i The Bicycle Buyer - http://bit.ly/p0SaLK Total Honda - http://bit.ly/v28KGy The Surfers Path - http://bit.ly/puOK5e Total Impreza - http://bit.ly/sk665q Whitelines Magazine - http://bit.ly/omr865 Total Nissan - http://bit.ly/vgKqGI Classic Boats - http://bit.ly/uBjwMjYacht & Volkswagen Driver - http://bit.ly/rYNcBd Yachting - http://bit.ly/rFzD1oArtist & I llustrators - http://bit.ly/ul6md7 Cruise - http://bit.ly/rSye29 Racecar - http://bit.ly/utWXQM Britian - http://bit.ly/tg70XI Web for All, Web on Everything

value Lifestyle Entertainment Company Magazine UK - http://bit.ly/ojxKg8 Best UK - http://bit.ly/uEXD7I Cosmopolitan UK - http://bit.ly/nnCNHn Real People UK - http://bit.ly/vBRwhZ ELLE Magazine UK - http://bit.ly/prjCCf Reveal UK - http://bit.ly/ugjhYb Esquire UK - http://bit.ly/r63B2f SciFi Now - http://bit.ly/r8dW7I ForteanTimes Magazine http://bit.ly/tOXGCe The Student Magazine - http://bit.ly/v4pTNf Harpers Bazaar UK - http://bit.ly/mQImSn Viz Magazine - http://bit.ly/rPTgsb Prima Baby UK - http://bit.ly/mX8bxW Prima UK - http://bit.ly/pmH9aB Gaming Red Magazine UK - http://bit.ly/tpz43V 360 Magazine - http://bit.ly/ndSfNx Zest UK - http://bit.ly/n8tlpm GamesTM - http://bit.ly/ocTpJD Play Magazine - http://bit.ly/odbRFS Photography Retro Gamer - http://bit.ly/nex4kQ Digital Photographers - http://bit.ly/sjPiEI X360 - http://bit.ly/nKsMtF Digital SLR - http://bit.ly/uYutkB Photography for Beginners - http://bit.ly/sLe7hT Health Health and Fitness - http://bit.ly/q5CZDE Art and Design Mens Health UK - http://bit.ly/rfh7XU 3D Artist - http://bit.ly/oyKmpi Men’s ﬁtness - http://bit.ly/r3AIsA Advanced Photoshop - http://bit.ly/r3tVkm Runners World UK - http://bit.ly/rpNbgF Digital Artist http://bit.ly/tyhUKR Triathlete Europe - http://bit.ly/rzpHra iCreate Magazine - http://bit.ly/q9wham Photoshop® Creative http://bit.ly/sQf2DE Web for All, Web on Everything

value Home Professional Magazines Coast UK - http://bit.ly/tR1AM7 AEC - http://bit.ly/tYoHro Country Living UK - http://bit.ly/nRZjEG Psychologies Magazine UK http://bit.ly/tiTqhh ELLE Decoration UK - http://bit.ly/rPKs8I Good Housekeeping UK - http://bit.ly/odC2PP House Beautiful UK - http://bit.ly/qpZ0vQ Tech Apps Magazine - http://bit.ly/o25IPi Computer Shopper - http://bit.ly/sN57cY Computing Magazine - http://bit.ly/vQbVT9 Custom PC - http://bit.ly/uFjr84 How It Works Magazine - http://bit.ly/nyfy6v Linux User & Developer - http://bit.ly/qdi64a MicroMart http://bit.ly/uQ7hix MacUser - http://bit.ly/t1IgBo Smartphone Essentials - http://bit.ly/nPeagu T3 Danmark - http://bit.ly/uqZgqb - (German) Web Designer - http://bit.ly/p3yyNR Web User - http://bit.ly/sIUuM3 Web for All, Web on Everything

value 電子雑誌の立ち読み試し読み・ Web for All, Web on Everything

value 雑誌を選択 Web for All, Web on Everything

value 全ページ閲覧可能 Web for All, Web on Everything

value 全ページ閲覧可能本文は文字が小さくて読めないが何が書かれているか、見出しや図版などで判断できる Web for All, Web on Everything

value 電子雑誌の立ち読み試し読み・・電子書籍であれば「最初の10ページだけ」「1章だけ」等の試し読みは有効・電子雑誌は、全ページチェック可能にしなければいけない Web for All, Web on Everything

value データ形式読者アカウント・ Web for All, Web on Everything

value データ形式の確認 Web for All, Web on Everything

value 読者アカウント Web for All, Web on Everything

value 電子雑誌のダウンロード Web for All, Web on Everything

value 雑誌を購入 Web for All, Web on Everything

value ダウンロード Web for All, Web on Everything

value ダウンロードが完了するまで待たなければいけない？ Web for All, Web on Everything

valueダウンロード中でも読める Web for All, Web on Everything

value ダウンロードしながら読み始める Web for All, Web on Everything

value 電子雑誌のダウンロード・レプリカの電子雑誌はデータサイズが大きい・データサイズが大きいことを読者に伝える・ダウンロードしながら読み始めることができるストリーミングを採用 Web for All, Web on Everything

value 電子雑誌の本文検索 Web for All, Web on Everything

value 検索で探す Web for All, Web on Everything

value 過去に買ったバックナンバーすべてが本文検索の対象購入した雑誌だけが検索対象ではない Web for All, Web on Everything

value 電子雑誌の可読性 Web for All, Web on Everything

value Think! シンク東洋経済新報社 GALAPAGOS STORE http://www.toyokeizai.net/shop/magazine/think/ Web for All, Web on Everything

valueレプリカの問題点（小さなスクリーンでは縮小コピー） Web for All, Web on Everything

value プリントレプリカ Web for All, Web on Everything

value リフローコンテンツ記事は電子書籍のように読める Web for All, Web on Everything

value ハイブリッドアプローチ大きなスクリーン小さなスクリーンレプリカリフロー Web for All, Web on Everything

value Usability 電子雑誌のユーザビリティイーブックデザイナーの重要な仕事 Web for All, Web on Everything

Web for All, Web on Everything power ofexpression 表現力

power of expression power of expression Web for All, Web on Everything

power of expression CSS3 Web for All, Web on Everything

power of expression Web for All, Web on Everything

power of expression CSS3 Text Font テキスト・フォント Web for All, Web on Everything

power of expression CSS3 Layout レイアウト Web for All, Web on Everything

power of expression CSS3 Media Queries メディアクエリ Web for All, Web on Everything

power of expression WEB STANDARDS オープンスタンダード技術 Web for All, Web on Everything

power of expression EPUB3 http://idpf.org/epub/30 Web for All, Web on Everything

power of expression EPUB3 アドバンスドレイアウト Web for All, Web on Everything

power of expression DREAMWEAVER Web for All, Web on Everything

power of expression FUSEe 一般的なEPUB電子書籍オーサリングはFUSEeが良い http://development.fusenetwork.co.jp/ Web for All, Web on Everything

power of expression DREAMWEAVER 高度なリフローコンテンツを設計するため Web for All, Web on Everything

power of expression EPUBを構成するファイルの拡張子を登録 Web for All, Web on Everything

power of expression EPUBを構成するファイルの拡張子を登録 ※注意 .epub は登録しない Web for All, Web on Everything

power of expression EPUBの構造をローカルサイトに構築 Web for All, Web on Everything

power of expression SVG Web for All, Web on Everything

power of expression MathML Web for All, Web on Everything

power of expression MathML プレビューエンジンはGecko Web for All, Web on Everything

power of expression vertical-writing Web for All, Web on Everything

power of expression vertical-writing プレビューエンジンはWebKit Web for All, Web on Everything

power of expression Packaging EPUBファイルの圧縮・解凍 Web for All, Web on Everything

power of expression Windows環境 Web for All, Web on Everything

power of expression Mac OS X環境フォルダをドラッグするだけで圧縮・解答デモンストレーションをご覧ください Web for All, Web on Everything

power of expression Kindle Edition Amazon Kindle Format Web for All, Web on Everything

power of expression KindleGen 変換精度を高めるためバージョンを分ける Web for All, Web on Everything

power of expression Reading System リーディングシステム Web for All, Web on Everything

power of expression Browser-based ブラウザ上で展開する場合 Web for All, Web on Everything

power of expression SMART DEVICE Web for All, Web on Everything

power of expression SMART DEVICE DESKTOP Web for All, Web on Everything

power of expression ibis reader http://ibisreader.com/ Web for All, Web on Everything

power of expression iOS, Android, Windows, Mac OS Web for All, Web on Everything

power of expression EPUB3 アドバンスドレイアウト Web for All, Web on Everything

Web for All, Web on Everything future 未来

futureCONTENTS IS KING コンテンツ・イズ・キング Web for All, Web on Everything

future 雑誌 GALAPAGOS STORE Web for All, Web on Everything

future 雑誌を選択 Web for All, Web on Everything

future 有料メールマガジン Web for All, Web on Everything

future ページネイションカスタマイズ本文検索 Web for All, Web on Everything

future 定期購読リフローコンテンツ Web for All, Web on Everything

future EPUB Content CSS HTML JavaScript Web for All, Web on Everything

future Text テキスト CSS HTML JavaScript Web for All, Web on Everything

future TEXT +IMAGEs 含有イメージデータ Web for All, Web on Everything

future 電子書籍・電子雑誌の技術 Web for All, Web on Everything

future Interoperability 相互に運用可能か？ Evolvability 発展性があるか？ Web for All, Web on Everything

future 永続性 TEXT +IMAGEs 含有イメージデータ Web for All, Web on Everything

future 電子書籍ストアの定期購読商品有料メールマガジン Web for All, Web on Everything

future Web for All, Web on Everything

future http://ﬂipboard.com/ Web for All, Web on Everything

futureCONTENTS IS KING コンテンツ・イズ・キング Web for All, Web on Everything

LAST MESSAGE 最後に

継承と改革・プリントレプリカは可能な限り自動化

継承と改革・プリントレプリカは可能な限り自動化・セルフパブリッシングはCMS

継承と改革・プリントレプリカは可能な限り自動化・セルフパブリッシングはCMS・書籍リフローコンテンツはエディトリアルツールからのエクスポート

継承と改革・プリントレプリカは可能な限り自動化・セルフパブリッシングはCMS・書籍リフローコンテンツはエディトリアルツールからのエクスポート・高度なリフローコンテンツはアプリもしくはウェブ開発のワークフロー

Thank you for your attention. ご清聴ありがとうございました

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

http://www.scoop.it	163
http://paper.li	1
http://a0.twimg.com	1
http://purecrest.blogspot.com	1
http://webcache.googleusercontent.com	1

電子書籍デザイナーのための Dreamweaverを使ったEPUB3.0 マガジンレイアウトの実践

by Youji Sakai on Feb 09, 2012

Accessibility

Categories

Upload Details

Usage Rights

5 Embeds 167

Statistics

電子書籍デザイナーのための Dreamweaverを使ったEPUB3.0 マガジンレイアウトの実践 Presentation Transcript