1. on tunnuksen symboli-osa.
on tunnuksen tekstiosa.
Merkki ja logo muodostavat yhdessä Aalto-
yliopiston .
Design and workflow Harri Heikkilä
M.Soc.Sc., graphic designer
of an ePub eBook
Aalto University,
School of Art and Design
Project researcher

2. on tunnuksen symboli-osa.
on tunnuksen tekstiosa.
Merkki ja logo muodostavat yhdessä Aalto-
yliopiston .
Design and workflow Harri Heikkilä
M.Soc.Sc., graphic designer
of an ePub eBook
Aalto University,
School of Art and Design
Project researcher

3. 1. What is ePUB?

4. 1. What is ePUB?

5. 1. What is ePUB?
‣ Open e-book standard by the
International Digital
Publishing Forum (IDPF)

6. 1. What is ePUB?
‣ Open e-book standard by the
International Digital
Publishing Forum (IDPF)
‣ Designed for reflowable
content in eReading devices.

7. 1. What is ePUB?
‣ Open e-book standard by the
International Digital
Publishing Forum (IDPF)
‣ Designed for reflowable
content in eReading devices.
‣ EPUB file uses XHTML 1.1 to
construct the content of a
book

8. 1. What is ePUB?
‣ Open e-book standard by the
International Digital
Publishing Forum (IDPF)
‣ Designed for reflowable
content in eReading devices.
‣ EPUB file uses XHTML 1.1 to
construct the content of a
book
‣ Group of OPF-standard files
wrapped in .ZIP package
named as .epub.

9. 1. What is ePUB?
‣ Open e-book standard by the
International Digital
Publishing Forum (IDPF)
‣ Designed for reflowable
content in eReading devices.
‣ EPUB file uses XHTML 1.1 to
construct the content of a
book
‣ Group of OPF-standard files
wrapped in .ZIP package
named as .epub.
‣ Restrictions: Used mainly for
linear books, no DRM
partivular scheme, .zip
structure can be restricting.

10. 2. eBook vs. Gutenbergian
book A CASE STUDY
How does non-linear book look at linear environment?
Same heavily illustrated book available on Kindle store and in Amazon store, what are the
differences?

11. 2. eBook vs. Gutenbergian
book
A CASE STUDY

12. 2. eBook vs. Gutenbergian
book
A CASE STUDY

13. 2. eBook vs. Gutenbergian
book
A CASE STUDY

14. 2. eBook vs. Gutenbergian
book
A CASE STUDY
Restricted to linear
layout. Captions and
headlines reflow on
eBooks
Precise typography
not possible when
text and pictures are

15. 2. eBook vs. Gutenbergian
book
A CASE STUDY
Restricted to linear
layout. Captions and
headlines reflow on
eBooks
Precise typography
not possible when
text and pictures are

16. 3. ePub vs. PDF

17. 3. ePub vs. PDF
dity, text reflow and change of text size Printed book -look & feel
Linear content multicolumn and good typography
Restrictions of lay-out and typo Wide compatability
igation a bit difficult (no page numbers) Restricted reflow
Lots of file formats Zoom is possible, but not change of type

18. 4. eBook Workflow

19. 4. eBook Workflow

20. 4. eBook Workflow

21. 4. eBook Workflow

22. 4. eBook Workflow
Print layout
Indesign
Conventional
multicolumn layout
with paratext.

23. 4. eBook Workflow
Print layout
Indesign
Conventional
multicolumn layout
with paratext.

24. 4. eBook Workflow
Print layout
Indesign
Conventional
multicolumn layout
with paratext.

25. 4. eBook Workflow
Print layout
Indesign
Conventional
multicolumn layout
with paratext.

26. 4. eBook Workflow
Print layout
Indesign
Conventional
multicolumn layout
with paratext.

27. 4. eBook Workflow
New linear flow -
layout
Single-column with
graphics pasted
inline/anchored on
single flow.
Print layout
Indesign
Conventional
multicolumn layout
with paratext.

28. 4. eBook Workflow
New linear flow -
layout
Single-column with
graphics pasted
inline/anchored on
single flow.
Print layout
Indesign
Conventional
multicolumn layout
with paratext.

29. 4. eBook Workflow
New linear flow -
layout
Single-column with
graphics pasted
inline/anchored on
single flow.
Print layout
Indesign
Conventional
multicolumn layout
with paratext.
Exporting for
Digital Editions
(CS4), ePUB (CS5)
Creates an ePUB file.

30. 4. eBook Workflow
New linear flow -
layout
Single-column with
graphics pasted
inline/anchored on
single flow.
Print layout
Indesign
Conventional
multicolumn layout
with paratext.
Exporting for
Digital Editions
(CS4), ePUB (CS5)
Creates an ePUB file.

31. 4. eBook Workflow
New linear flow -
layout
Single-column with
graphics pasted
inline/anchored on
single flow.
Print layout
Indesign
Conventional
multicolumn layout
with paratext.
Exporting for
Digital Editions
(CS4), ePUB (CS5)
Creates an ePUB file.

32. 4. eBook Workflow
New linear flow - Fine-tuning in
layout Calibre and in
Oxygen Author
Single-column with
graphics pasted Exporting to various
inline/anchored on devices from one
single flow. ePUB-file. Tweaking
Print layout
Indesign
Conventional
multicolumn layout
with paratext.
Exporting for
Digital Editions
(CS4), ePUB (CS5)
Creates an ePUB file.

33. 4. eBook Workflow
New linear flow - Fine-tuning in
layout Calibre and in
Oxygen Author
Single-column with
graphics pasted Exporting to various
inline/anchored on devices from one
single flow. ePUB-file. Tweaking
Print layout
Indesign
Conventional
multicolumn layout
with paratext.
Exporting for
Digital Editions
(CS4), ePUB (CS5)
Creates an ePUB file.

34. 4. eBook Workflow
New linear flow - Fine-tuning in
layout Calibre and in
Oxygen Author
Single-column with
graphics pasted Exporting to various
inline/anchored on devices from one
single flow. ePUB-file. Tweaking
Apple iPhone/Touch
Print layout
Indesign
Conventional
multicolumn layout
with paratext.
Exporting for
Digital Editions
(CS4), ePUB (CS5)
Creates an ePUB file.

35. 4. eBook Workflow
New linear flow - Fine-tuning in
layout Calibre and in
Oxygen Author
Single-column with
graphics pasted Exporting to various
inline/anchored on devices from one
single flow. ePUB-file. Tweaking
Apple iPhone/Touch
Print layout
Indesign
Conventional
multicolumn layout
with paratext.
Exporting for
Digital Editions
(CS4), ePUB (CS5)
Creates an ePUB file.

36. 4. eBook Workflow
New linear flow - Fine-tuning in
layout Calibre and in
Oxygen Author
Single-column with
graphics pasted Exporting to various
inline/anchored on devices from one
single flow. ePUB-file. Tweaking
Apple iPhone/Touch
Amazon Kindle, Sony eReader
Print layout
Indesign
Conventional
multicolumn layout
with paratext.
Exporting for
Digital Editions
(CS4), ePUB (CS5)
Creates an ePUB file.

37. 4. eBook Workflow
New linear flow - Fine-tuning in
layout Calibre and in
Oxygen Author
Single-column with
graphics pasted Exporting to various
inline/anchored on devices from one
single flow. ePUB-file. Tweaking
Apple iPhone/Touch
Amazon Kindle, Sony eReader
Print layout
Indesign
Conventional
multicolumn layout
with paratext.
Exporting for
Digital Editions
(CS4), ePUB (CS5)
Creates an ePUB file.

38. 4. eBook Workflow
New linear flow - Fine-tuning in
layout Calibre and in
Oxygen Author
Single-column with
graphics pasted Exporting to various
inline/anchored on devices from one
single flow. ePUB-file. Tweaking
Apple iPhone/Touch
Amazon Kindle, Sony eReader
Print layout
Indesign
Conventional Stanza, i2Reader
multicolumn layout
with paratext.
Exporting for
Digital Editions
(CS4), ePUB (CS5)
Creates an ePUB file.

39. 5. eBook best practices check list

40. 5. eBook best practices check list
Design

41. 5. eBook best practices check list
Design
✓ Form a form

42. 5. eBook best practices check list
Design
✓ Form a form
✓ Clear beginnings of new chapters

43. 5. eBook best practices check list
Design
✓ Form a form
✓ Clear beginnings of new chapters
✓ Consider dots or dingbats as end marks of chapters

44. 5. eBook best practices check list
Design
✓ Form a form
✓ Clear beginnings of new chapters
✓ Consider dots or dingbats as end marks of chapters
✓ Avoid paragraph spaces in dialogs -problem

45. 5. eBook best practices check list
Design
✓ Form a form
✓ Clear beginnings of new chapters
✓ Consider dots or dingbats as end marks of chapters
✓ Avoid paragraph spaces in dialogs -problem
✓ Spacing

46. 5. eBook best practices check list
Design
✓ Form a form
✓ Clear beginnings of new chapters
✓ Consider dots or dingbats as end marks of chapters
✓ Avoid paragraph spaces in dialogs -problem
✓ Spacing
✓ Cover page, title page, copyright info, TOC

47. 5. eBook best practices check list
Design
✓ Form a form
✓ Clear beginnings of new chapters
✓ Consider dots or dingbats as end marks of chapters
✓ Avoid paragraph spaces in dialogs -problem
✓ Spacing
✓ Cover page, title page, copyright info, TOC
✓ ”God is in details”

48. 5. eBook best practices check list
Tech

49. 5. eBook best practices check list
✓ Use paragraph and character styles,
these will become basis of CSS-stylesheets
Tech

50. 5. eBook best practices check list
✓ Use paragraph and character styles,
these will become basis of CSS-stylesheets
✓ Paste all-graphics in-line/anchored with grouped captions
Tech

51. 5. eBook best practices check list
✓ Use paragraph and character styles,
these will become basis of CSS-stylesheets
✓ Paste all-graphics in-line/anchored with grouped captions
✓
Tech
Embeddable fonts: OpenType (Caution!)

52. 5. eBook best practices check list
✓ Use paragraph and character styles,
these will become basis of CSS-stylesheets
✓ Paste all-graphics in-line/anchored with grouped captions
✓
Tech
Embeddable fonts: OpenType (Caution!)
✓ CS4: Manage pagebreaks for sections and chapters by
dividing publication to separate documents in one Book
file. CS5:”Use first level entries as pagebreaks”

53. 5. eBook best practices check list
✓ Use paragraph and character styles,
these will become basis of CSS-stylesheets
✓ Paste all-graphics in-line/anchored with grouped captions
✓
Tech
Embeddable fonts: OpenType (Caution!)
✓ CS4: Manage pagebreaks for sections and chapters by
dividing publication to separate documents in one Book
file. CS5:”Use first level entries as pagebreaks”
✓ Create TOC by cross-referencing (CS4) and using TOC-
style

54. 5. eBook best practices check list
✓ Use paragraph and character styles,
these will become basis of CSS-stylesheets
✓ Paste all-graphics in-line/anchored with grouped captions
✓
Tech
Embeddable fonts: OpenType (Caution!)
✓ CS4: Manage pagebreaks for sections and chapters by
dividing publication to separate documents in one Book
file. CS5:”Use first level entries as pagebreaks”
✓ Create TOC by cross-referencing (CS4) and using TOC-
style
✓ Make cover as an image (not pieces and boxes)

55. 5. eBook best practices check list
✓ Use paragraph and character styles,
these will become basis of CSS-stylesheets
✓ Paste all-graphics in-line/anchored with grouped captions
✓
Tech
Embeddable fonts: OpenType (Caution!)
✓ CS4: Manage pagebreaks for sections and chapters by
dividing publication to separate documents in one Book
file. CS5:”Use first level entries as pagebreaks”
✓ Create TOC by cross-referencing (CS4) and using TOC-
style
✓ Make cover as an image (not pieces and boxes)
✓ Add metadata for search-optimization

56. 5. eBook best practices check list
✓ Use paragraph and character styles,
these will become basis of CSS-stylesheets
✓ Paste all-graphics in-line/anchored with grouped captions
✓
Tech
Embeddable fonts: OpenType (Caution!)
✓ CS4: Manage pagebreaks for sections and chapters by
dividing publication to separate documents in one Book
file. CS5:”Use first level entries as pagebreaks”
✓ Create TOC by cross-referencing (CS4) and using TOC-
style
✓ Make cover as an image (not pieces and boxes)
✓ Add metadata for search-optimization
✓ Preflight: EpubCheck & EpubPreflight

57. 5. eBook best practices check list
✓ Use paragraph and character styles,
these will become basis of CSS-stylesheets
✓ Paste all-graphics in-line/anchored with grouped captions
✓
Tech
Embeddable fonts: OpenType (Caution!)
✓ CS4: Manage pagebreaks for sections and chapters by
dividing publication to separate documents in one Book
file. CS5:”Use first level entries as pagebreaks”
✓ Create TOC by cross-referencing (CS4) and using TOC-
style
✓ Make cover as an image (not pieces and boxes)
✓ Add metadata for search-optimization
✓ Preflight: EpubCheck & EpubPreflight
✓ DRM: Adobe Content Server 4 (No Kindle support)

58. 5. eBook best practices check list
✓ Use paragraph and character styles,
these will become basis of CSS-stylesheets
✓ Paste all-graphics in-line/anchored with grouped captions
✓
Tech
Embeddable fonts: OpenType (Caution!)
✓ CS4: Manage pagebreaks for sections and chapters by
dividing publication to separate documents in one Book
file. CS5:”Use first level entries as pagebreaks”
✓ Create TOC by cross-referencing (CS4) and using TOC-
style
✓ Make cover as an image (not pieces and boxes)
✓ Add metadata for search-optimization
✓ Preflight: EpubCheck & EpubPreflight
✓ DRM: Adobe Content Server 4 (No Kindle support)
✓ Absolut no-no: Forced line breaks, local formatting,
footnotes (become endnotes), information on master-
pages

59. 5. eBook best practices check list

60. 5. eBook best practices check list
✓ Use paragraph and character styles,
Paste all-graphics in-line/anchored with grouped captions

61. 5. eBook best practices check list
✓ Use paragraph and character styles,
Paste all-graphics in-line/anchored with grouped captions
✓ Import all tables as screenshots

62. 5. eBook best practices check list
✓ Use paragraph and character styles,
Paste all-graphics in-line/anchored with grouped captions
✓ Import all tables as screenshots
✓ Save as ”Web-page, filtered”

63. 5. eBook best practices check list
✓ Use paragraph and character styles,
Paste all-graphics in-line/anchored with grouped captions
✓ Import all tables as screenshots
✓ Save as ”Web-page, filtered”
✓ Save a Word document from PDF

64. 6. Clean up ID-generated HTML

65. 6. Clean up ID-generated HTML
✓ Make it simple

66. 6. Clean up ID-generated HTML
✓ Make it simple
✓ Change headings from <p> tags to <h1> etc

67. 6. Clean up ID-generated HTML
✓ Make it simple
✓ Change headings from <p> tags to <h1> etc
✓ <span class= “italic“> and
Change
<span class=“bold“ > to <i> and <b>

68. 6. Clean up ID-generated HTML
✓ Make it simple
✓ Change headings from <p> tags to <h1> etc
✓ <span class= “italic“> and
Change
<span class=“bold“ > to <i> and <b>
✓ Remove margins and padding from cover page

69. 7. Inside ePub

70. 7. Inside ePub
OPF: Metadata and
file list of the ePub
• Metadata
• Manifest
• Spine
• Guide

71. 7. Inside ePub
OPF: Metadata and
file list of the ePub
• Metadata
• Manifest
• Spine
• Guide

72. on tunnuksen symboli-osa.
on tunnuksen tekstiosa.
Merkki ja logo muodostavat yhdessä Aalto-
yliopiston .
On the other hand, even books can be challenging at first sight – if you´re used to paper rolls.
THANKS.
Harri Heikkilä | Aalto TaiK | 0400 214 724
Read more: https://public.me.com/harriheikkila