Gestaltung und Typografie für eBooks: Das neue eBook-Layout des Kiepenheuer & Witsch Verlag

1. Fabian Kerndigital publishing competence Digital-Typografie in der Praxis: Das neue eBook-Layout des Kiepenheuer & Witsch Verlag Fabian KernHannerose Mandik

2. E-Books bei Kiepenheuer & Witsch Produktion seit 2008 │≈ 800 Titel als E-Book lieferbar │inzw. bedeutender Umsatzanteil Bisher • E-Book-Produktion extern • Jedes E-Book individuell gestaltet • Nicht medienneutral! Ziele • Produktion im Haus „auf Knopfdruck“ • Ansprechendes Layout in mehreren Varianten • Bessere Qualität & Kompatibilität mit E-Readern

3. Die Grundlage: XML

4. Die Grundlage: XML <u-block1 typ="2"> <u1> <u-zaehler> Erster Teil</u-zaehler> <u-text>Im All musst du ehrlich sein, so weit weg von der Erde</u-text> </u1> </u-block1> <u-block2 typ="1"> <u2> <u-zaehler> <?parsx snr="11"?>1</u-zaehler> <u-text>Noch früh, aber schon hell</u-text> </u2> </u-block2> <abs stumpf="ja">Es war noch früh, aber schon hell, al alle bereits in der Schule nur beim Nachnamen gerufen dem Weg nach Hause auf einer Eisenbahnbrücke stehe Bier auszutrinken und nachzudenken. Eigentlich müsste hier, dachte er. Irgendwohin, wo man den Gegner auf s sah, wo der sich nicht hinter der nächsten Häuserecke, Straßenrand geparkten Auto oder in einer Toreinfahrt v konnte, sondern wo die Landschaft flach und offen war Tiefebene etwa oder Atlantikküste oder Iowa oder das Outback. Out und back, draußen und hinten, das war s weg und flach und offen und außerdem still. Still musst weil: Stille bekam man hier nicht, niemals, nirgends, irg

5. E-Books produzieren mit dem ParsX-Framework

6. Design-Prinzipien bei der Umsetzung ambitionierter Digital-Typografie

7. Konsequentes Reflow-Layout

8. Schriftwahl für eBooks

9. Was macht einen guten Digital-Font aus?

10. Was macht einen guten Digital-Font aus?

11. Font-Auswahl im Projekt: Alegreya

12. Font-Auswahl im Projekt: Alegreya

13. Fallback-Font: DejaVu

14. Verhältnismäßigkeiten im eBook

15. Verhältnismäßigkeiten: Zeilenhöhen optimieren

16. Verhältnismäßigkeiten: Verhältnis Zeilenlänge/Schriftgrad

17. Weißraum: Suboptimal eingesetzt

18. Weißraum: Bewußter gestalterischer Einsatz

19. Das Ergebnis: E-Book Layouts der neuen KiWi-Titel

20. KiWi E-Book Layouts – Literatur Kapitelanfänge

24. KiWi E-Book Layouts – Literatur E-Mails

25. KiWi E-Book-Layouts – Literatur Drehbuch (Schreibmaschine)

26. KiWi E-Book-Layouts – Literatur Absurdes Theater

27. KiWi E-Book-Layouts – Literatur Drama

28. KiWi E-Book-Layouts – Literatur SMS

29. KiWi E-Book-Layouts – Literatur Gedichte

30. KiWi E-Book-Layouts – Literatur Abbildungen

31. KiWi E-Book-Layouts – Literatur Infokästen

32. KiWi E-Book-Layouts – Literatur Tabellen

33. KiWi E-Book-Layouts – Literatur Tabellen

34. KiWi E-Book-Layouts – Literatur Initialen

35. KiWi E-Book-Layouts – Literatur Lesegeräte im Vergleich

36. KiWi E-Book-Layouts – Literatur Initialen

37. KiWi E-Book-Layouts – Literatur Lesegeräte im Vergleich

38. KiWi E-Book-Layouts – Sachbuch Kapitelanfänge

43. KiWi E-Book-Layouts – Sachbuch

44. Die Umsetzung: Vorgehensweise bei CSS-Design und Layout-Entwicklung

45. Die Basis: Eine (umfängliche) Satzanweisung

46. Die Basis: Eine saubere Testdatei

47. Kaskadierende Stylesheets in der Praxis  Einrichtung von sinnvollen Defaults für Schriftgrößen, Zeilenhöhen und Abstände für Fließtext, Überschriften und zentrale Elemente  Grundschrift: 1.0em  Bildunterschriften, Fußnoten, Einschübe etc.: 0.8em  Überschriftenebenen: 1.1em / 1.3em / 1.5em / 1.9em / 2.2em  Aufgliederung der XML-DTD in die Layout-Typen, die zu behandeln sind, Aufbau einer CSS-Struktur  Überschriften  Absatz- und Blockelemente  Listen, Tabellen, Bilder  Semantische Elemente  Gedichte, Dramen-Elemente, Verzeichnisse, Fussnoten

48. Herausforderung: Überschriften-Gestaltung

49. Detailgestaltung: Einschübe und Blockelemente

50. Detailgestaltung : Infokästen

51. Detailgestaltung: Tabellen

52. Und dann: Testen, testen, testen…

53. Die CSS-Familie von KiWi basis.css Standard-Werte für alle verwendeten Gestaltungselemente 2027 Zeilen 297 CSS-Deklarationen Literatur-CSS für Alegreya Einbindung der spezifischen Fonts, Definition von Gestaltungs- Varianten 500 Zeilen 86 CSS- Deklarationen Literatur-CSS für DejaVu Einbindung der spezifischen Fonts, Definition von Gestaltungs- Varianten 66 Zeilen 16 CSS- Deklarationen Sachbuch-CSS für Alegreya Einbindung der spezifischen Fonts, Definition von Gestaltungs- Varianten 415 Zeilen 65 CSS- Deklarationen Sachbuch-CSS für DejaVu Einbindung der spezifischen Fonts, Definition von Gestaltungs- Varianten 500 Zeilen 86 CSS- Deklarationen

54. Herausforderungen bei Design und Umsetzung

55. Unterstützte Plattformen und Qualitätssicherung Hauptplattformen:  Amazon Kindle-Geräte und Kindle-Apps  ADE für Windows  Tolino  iBooks für iOS Testplattformen:  Kobo Reader  Sony Reader  Google Play Books für iOS und Android  Bluefire App für Android  ADE für iOS und Android

56. „Ramsch-Browser“

57. Jeder Reader macht es anders: Abstände ADE iBooks

58. Jeder Reader macht es anders: Links ADE iBooks Kindle

59. Jeder Reader macht es anders: Initiale ADE iBooks

60. Ein steter Quell der Freude: Reader-Apps unter Android

61. Bessere Möglichkeiten: Umbruchsteuerung

62. Bessere Möglichkeiten: Schusterjungen & Hurenkinder

63. Bessere Möglichkeiten: Einzüge und Abstände

64. Bessere Möglichkeiten: Bilder

65. Aber manchmal gibt es noch unerfüllbare Kundenwünsche…

66. E-Book-Layout & Konvertierung im Arbeitsalltag

67. KiWi E-Book-Layouts – Krimi Kapitelanfänge

71. KiWi E-Book-Layouts – Krimi

72. KiWi E-Book-Layouts Work in Progress

73. Vielen Dank! Fabian Kern Maistrasse 63 80337 München 089 / 791 88 28 0160 / 95 82 12 34 Hannerose Mandik hmandik@kiwi-verlag.de Mail: fabian.kern@dpc-consulting.de Blog: www.dpc-consulting.de Blog: www.smart-digits.com Facebook: https://www.facebook.com/digital.publishing.competence Twitter: https://twitter.com/fabian_kern digital publishing competence