EPUB3.0でつくる電子雑誌の可能性

EPUB3.0MAGAZINEdesigning

EPUB3.0でつくる電子雑誌の可能性

Instructional Designer境祐司

profile

YOUJI SAKAI

community

電子書籍メディア論http://www.facebook.com/eBookStrategy

デザインの未来http://www.facebook.com/TheFutureDesign

企業内のセミナーで使用したスライド資料です。公開できない部分は削除してあります。

EPUB3.0 MAGAZINE DESIGNING

MAGAZINE電子雑誌

format

PDFPDF版の電子雑誌

FLASHSWF版の電子雑誌

APPSアプリ版の電子雑誌

HTML5ウェブアプリ版の電子雑誌

LAYOUT

Wired Reader on the iPadiPad版Wired

http://www.wired.com/magazine/ipad/

MAGAZINE

portrait

landscape

縦方向のレイアウト

横方向のレイアウト

MAGAZINE

portrait

landscape

MAGAZINE

portrait

landscape

MAGAZINE

portrait

landscape

MAGAZINE

portrait

landscape

MAGAZINE

portrait

landscape

GQ MagazineiPad版GQ Magazinehttp://www.gq.com/?us_site=y

MAGAZINElandscape横方向のレイアウト

MAGAZINEportrait縦方向のレイアウト

landscape横方向のレイアウト

LAYOUT PATTERN

MAGAZINE

portrait

landscape

portrait

landscape

Wired Reader on the iPadGQ Magazine

2 Layout Optimization1 Readable Page横方向は見開き、縦方向で最適化ページ縦方向と横方向のレイアウトを用意する

MAGAZINEportrait

landscape

portrait

landscape

FIXED REFLOW FIXED FIXEDTextZoom固定固定固定

リフロー

DYNAMIC PAGINATION

EPUB3.0 MAGAZINE DESIGNINGMAGAZINE

電子新聞

The New York Times – TimesReaderデスクトップ版TimesReader

http://www.nytimes.com/subscriptions/Multiproduct/lp5558.html?campaignId=38869

NEWSPAPER

電子新聞NEWSPAPER

TextZoom

RESIZE

PRINT LAYOUT

EVOLVABILITY

EPUB3.0 MAGAZINE DESIGNINGEVOLVABILITY

MAGAZINE

Mobile Safari

MAGAZINE

Chrome Lite

MAGAZINE

Chrome LiteMobile Safari

SMART DEVICE

MAGAZINE

Chrome LiteMobile Safari

SMART DEVICE

DESKTOP

MAGAZINE

HTMLCSS

JavaScript

2011|2015|2020|2025|2030

MAGAZINE

HTMLCSS

JavaScript

2011|2015|2020|2025|2030

MAGAZINE

HTMLCSS

JavaScript

2011|2015|2020|2025|2030

MAGAZINE

HTMLCSS

JavaScript

2011|2015|2020|2025|2030

MAGAZINE

HTMLCSS

JavaScript

2011|2015|2020|2025|2030

HTMLCSS

JavaScript

2011|2015|2020|2025|2030

2011|2015|2020|2025|2030|2040|2050...

NEWTECHNOLOGY

コンテンツの心臓部

TEXT+IMAGEs

含有イメージデータ

HTMLCSS

JavaScript

EXTENSION

HTMLCSS

JavaScript

EXTENSION

HTMLCSS

JavaScript

EXTENSION

WEB STANDARDS

EVOLVABILITY

JavaScript

EXTENSION

WEBSTANDARDS

MAGAZINE

相互運用できること・発展性があること

オープンスタンダード技術

PRODUCTION:BASIC

MAGAZINEPRODUCTION:BASIC

EPUBCONTENT

DOCUMENT3.0

h t t p : / / i d p f . o r g / e p u b / 3 0 / s p e c / e p u b 3 0 - c o n t e n t d o c s . h t m l

EPUB3.0 MAGAZINE DESIGNINGPRODUCTION:BASIC

EPUBCONTENT

DOCUMENT3.0

CSS Multi-Column Layouthttp://www.w3.org/TR/css3-multicol/

Media Querieshttp://www.w3.org/TR/css3-mediaqueries/

DEMONSTRATIONデモをご覧ください

WebKit Nightly Builds

DEMONSTRATIONWebKit開発版を使用します

design outlineSmartphone Tablet

EPUB3.0 MAGAZINE DESIGNING基本設計［初歩編］

Smartphone Tablet

iPhone 3GS, 4iPad

Galaxsy S IIHT03A

Optimus PadPC - Windows7PC - Mac OS X

DEMONSTRATION

STEP01step01.html

STEP01

STEP02step02.html

STEP02

STEP03step03.html

STEP02

STEP04step04.html

STEP05step05.html

STEP06step06.html

STEP07step07.html

iPhone 3GS

Galaxsy S II

iPhone 3GS

Galaxsy S II

iPhone

STEP08step08.html

STEP09,10step09.html, step10.html

HTML5 BASEDEPUB READER

MAGAZINE

ibis readerhttp://ibisreader.com/

MAGAZINE

MAGAZINEGalaxsy S II

MAGAZINE

PERSONALIZED MAGAZINE

MAGAZINE

ZITEhttp://zite.com/

MAGAZINE

Flipboardhttp://flipboard.com/

MAGAZINE

PERSONALIZEDMAGAZINE

CLOUD BOOKSHELF

MAGAZINE

CLOUD BOOKSHELF

MAGAZINE

CLOUD BOOKSHELF

MAGAZINE

CLOUD BOOKSHELF

MAGAZINE

CLOUD BOOKSHELF

DOWNLOAD

MAGAZINE

DOWNLOAD

CLOUD BOOKSHELF

"rough consensus and running code"

最初から完璧なものはできません、作ってみよう、動かしてみよう

EPUB3.0MAGAZINE DESIGNING

次回のセミナーは8月です。テーマはダイナミックページネイション人を魅了する美しいレイアウトとユーザビリティの共存を考えます

YOUJI SAKAIht tp : / /des ign-zero . tv /2010/ebook.h tml@commonsty le

Thank you for your attention.

community

電子書籍メディア論http://www.facebook.com/eBookStrategy

EPUB3.0でつくる電子雑誌の可能性

Technology

DOI 2000年以降の建築雑誌か …

配信中の雑誌URL一覧（1388誌） 2019.7.3現在雑 …lib.niigata-cn.ac.jp/wordpress/wp-content/uploads/2015/...配信中の雑誌URL一覧（1388誌） 2019.7.3現在雑誌名

家畜衛生学雑誌...家畜衛生学雑誌41-1表14.ai K DIC 199p ISSN 1347－6602 昭和62年6月9日学術刊行物認可家畜衛生学雑誌 Vol.41 No.1 2015. MAY 日本家畜衛生学会

電気雑誌 OHM アーカイブパンフレットTitle 電気雑誌 OHM アーカイブパンフレット Author 株式会社オーム社 Created Date 8/1/2019 11:32:16 AM

海外雑誌論文目録 - sjlf.org

2014年外国雑誌購読オンラインジャーナル（簡易版）...2014年外国雑誌購読オンラインジャーナル（簡易版） ※利用開始・終了年に[

ファッション雑誌の未来 - intermedia...2. ファッション雑誌の現在紙媒体は『sweet』（宝島社）に代表されるように、付録戦略などで購入意欲を刺激した。雑誌

雑誌一覧令和2年（2020年5月15日現在）...雑誌一覧令和2年（2020年5月15日現在） …1年間貸出可 …2年間貸出可 …3年間貸出可 …貸出禁止（保存のみ）

日本ヘルスコミュニケーション学会雑誌plaza.umin.ac.jp/~hc-jp/journal/vol006no01/vol6_all.pdf · 日本ヘルスコミュニケーション学会雑誌第6 巻第1

2年次ライブラリーツアー...雑誌論文を集める(雑誌書架・データベース) 先生方のように大学で研究活動をおこなっている方々が論文を発表する雑誌。

日本化学雑誌第81巻第4号 - JST

図書・雑誌を探す -OPAC 検索の基本 -

《雑誌目録...《雑誌目録》誌名棚出版社発行頻度発売日京橋日本橋月島備考 ELLE DECOR （ｴﾙ・ﾃﾞｺ） Gハースト婦人画報社

電子雑誌のためのWeb Adaptive Layout

所蔵雑誌タイトル一覧表（和雑誌） - Suginami · 2019-04-01 · 所蔵雑誌タイトル一覧表（和雑誌） 2019・4現在雑誌名下井草高井戸方

尚志会雑誌記事目録 - Tohoku University Official ... · 尚志会雑誌記事目録誌名号数発行年月発行所収載記事名尚志会雑誌第10号 1895/04

医学中央雑誌 Web (Ver.4)

雑誌名所蔵データ（巻・号・年）電子ジャーナル閲覧開始年所 … · 雑誌名所蔵データ（巻・号・年）電子ジャーナル閲覧開始年

太陽雑誌会 2003/4/28 殿岡英顕

図書館利用ガイド - dokkyo.ac.jp · - 2 - 1. 図書館の概要・蔵書数図書約98万冊（和書約64万冊、洋書約34万冊）雑誌約14,000タイトル（和雑誌：約9,100、洋雑誌：約4,900）