Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam mehr erfahren

Projekt Gutenberg-DE – ein Redesign

Bücher leben auf Papier oder einem E-Reader – doch können sie auch im Browser einen Platz finden? Eine typografische Überarbeitung des deutschen Projekt Gutenbergs.

Project Gutenberg und Projekt Gutenberg-DE

Das Project Gutenberg ist eine US-amerikanische Initiative, die gemeinfreie Werke (in Deutschland: 70 Jahre nach Tod des Autoren) mittels Buchscannern und Texterkennungssoftware digitalisiert. Die Texte werden von Freiwilligen korrekturgelesen und schließlich auf der Website des Projektes öffentlich zugänglich gemacht.

Seit dem 1. März 2018 ist die amerikanische Website aus Deutschland nicht mehr abrufbar – Grund dafür ist ein vom S. Fischer Verlag erwirktes Urteil, wonach Werke von Thomas Mann, Heinrich Mann und Alfred Döblin, die in den USA schon gemeinfrei sind, hierzulande jedoch noch unter urheberrechtlichen Schutz fallen, nicht kostenlos und öffentlich ins Internet gestellt werden dürfen.

Gutenberg_Spiegel_Startseite.jpgGutenberg_Spiegel_Startseite.jpg

 Startseite des deutschen Ablegers unter gutenberg.spiegel.de

Mit Zustimmung der Gründer des US-amerikanischen Portals bietet die Hille & Partner GbR in Kooperation mit Spiegel Online unter nur leicht abgewandeltem Namen ein ähnliches Angebot auf Deutsch an. Hierzu schreibt Wikipedia:

Im Gegensatz zum freien internationalen Project Gutenberg, das ebenfalls deutsche Texte enthält, ist jedoch beim Projekt Gutenberg-DE ein Herunterladen kompletter Texte nur mit Einschränkungen möglich, da die Unternehmung Hille & Partner GbR Rechte an den von ihr vertriebenen und von Freiwilligen elektronisch aufbereiteten Public-Domain-Texten beansprucht.

Abgesehen vom moralisch fragwürdigen Vorgehen, ursprünglich gemeinfreie Werke urheberrechtlichem Schutz zu unterwerfen und werbefinanziert zu vertreiben, wurde Gestaltung und Typografie der Plattform leider stark vernachlässigt. Ein komplettes Buch im Browser zu lesen scheint mit dem aktuellen Interface schwierig. Nachfolgend ein Redesign-Ansatz.

Header-Dilemma, Fonts und Buchcover

Gutenberg-Redesign_Header.jpgGutenberg-Redesign_Header.jpg

 Header (oben) im Vergleich mit dem Redesign (unten)

Das deutsche Projekt Gutenberg wird von Spiegel Online gehostet. Hierdurch entsteht eines der größten Probleme des Portals: ein doppelter Header.

Um ein möglichst realitätsnahes Redesign (sprich: eines, das im Ernstfall vom Kunden ohne größere Umstrukturierung umgesetzt werden könnte) abzuliefern, erfolgte an dieser Stelle eine lediglich kosmetische Umgestaltung.

  • großzügiger Weißraum grenzt beide Header klar voneinander ab
  • die doppelte (aber in der Funktionalität unterschiedliche) Suchfunktion wurde deutlich priorisiert und beschriftet
  • der Anmelden-Button wurde in der Wichtigkeit zurückgenommen, da dieser sich lediglich auf Spiegel Online (und nicht auf das Projekt Gutenberg) bezieht

Font_Dolly.jpgFont_Dolly.jpg
Font_Graublau.jpgFont_Graublau.jpg

Dolly (Underware), Graublau Sans (Georg Seifert, FDI Type Foundry)

Das Redesign ersetzt Spiegel Sans (Header) und Sans-Serif-Systemschrift (Fließtext) durch die klassische und erprobte Buchschrift Dolly. Ihr zur Seite steht die moderne, serifenlose Graublau Sans.

Gutenberg_Cover.jpgGutenberg_Cover.jpg

 Cover-Artwork: Rösel von Rosenhof (Scarabaeorum Terrestrium Praefat), Jasper von der Lanen (Flusslandschaft mit Reisenden und Wahrsagerin)

Um Stimmung zu schaffen wird im Redesign jedem Werk ein eigenes Cover zur Seite gestellt. Das Cover besteht jeweils aus Autor, Titel, Erscheinungsjahr und einem – ebenfalls gemeinfreien – Artwork.

Erzählungen und Romane

Gutenberg-Redesign_Leseansicht-02.jpgGutenberg-Redesign_Leseansicht-02.jpg
Gutenberg-Redesign_Leseansicht-01.jpgGutenberg-Redesign_Leseansicht-01.jpg
Gutenberg-Redesign_Leseansicht-03.jpgGutenberg-Redesign_Leseansicht-03.jpg

 Leseansicht für Romane: Redesign und Original im Vergleich.

Herzstück der Leseansicht ist der mittig gesetzte Fließtext mit einer Zeilenlänge von 65 Zeichen (vorher 118 Zeichen). Auch die neue Absatzlogik ist hervorzuheben: Leerzeilen werden nur nach abgeschlossenen Sinneinheiten eingefügt; Dialogwechsel werden mit Einrückung gekennzeichnet.

Dramen

Gutenberg-Redesign_Leseansicht_Drama-01.jpgGutenberg-Redesign_Leseansicht_Drama-01.jpg
Gutenberg-Redesign_Leseansicht_Drama-02.jpgGutenberg-Redesign_Leseansicht_Drama-02.jpg
Gutenberg-Redesign_Leseansicht_Drama-03.jpgGutenberg-Redesign_Leseansicht_Drama-03.jpg
Gutenberg-Redesign_Leseansicht_Drama-04.jpgGutenberg-Redesign_Leseansicht_Drama-04.jpg

 Leseansicht für Dramen: Redesign und Original im Vergleich.

Die tabellenartige Darstellung der Dramatis personæ (»Personen der Handlung« wurde stark optimiert. Korrekte Zuordnung der Namen wird durch feine, gepunktete Linien sichergestellt.

Auch die Dialoge der Dramen sind im Redesign besser lesbar, unter anderem durch deutlich reduzierte Zeilenlängen.

Autorendetailseite

Gutenberg-Redesign_Autorendetail-03.jpg
Gutenberg-Redesign_Autorendetail-03.jpgGutenberg-Redesign_Autorendetail-03.jpg
Gutenberg-Redesign_Autorendetail-02.jpgGutenberg-Redesign_Autorendetail-02.jpg
Gutenberg-Redesign_Autorendetail-01.jpgGutenberg-Redesign_Autorendetail-01.jpg

 Autorendetailseite: Redesign und Original im Vergleich.

Highlights der neuen Autorenansicht: tabellarischer Lebenslauf und Darstellung (verfügbarer) Werke durch großflächige Buchcover statt langer, unübersichtlicher Listenansicht.

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Studienarbeit im zweiten Studienabschnitt

Betreuung

foto: Frank Rausch foto: Martin Lexow

Zugehöriger Workspace

Digitale Typografie · SoSe 2018

Entstehungszeitraum

Sommersemester 2018