Johann König

Das Projekt ‹Access to Books› setzt sich mit der Zugänglichkeit von Büchern auseinander. Es geht einerseits um das Bemühen, Bücher für Leser*innen möglichst einfach und kostengünstig zur Verfügung zu stellen und andererseits darum, Websites als ein Tool zu verstehen, das gerade diesen Zugang ermöglicht.

Auch die Textsammlung beschäftigt sich im weiteren Sinne mit diesem Thema. So gibt es Texte über die historische Entwicklung der Zugänglichkeit von Büchern, Diskriminierungsformen in Büchern, Desktop-Publishing und DIY und Digitalität und Coding als Tool.

Auf der Website ‹Access to Books› können die Nutzer*innen aktiv eine Auswahl der Texte zusammenstellen, die gedruckt werden sollen. Sie dürfen also (und müssen) bewusst entscheiden, welchen Stimmen eine Bühne geboten wird. Außerdem gibt es hinter jedem Absatz die Möglichkeit, einen Kommentar zu schreiben. So lassen sich Anmerkungen und Notizen direkt im Text ergänzen.

Auch die Farben lassen sich auf der Website sowie im Print anpassen. Werden keine Farben ausgewählt, passt sich das Layout im Print an, um Kommentare und Unterüberschriften anders zu kennzeichnen. Die Broschüre ist doppelseitig auf A4 angelegt, sodass sie bequem und kostengünstig zuhause ausgedruckt werden kann.

Niklas Schönemann

«Das Lesen mag in dem Moment aufhören, wenn man die gesamte Struktur des Buches verstanden hat.» Ulises Carrión, 1975

In meinem Projekt «and a reader» wird der Begriff des Überblicks aus mehreren Perspektiven beleuchtet. Diese Diskussion ist nicht literarischer Natur, sondern wird gestalterisch verhandelt.

Während die Website es ermöglicht, gleichzeitig mehrere Inhaltsebenen zu betrachten und zu lesen, hat die gedruckte Sammlung einen linearen Aufbau. Beide Medien umfassen die gleichen Inhalte.

Die betrachtende Person entscheidet selbst, wie weit sie sowohl im Raum des Buches als auch im Raum des Internets gehen möchte. Ab wann haben wir das Gefühl, genug gesehen zu haben? Wann haben wir überblickt, was wir sehen? Muss das überhaupt als Ziel gelten?

Die Gestaltung im Web bietet Interaktion, erleichterten Zugang des Mediums über das Internet und die Möglichkeit, Inhalte zu aktualisieren. In meinem Projekt können verschiedene Inhaltsbereiche wie z.B. Unterkapitel, Anmerkungen und das Quellenverzeichnis gleichzeitig zum Lesetext eingeblendet werden und sind mit spezifischen Textstellen verknüpft. Dadurch wird der lesenden Person die manuelle Verknüpfung der Inhalte im Vorhinein abgenommen. Kein Blättern, keine Post-Its. Möglicherweise effizient.

Die Druckversion der Website folgt einem buch-typischen Gestaltungskonzept. Es gibt eine Einleitung, ein Inhaltsverzeichnis und aufeinander folgende Textausschnitte. Nur die Gestaltung verweist an einigen Stellen auf die Gleichzeitigkeit der Dinge. Überschriften grenzen dicht an Fließtexte, überlagern sie teils. Der Fließtext drängt sich an diesen Stellen wieder vor die Überschrift. Ein Affront gegen die Texthierarchie. Ein Rangeln um Lesbarkeit.

Amalia Gärtner

For most of my life, I considered myself a person who did not enjoy reading (at all). However, I guess it is fascinating to me to think about the ways a text can be presented. Naturally, I am more drawn to chaotic and thrilling layouts because they seem intriguing. That’s why I decided to do some research on typography theory about chaos and order.

Pretty fast, I found out that if typography is too artsy, the actual content can't be delivered. Hence, I set the following goal for this project: It should be manageable to read but also have the compelling look of chaos. So, I started to conceptualize designs to find the perfect organized chaos. I tried to make it look like a board game, I used pretty colors, a dice generator to randomly set the letters, but nothing was working: It was still hard to read, and it wasn’t overwhelmingly pretty.

One day, I tried to layout some paragraphs with CSS Grid and accidentally did something that made it look good. And I thought to myself: “Is this what chaos is? Something you don’t do intentionally?” I learned my lesson: You can’t control chaos. You need to embrace it. But chaos doesn’t appear out of nothing; you need to start it somehow. I used HTML, CSS, and Paged.js as my tools, and I wanted to demonstrate the capabilities they have to offer.

My website also contains pictures that pop up through the hover effect. However, you can only look at one picture at a time. If you want to see all the pictures, it’s necessary to print out the website.

This effect derives from the idea that it is easy to stay online while consuming content. On websites, you can use hyperlinks or different tabs to look up a picture if you need it. In contrast to that, a book is not flexible; it’s limited to itself as soon as it’s printed. In consequence, if one must choose between a website or a book, naturally a website would be the more valuable option. Well, not in this case. Printing out the website gives you more content than just the website itself.

Lennie Zimmer

Auf meiner Webseite werden verschiedene Bücher präsentiert, die mit Textauszügen auf typografische Konzepte und Designprinzipien verweisen. Jedes Buch symbolisiert dabei eine einzigartige Perspektive auf die Welt der Typografie.

Ein zentrales Element meiner Website ist das Grid, das bewusst auf das typografische Grid verweist. Das typografische Grid ist von großer Bedeutung für die Erstellung von Büchern und die Formatierung von Texten im Allgemeinen. Durch die Verwendung eines Grid-Systems können Texte ansprechend und übersichtlich arrangiert werden.

Bei der Anordnung des Textes habe ich mich bewusst an der Hierarchie der Codingsprache orientiert. Durch die Verwendung von Einzügen, die in der Programmierung oft verwendet werden, um die Wichtigkeit von Inhalten und Klassen zu definieren, stelle ich eine Verbindung zwischen meinem Webdesign und dem Coding-Prozess her. Darüber hinaus hat die Verwendung einer Monotype-Schrift auch eine direkte Verbindung zum Print. Monotype-Schriften werden häufig in der Druckindustrie eingesetzt, um hochwertige Publikationen wie Bücher, Zeitschriften und Broschüren zu gestalten. Indem ich diese Schriftart in mein Webdesign integriere, schaffe ich eine Verbindung zwischen der digitalen Welt und der traditionellen Druckkultur. Dieses Projekt dient dazu zu verdeutlichen, dass das Web neue Möglichkeiten bietet, die Zusammenarbeit zwischen Print und Web zu stärken und zu erweitern.

Antje Loka

Responsive Design trifft auf Piet Mondrian: Raster sorgen für Ordnung und Harmonie in der Gestaltung. Sie können aber auch dynamisch eingesetzt werden. Die Interaktion von Farbflächen, Textboxen und Weißraum, gleichmäßig oder unregelmäßig platziert, baut Spannung auf. Schwarz umrandete Textboxen beziehen sich auf die schwarzen Rahmenlinien in Piet Mondrians Flächenkompositionen. Mit Texteinheiten gefüllt, ergeben sich schnell konsumierbare kurze Leseabschnitte. So sind die Texte überfliegbar, da auf wesentliche Aussagen oder wichtige Zitate reduziert, um der kürzeren Aufmerksamkeitsspanne im Web gerecht zu werden. Durch ein kleiner oder größer Ziehen des Browserfensters ordnen sich die Flächen und Textboxen je nach Platz neu an und ergeben so ein immer wieder neues und flexibles Layout. Es werden die Primärfarben Gelb, Rot und Blau sowie ausschließlich rechteckige Flächen in der Gestaltung verwendet. Die gesamte Gestaltung setzt auf Abstraktion und Einfachheit: Klare Formen, einfache Farben, große Schrift. Asymmetrie, ein wenig Chaos und Zufall sorgen für flexibles Design, das man nicht komplett kontrollieren kann.

Übertragen auf die Print Publikation wird sichtbar, dass sich das responsive Design nicht eins zu eins auf gedruckte Seiten übertragen lässt. Die umrandeten Textboxen weichen schmaleren Textkolumnen, die sich aber auf ein ebenso flexibles Raster anordnen. Durch unterschiedliche Schriftgrößen und Textplatzierungen innerhalb dieses Rasters wird die Flexibilität auch im statischen Print beibehalten.

“It is safe to say that no form within the whole of modern aesthetic production has sustained itself so relentlessly while at the same time being so impervious to change. It is not just the sheer number of careers that have been devoted to the exploration of the grid that is impressive, but the fact that never could exploration have chosen less fertile ground. As the experience of Mondrian amply demonstrates, development is precisely what the grid resists.

It is what art looks like when it turns its back on nature.”

(Rosalind Krauss, “Grids,” in: The Originality of the Avant-Garde and Other Modernist Myths, Cambridge, Mass.: MIT Press, 1985, S. 9)

Phuong Dang

Where I grew up, learning to write was one of the earliest and highly regarded lessons. ‘Handwriting reflects character’—a proverb that every child must remember when practicing writing. This means that just by looking at someone’s handwriting, you can discern their personality. If the handwriting is neat and clean, then undoubtedly the writer is orderly and straightforward, and vice versa. This concise proverb is enough to reflect the Vietnamese way of life through writing.

In this collection, I—someone who was born and raised in Vietnam—seek the origins of the script I grew up with and still use every day. The texts are compiled from various sources and may still be incomplete, for which I ask for your understanding.

Finally, I introduce a typeface font that I designed—‘no one is writing’ (English) / ‘Nét chữ nết người’ (Vietnamese)—as a result distilled from the sources I provided above combined with experiences from my own life. The two stylistic sets of the typeface embody the daily struggles and thoughts within myself. Between the concept of “everything must be refined, standardized, and beautiful” (like how I was taught to write in Vietnam as a child) and the idea that “anything can be right, life is a culmination of trials and experiences” (like the process of “playing around” with my own portrait). I found myself in a space of combination in which I myself am like a mix, a mix of everything.

Dari Danchinova

“OBC-Index” is an interactive web compendium dedicated to the exploration and discussion of graphic design. It serves as a digital index, compiling critical texts from various designers from different times, each dissecting elements of design from foundational grid systems to emergent topics like accessibility and collaboration in book design.

At its core, the platform offers a word-search feature, allowing users to discover and highlight specific themes within the texts. This searchability extends into the printed version of their findings with key terms highlighted, creating a physical manifestation of their digital research.

“OBC-Index” brings together a wide range of ideas, creating a welcoming space for finding new information that covers many aspects of graphic design.

Carla Moje

Anlässlich des Kurses Other Books and Code, in dem wir das Verhältnis zwischen den Medien Web und Print in Bezug zur Kunst des Büchermachens untersucht haben, habe ich mich intensiv mit dem Thema des Leseflusses und daher auch mit Querverweisen und Navigation auseinandergesetzt.

In der zum Kursthema entstandenen Textsammlung sind mir verschiedene Themengebiete aufgefallen, die in mehreren Texten angesprochen werden. So habe ich eine zusätzliche Sammlung an Textausschnitten zu verschiedenen Thematiken zusammengestellt, die mir als Grundlage zum Querverweisen dienen.

Demnach gibt es auf meiner Website eine Teilung in zwei unabhängig voneinander scrollbare Seiten – links/schwarz und rechts/rot. Diese Einteilung nutze ich, um die zwei verschiedenen Sammlungen abzugrenzen und die Verweise hervorzuheben. Schwarz stellt dabei einen Bezug zum Haupttext her. Rot hingegen zu allen Inhalten, die sich vom Haupttext aus verlinken lassen, sprich die Textausschnitte zu den Thematiken, Noten und das Literaturverzeichnis. Der Einsatz von Hyperlinks erleichtert die Navigation durch die Texte und bietet eine angenehme Abwechslung zum beim Buch sonst bekannten endlosen Blättern.

In Anlehnung an die Idee, dass jeder in der Lage sein soll, die Website zu Hause auszudrucken, ist mein Printprodukt im gängigen A4-Format gehalten. Außerdem habe ich statt Farbe verschiedene Schriftarten für die Verweisungen genutzt. So bleibt der Effekt der Zweiteilung und den Querverweisen bestehen, der Zweck des Individualdrucks allerdings auch erhalten.

Vanessa Köwing

In vielen gerade älteren Texten über Design lassen sich vermehrt Beschreibungen und Auszeichnungen von ausschließlich männlichen Gestaltern finden, oft wiederholen sich dieselben großen Namen und bilden daraus den damaligen und weitestgehend immer noch bestehenden Design Canon. Ihre Arbeit und somit auch ihre Sichtbarkeit liegt vermehrt im Fokus und nimmt gleichzeitig an vielen Stellen die Möglichkeit, den Blickwinkel auf weibliche* Gestalter*innen zu legen.

Das Projekt „Search and Replace“ versucht genau diesen Blickwinkel und die sonst im Hintergrund gebliebenen Gestalter*innen sichtbar zu machen. Dazu finden sich auf der Seite der historischen Texte bei den Namen der männlichen Gestalter jeweils Verweise auf andere großartige Designer*innen dieser Zeit. Über diese Verweise oder einfach nur durchs Lesen der zweiten, der „Female Design“ Spalte gelangt man zu ausführlicheren Texten von oder über die erwähnten Gestalter*innen, in denen man mehr über Ihre Arbeitsweisen und Projekte lesen kann. Zum Schluss können alle Leser*innen dieser Website selbst entscheiden, welche Verweise Ihnen besonders wichtig waren und diese durch An- und Ausklicken mit in die Printversion übernehmen. Somit erhält man am Ende ein kleines druckbares Register einiger zuvor vielleicht gar nicht bekannten Gestalter*innen und deren Arbeiten.

Evelin Dam-Hansen

‹semikolon› ist ein Reader in Form einer Textsammlung achronologisch angeordneter Essays. Sie alle teilen die Auseinandersetzung mit Aspekten und intermedialen Bezügen zwischen Web- und Printmedien. Jeder Text steht für sich allein, streut seine diverse Perspektive, kann und soll dennoch im Zusammenhang mit den anderen gelesen werden.

Untersucht wird das Verhältnis zwischen Print und digitalem Raum.

Zwischen Buch und Website.

Es wurden Schnittstellen und Grenzen gefunden, ausgelotet, inwieweit sich beides kombinieren lässt. Mit dem Ansatz, dass das Web die Möglichkeit bietet, die kuratorische Kraft einer linearen Leserichtung aufzubrechen, habe ich im Weiteren beide Medien auf Hierarchien und etablierte Strukturen digital wie typografisch geprüft.

Mit dieser Struktur wollte ich experimentieren und untersuchen, ob sich visuell (alle) Hierarchien einhalten lassen, während das digitale Gerüst (darunter) zusätzliche Möglichkeiten bietet, die über eine chronologische Leserichtung hinausgehen. Mit der Idee, auch Ansatz orientiert oder querbeet lesen zu können, sich von Gedanken zu Gedanken hangelnd. Texten ihre Vieldeutigkeit zu lassen, sie ein Fragment werden zu lassen, sie multiple kombinieren zu können. Nicht mehr an das statische Format gebunden, in das die Seite den Inhalt drängt.

Hani Wibowo

Typographical shortcuts, often unconsciously employed, can perpetuate harmful stereotypes by associating specific typefaces with certain ethnicities, thus misrepresenting entire cultures. For instance, the use of decorative or calligraphic fonts may inadvertently evoke cultural stereotypes, such as associating script fonts with Middle Eastern and Asian cultures or serif fonts with European cultures. These associations can lead to oversimplified and inaccurate portrayals marginalizing and undermining the complexity and richness of diverse cultural identities and ultimately reinforcing stereotypes.

As part of the course “Other Books and Code” under the supervision of Prof. Heike Grebin, Jan Vincent Dufke, and Simon Thiefes, I developed a project exploring ethnographic typography and stereotypes.

This reader contains a curated selection of texts and visuals gathered from various websites and critically examines the role of typographic shortcuts in perpetuating stereotypes. By analyzing specific typefaces’ associations with ethnicities and cultures, it raises awareness of biases in typographic representation. Ultimately, it prompts reflection on typography's power to shape cultural perceptions and aims to contribute to a more nuanced understanding of cultural identities in design and daily life.

Emely Farnow

Das Internet ist ein Ort ständiger Bewegung. Websites reagieren auf Interaktionen, wie scrollen, klicken und zoomen und werden verkleinert, vergrößert, aktualisiert und umgebaut.

Im Gegensatz dazu steht das Buch als fertiges Produkt. Einmal gedruckt bleibt es unverändert.

Das Projekt „Sehe, nicht lese“ sucht nach den Schnittstellen zwischen der Flexibilität des Web und der Beständigkeit im Druck. Was erwarten wir, wenn wir eine Website besuchen? Was erwarten wir beim Aufschlagen eines Buches? Wann ist traditionelle Buchgestaltung online effektiv und wo kann ein Buch beweglich sein?

Um den Inhalt und Umfang der Website greifen zu können, gelangt man zunächst zu einem Index. Dieser dient, wie in einem Buch, zur Orientierung und ist die Tür zu den Textauszügen, die linear oder auch textübergreifend gelesen werden können. Neben der Reibung zwischen Text und Bild erfährt die lesende Person auch die Reibung zwischen interaktiven und fremdgesteuerten Veränderungen.

Der Druck wird zu einem Alltagsgegenstand, einem persönlichen Besitz, der die Website in die Realität übersetzt und vollendet. Ohne Seitenzahlen und ohne eine Bindung ist der Reader in der Reihenfolge variabel und bietet so eine analoge Möglichkeit, die Texte individuell zu ordnen.

Ob durchs Klicken oder Blättern, das eigenständige Handeln und das Treffen von Entscheidungen beim Lesen von Texten, trotz vorgegebener Strukturen, ermöglicht eine eigene Erfahrung und Interpretation, die das Gelesene lebendig macht und ermutigt dazu, über den unmittelbaren Textinhalt hinaus zu denken.

Alina Just

Marcel Louis

Print2Web2Print verdeutlicht den Übergang von einer standardisiert anmutenden Gestaltung im Web hin zur klassischen Buchgestaltung.

Die bekannte und über die Zeit weiterentwickelte User Experience von Webdesign aus den Anfangszeiten des Internets bildet die visuelle Grundlage für die Textsammlung im Web.

Die 15 verschiedenen Texte, die sich unter anderem mit dem Verhältnis von Web zu Print, mit neuen Möglichkeiten des Publizierens und der Entwicklung des Buches beschäftigen, bilden dafür die Grundlage.

Die Textauswahl für die Print-Publikation und damit das Herausholen der Texte aus der Web-Umgebung auf ein gedrucktes Blatt Papier erfolgt durch Anklicken einer individuellen Auswahl und greift so eine Möglichkeit des Internets auf: Die unkomplizierte Auswahl von Informationen basierend auf dem eigenen Interesse. Eine Möglichkeit des Internets wird so auf die analoge Publikation übertragen.

Es entsteht das Gefühl einer Mitgestaltung am gedruckten Endprodukt, welche sich letztendlich auf die Auswahl der enthaltenen Texte begrenzt. Die visuelle Gestaltung orientiert sich an geradlinigen Rastern und den starren Normen klassischer Buchgestaltung. Die Grenzen und Möglichkeiten von Web und Print werden so zu einem neuartigen Web2Print-Produkt, welches das Ziel hat, den niedrigschwelligen Zugang, den das Internet bietet, auf ein Print-Produkt zu übertragen. Als User hat man die Möglichkeit eine Auswahl der Texte zu treffen, diese im A4 Format auszudrucken, gegebenenfalls zu binden und somit innerhalb von Minuten ein personalisiertes Print-Produkt in den Händen zu halten.