le-tex

• Standort Leipzig, gegründet 1999
• ca. 150 Mitarbeiter (100 VBE)
• Satz, Herstellung, Bildbearbeitung,
  Konvertierung, Software­entwicklung

Martin Kraetke

• Lead Content Engineer bei le-tex
• vorher: HTWK Leipzig, freier Hersteller
• Blog: XPorc

(1)
Das Verhältnis von
Buchgestaltung und E-Books

E-Books (…) sind ein Unfug,
ein Beschiß und ein Niedergang.

Friedrich Forssmann, 2014^*
Buchgestalter

Da der Anteil der verkauften eBooks weiter steigt, ist – grundsätzlich gesehen – der Beruf des Buchgestalters (m/w) möglicherweise vom Aussterben bedroht.

Zoë Beck, 2014^**
Verlegerin CulturBooks

Die Gestaltung von eBooks hat dabei mehr mit Webdesign als mit Print-Typografie zu tun. Ein eBook-Designer muss gestalterische Fähigkeiten und zugleich Grundkenntnisse im Programmieren besitzen.

Charlotte Reimann, 2014^***
Project & Social Media Manager, Kerber Verlag

Werkzeuge

• HTML für semantische Auszeichnung
• CSS für Typografie

(2)
Printtypografie
vs.
Webdesign

Format

Layouttypen

• Fixed Layout
• Reflowable Layout

Fixed Layout

Fixed Layout

Fixed Layout

• seitenbasiert
• alle Elemente haben feste Positionen
• Skalierung der gesamten Seiten
  bei Anpassung an Bildschirm
• für Comics und Kinderbücher sinnvoll

Reflowable Layout

Reflowable Layout

• Seitenzahl ist virtuell
• alle Elemente linear angeordnet
• Skalierung einzelner Elemente
  bei Anpassung an Bildschirm

Farbe

• Graustufen (E-Ink) / RGB (LCD-Displays)
• Farbe auch als Graustufe erkennbar?
• Invertierung durch Reader-Nachtmodus

Schrift

• bildschirmoptimierte Schriften verwenden
• vorinstallierte Schriften auf Reader meist schlecht ausgebaut
• Schriftart und -grad können
  vom Nutzer geändert werden

Schrift

• Zeichensatz (UTF-8)
• nur Web-friendly Formate wie OTF, TTF
• Lizenzprobleme

Bilder

• Rastergrafiken: PNG, JPG
• Vektorgrafiken: SVG

Umbruch (reflowable Layout)

• Zeilenlänge variabel, Umbruch
  bestenfalls nach Wörterbuch
• Seitenumbrüche vor bestimmten Elementen steuerbar
• Vakatseiten unerwünscht

Umbruch (reflowable Layout)

• Hurenkinder- und Schusterjungen
• Flüsse im Blocksatz
• Flattersatz lässt sich kaum beeinflussen

Mikrotypografie (reflowable Layout)

• kein händisches „Spationieren“ möglich
• keine Tabulatoren mit festen Positionen
• Zeichensetzung (Gevierte, Striche, Anführungs­zeichen etc.) sollte man dennoch richtig machen

Mikrotypografie (reflowable Layout)

• OT-Ligaturen
• font-variant:small-caps führt zu
  falschen Kapitälchen

(3)
E-Book-Formate

E-Book-Dateiformate

• EPUB
• Amazon MOBI / KF8
• Apple iBooks
• PDF
• Website (HTML)

EPUB

• electronic publication
• Standardformat für viele E-Book-Reader
• IDPF-Spezifikation, öffentlich verfügbar
• Versionen: 2.0 und 3.0

• Container: Zip-Archiv
• Inhalt: HTML
• Formatierung: CSS
• Metadaten: XML
• Fonts und Bilder

EPUB 3.0

• Audio und Videodateien
• optional: JavaScript
• Formeln: MathML

EPUB 3.0

• Media Overlays
• Structural Semantics Vocabularies
  (Auszeichnung von Buch-Elementen in HTML)

EPUB erzeugen

• “from scratch” (Texteditor für HTML+CSS)
• Export aus Satzprogramm (Adobe InDesign, QuarkExpress)
• Konverter, z.B. Calibre, le-tex transpect
• prüfen mit EPUB-Checker (GUI-Version von pagina)

Amazon MOBI / KF8

• proprietäres Format von Amazon
• öffentlich verfügbare „Guidelines“
• E-Books von Amazon können nur
  auf Amazon-Geräten gelesen werden

Amazon MOBI / KF8

• Erstellung mit EPUB über KindleGen, KindlePreviewer
• für FXL Kindle ComicCreator
• viele Limitationen im Vergleich zu EPUB

Apple iBooks

• proprietäres Format für interaktive Fixed-Layout E-Books
• Software: Apple iBooks Author (unterstützt auch EPUB3 eingeschränkt)
• diverse interaktive Widgets

PDF

• Erzeugung mit RGB-Profil
• Komprimierung
• keine Verschlüsselungen
  (auf vielen Readern nicht lesbar)

PDF

• Verlinkung von Inhaltsverzeichnis,
  Querverweisen, Hyperlinks etc.
• PDF-Bookmarks

“Books in Browsers”

• Buch = Website
• Browser als Reader
• Vision: EPUB+WEB

medium.com

Pelican Books

Butterlick's Practical Typography E-Book