Vertical Writing: typical use-cases and current status in LibreOffice
Nxt designandworkflow
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
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?
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
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
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.
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”
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
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
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
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