Im besten Fall lesbar – Experimente mit generativer Schriftgestaltung by Johnson Kingston

Im besten Fall lesbar– e XPerImente In GeneratIver schrIFtGestaltunG semInar Im sOmmersemester 2013 – hFG Karlsruhe Ivan WeIss / mIchael KrYenbühl

Im besten Fall lesbar eXPerImente In GeneratIver schrIFtGestaltunG Das Werkzeug verändert das ergebnis. Im Zentrum dieses seminars stand die auseinandersetzung mit tools, die das Generieren von parameterbasierten schriften ermöglichen. Dabei wurden sowohl ältere technologien wie auch aktuelle ansätze vorgestellt und auf das gestalterische Potential hin geprüft. einführungen in Programmiersprachen ermöglichten einen vertieften einblick in deren Funktionsweise. Ziel des seminars war die entwicklung und umsetzung eines eigenen Projektes im Feld der generativen schriftgestaltung mittels der hierfür erarbeiteten umgebung FontWrangler.

I P N U - T Kapitel 1: Kapitel 2: Kapitel 3:

KAPITE L 1

INPUT PROZESS OUTPUT

I: Die folgenden Seiten zeigen einen kurzen {unvollständigen} historischen Überblick über die Entwicklung der Druckschriften. Dabei wurde der Fokus auf grössere technische Innovationen sowie deren Auswirkungen auf das Schriftbild gesetzt.

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

II: Ergänzt wird die historische Aufarbeitung durch eine exemplarische Auswahl an Projekten computerbasierter Schriftgestaltung, welche unterschiedliche Ansätze im Umgang mit den technologischen Möglichkeiten aufzeigen.

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

TEchNoLogISchE ENTwIcKLUNgEN vErŒNDErN DAS AUSSEhEN voN SchrIFTEN : ThESE:

«Diese für alle Medien charakteristische Tatsache bedeutet, dass der «Inhalt» jedes Mediums immer ein anderes Medium ist.» (Marshall McLuhan)

SchrIFTEN IN ToN 6

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

SchrIFTEN IN STEIN

INPUT PROZESS OUTPUT

hANDSchrIFTEN 5. – 12. jh. 8

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

SchrIFTEN IN bLEI

INPUT PROZESS OUTPUT

SchrIFTEN IN KUPFEr 10

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

SchrIFTEN FÜr KoNSUMgÜTEr

INPUT PROZESS OUTPUT

SchrIFTEN IM oFFSETDrUcK

Kapitel 1: Kapitel 2: Kapitel 3:

bELL cENTENNIAL

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

SchrIFTEN IM FoToSATz

INPUT PROZESS OUTPUT

DIgITSALISIErUNg 14

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

In Stein gemeisselte buchstaben sehen gemeisselt aus, handgeschriebene buchstaben sehen handgeschrieben aus, 1: INPUT gedruckteKapitel buchstaben sehen gedruckt aus – Kapitel 2: PROZESS Kapitel 3:

OUTPUT

–AbEr wIE KöNNTEN SchrIFTEN AUSSEhEN, DIE MIT hILFE DES coMPUTErS ENTworFEN wUrDEN? FrAgESTELLUNg:

vArIAbILIT채T

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

PArAMETEr vEKTorEN

TEX

LATEX

META FoNT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

zUFALL 17

bEo woLF

INTErPoLATIoN 18

Kapitel 1: Kapitel 2: Kapitel 3:

MULTIPLE MASTEr

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

ÜbErSETzUNg ANALogEr SIgNALE INPUT PROZESS OUTPUT

MEEK FM

vErgLEIchENDE LogArIThMEN Kapitel 1: Kapitel 2: Kapitel 3:

gENo TYP

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

EXTErNEr INPUT / INTErAKTIvIT채T

INPUT PROZESS OUTPUT

LAIKA

gENErIErEN voN MรถgLIchKEITEN 22

Kapitel 1: Kapitel 2: Kapitel 3:

SIgN gENErATor

INPUT PROZE SS OUTPUT

5. Relative aperture size

DUrchSchNITT 79

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

eeeee Frutiger

Trade Gothic

Documenta Sans

The Sans

Syntax

(Humanist Sans) 155,32% aperture size

(American Gothic) 168,06% aperture size

(Neo-Humanist Sans) 175,95% aperture size

(Neo-Humanist Sans) 193,33% aperture size

(Humanist Sans) 198,75% aperture size

Chapter 2.4 comparing faces, step 3

If you look at a Persian rug, you cannot say that less is more because you realise that every part of that rug, every change of colour, every shift in form is absolutely essential for its aesthetic success.

AG Buch

Neue Helvetica

Univers

Grotesque

ITC Franklin Gothic

(Constructed Sans) 77,18% aperture size

(Constructed Sans) 81,18% aperture size

(Constructed Sans) 81,91% aperture size

(Older Sans Serif) 90,48% aperture size

(American Gothic) 128,21% aperture size

eeeee with the Constructed Sans typefaces having the smallest, and (Neo-)Humanist Sans typefaces having the largest apertures. The average, and thus the neutral typeface’s e aperture is 135,04%.

The aperture is measured in the lower case e — usually the character with the smallest aperture — in relation to the thickness of a downstroke. We see a relatively clear division of the test field into their classes,

With the example of the necessary complexity of a Persian rug, Milton Glaser explains why the phrase ‹Less is more› is nothing but a nonsensical and meaningless proposition that excites

us only through the inaccessibility of its paradox. Glaser goes in line with Rams, saying ‹Less, but better›. The lines quoted are an excerpt from Glaser’s essay ‹Ten Things I Learned›

NEU TrAL

MoDULE + PArAMETEr 24

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

PYThoN UFo / roboFoNT

FoNT wrANgLEr {1.4}

SEMINAr «IM bESTEN FALL LESbAr»

P Z R-E 0 S S Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

KAPITE L 2

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Die folgenden Seiten zeigen Entw端rfe aus zwei Warmup-Aufgaben und Skizzen zu den eigenen Projekten der Studierenden. Warmup I: Schriftentw端rfe entstehen auf der Grundlage von Tierbeobachtungen.

Warmup II: In Einzelteile zerlegte SchriftKlassiker dienen als Ausgangsmaterial f端r neue Buchstaben- und Schrift-Formen.

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

3 6

10 11

1 7

1 2 3 4 5 6 7 8 9 10 11

Kapitel 1: Kapitel 2: Kapitel 3:

Höhe vertikaler Strich Höhe der Rundung Breite der Rundung Länge der Diagonalen Winkel der Diagonalen Strichstärkenkontrast Anzahl der Linien Anfang der Diagonalen Serifentyp Serifenlänge Serifenhöhe

Affe

Emu Papagei

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

Kamel

Giraffe

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt Eisb채r

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

Kapitel 1: Kapitel 2: Kapitel 3:

Ausgangsbuchstabe

verschoben 2

Breite 8

Ecken 7

Serifen 5

überlagert 10

Serifen 10

verschoben 5

Breite 10

weiß+schwarz 5

Rundung

rund–eckig 10

Volumen 6

Punze 6

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

Leopard

Känguruh

Pinguin

Springtamarin

Seelöwe

Pinguin

Springtamarin

Känguruh

Giraffe

AR Anika AC Anna DL Dinah FP Felix IK Igor S.47

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

Trampeltier

SH Sophia TC Tais S.46 TH Tanja

Eisbär

Hamann Chantal Hildebrandt

Flamingo

Leopard

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

Kapitel 1: Kapitel 2: Kapitel 3:

Chinaleopard

INPUT PROZE SS OUTPUT

Flamingo Schnecke

Giraffe

Pfau

Flusspferd

Buntbarsch

Schimpanse

Elephant

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

Stachelschwein

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank S.55 MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais S.54 TH Tanja

Hamann Chantal Hildebrandt

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

Tanja Hildebrandt | Schriftübung mit Modulen | RoboFont

INPUT PROZESS OUTPUT

Tanja Hildebrandt | Schriftübung mit Modulen | RoboFont

abcdefghijkl mnopqrstu vwxyz

Tanja Hildebrandt | Schriftübung mit Modulen | RoboFont

abcdefghijkl mnopqrstu vwxyz AR Anika AC Anna DL Dinah FP Felix IK Igor S.56

abcdefghijkl mnopqrstu vwxyz Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja S.57

Hamann Chantal Hildebrandt

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Tanja Hildebrandt | Schriftübung mit Modulen | RoboFont

abcdefghijkl mnopqrstu vwxyz

Tanja Hildebrandt | Schriftübung mit Modulen | RoboFont

abcdefghijkl mnopqrstu vwxyz

Tanja Hildebrandt | Schriftübung mit Modulen | RoboFont

abcdefghijkl mnopqrstu vwxyz

Tanja Hildebrandt | Schriftübung mit Modulen | RoboFont

abcdefghijkl mnopqrstu vwxyz

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

Tanja Hildebrandt | Schriftübung mit Modulen | RoboFont

abcdefghijkl mnopqrstu vwxyz

abcdefgh ijkl mnopqrstu vwxyz Tanja Hildebrandt | Schriftübung mit Modulen | RoboFont

Tanja Hildebrandt | Schriftübung mit Modulen | RoboFont

abcdefghijkl mnopqrstu vwxyz AR Anika AC Anna DL Dinah FP Felix IK Igor

abcdefghijkl mnopqrstu vwxyz Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Tanja Hildebrandt | Schriftübung mit Modulen | RoboFont

abcdefghijkl mnopqrstu vwxyz

Tanja Hildebrandt | Schriftübung mit Modulen | RoboFont

abcdefghijkl mnopqrstu vwxyz

Tanja Hildebrandt | Schriftübung mit Modulen | RoboFont

abcdefghijkl mnopqrstu vwxyz

Tanja Hildebrandt | Schriftübung mit Modulen | RoboFont

abcdefghijkl mnopqrstu vwxyz

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix S.61 IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja S.60

Hamann Chantal Hildebrandt

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

MODIFIKATION // BEMBO Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna S.62 DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht SH Sophia Hamann LF Larissa Frank TC Tais Chantal MS Menghan Sun TH Tanja Hildebrandt NB Nico Butschbacher IM BESTEN FALL LESBAR | Nico Butschbacher | Sommersemester 2013 SR Sascia Reibel S.63

IM BESTEN FALL LESBAR | Nico Butschbacher | Sommersemester 2013

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

S.67

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher S.66 SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Flamingo

Eisbär

Elefant

Känguru

Kamel

Flusspferd

Pinguin

Seelöwe

Fischreier

Giraffe

hamburgfontsiv 40

HAMBURGFONTSIV hamburgfontsiv Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

Ground

JH Johannes Hucht LF Larissa Frank MS Menghan Sun S.73 NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja S.72

Hamann Chantal Hildebrandt

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

SCHRIFTELEMENTE // BEMBO Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

aus Bembo K

aus Bembo E

aus Bembo S

aus Bembo D

aus Bembo S

aus Bembo J

aus Bembo g

aus Bembo C

aus Bembo Z

aus Bembo I

aus Bembo a

aus Bembo b

aus Bembo m

aus Bembo b

aus Bembo a aus Bembo J

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel S.79

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

aus Bembo i

S.78

IM BESTEN FALL LESBAR | Nico Butschbacher | Sommersemester 2013

Kapitel 1: Kapitel 2: Kapitel 3:

EISBÄR| Nico Butschbacher | Seminar IM BESTEN FALL LESBAR

PINGUIN| Nico Butschbacher | Seminar IM BESTEN FALL LESBAR

FLUSSPFERD| Nico Butschbacher | Seminar IM BESTEN FALL LESBAR

FISCHREIHER| Nico Butschbacher | Seminar IM BESTEN FALL LESBAR

INPUT PROZE SS OUTPUT

SEELÖWE| Nico Butschbacher | Seminar IM BESTEN FALL LESBAR

KÄNGURU| Nico Butschbacher | Seminar IM BESTEN FALL LESBAR

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika Reidt JH Johannes Hucht AC Anna Cairns LF Larissa Frank DL Dinah Lohrer MS Menghan Sun FP Felix Plachtzik NB Nico Butschbacher IK Igor Kuzmic SR Sascia Reibel BUCHSTABEN GRUNDFORM| Nico Butschbacher | Seminar IM BESTEN FALL LESBAR

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

2 Robbe Sascia Reibel Übung 1 „Im besten Fall lesbar

3 Pinguin Sascia Reibel Übung 1 „Im besten Fall lesbar 1 Eisbär Sascia Reibel Übung 1 „Im besten Fall lesbar

5 Giraffe Sascia Reibel Übung 1 „Im besten Fall lesbar

10 Kranich Sascia Reibel Übung 1 „Im besten Fall lesbar

4 Löwe Sascia Reibel Übung 1 „Im besten Fall lesbar

6 Flusspferd Sascia Reibel Übung 1 „Im besten Fall lesbar

7 Zwergflamingo Sascia Reibel Übung 1 „Im besten Fall lesbar

9 Uhu Sas cia Reibel Übung 1 „Im besten Fall lesbar 8 Sumpfmeerkatze Sascia Reibel Übung 1 „Im besten Fall lesbar

HAMBURGFONTENSIV HAMBURGFONTENSIV HAMBURGFONTENSIV hamburgfontensiv hamburgfontensiv HAMBURGFONTENSIV hamburgfontensiv ABCDEFGHIJ banana HAMBURGFONTENSIV ABCDEFGHIJ banana hamburgfontensiv KLMNOPQR BANANA KLMNOPQR STUVWXYZ BANANA ABCDEFGHIJ bananaHAMBURGFONTENSIV STUVWXYZ hamburgfontensiv abcdefghij KLMNOPQR BANANA abcdefghij klmnopqrs ABCDEFGHIJ banana STUVWXYZ ABCDEFGHIJ hamburgfontensiv klmnopqrs KLMNOPQR abcdefghij BANANA tuvwxyz ABCDEFGHIJ Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

tuvwxyz ABCDEFGHIJ banana STUVWXYZ klmnopqrs KLMNOPQR ABCDEFGHIJ ABCDEFGHIJ KLMNOPQR BANANA tuvwxyz KLMNOPQR KLMNOPQR ABCDEFGHIJ banana ABCDEFGHIJ abcdefghij

STUVWXYZ klmnopqrs KLMNOPQR STUVWXYZ ABCDEFGHIJ BANANA KLMNOPQR abcdefghij tuvwxyz STUVWXYZ STUVWXYZ klmnopqrs ABCDEFGHIJ abcdefghij KLMNOPQR STUVWXYZ tuvwxyz klmnopqrs ABCDEFGHIJ KLMNOPQR tuvwxyz abcdefghij STUVWXYZ abcdefghij KLMNOPQR STUVWXYZ klmnopqrs abcdefghij klmnopqrs STUVWXYZ tuvwxyz abcdefghij klmnopqrs tuvwxyz abcdefghij klmnopqrs tuvwxyz abcdefghij klmnopqrs tuvwxyz klmnopqrs tuvwxyz tuvwxyz STUVWXYZ KLMNOPQR abcdefghij ABCDEFGHIJ STUVWXYZ klmnopqrs KLMNOPQR abcdefghij tuvwxyz STUVWXYZ klmnopqrs ABCDEFGHIJ abcdefghij tuvwxyz KLMNOPQR klmnopqrs ABCDEFGHIJ STUVWXYZ ABCDEFGHIJ tuvwxyz KLMNOPQR abcdefghij ABCDEFGHIJ STUVWXYZ KLMNOPQR KLMNOPQR abcdefghij klmnopqrs klmnopqrsSTUVWXYZ STUVWXYZ ABCDEFGHIJ ABCDEFGHIJ tuvwxyz tuvwxyzabcdefghij abcdefghij KLMNOPQR KLMNOPQR klmnopqrs klmnopqrsSTUVWXYZ tuvwxyzSTUVWXYZ abcdefghij tuvwxyz ABCDEFGHIJ klmnopqrs abcdefghij KLMNOPQR tuvwxyz klmnopqrs STUVWXYZ abcdefghij ABCDEFGHIJ tuvwxyz klmnopqrs KLMNOPQR tuvwxyz STUVWXYZ abcdefghij ABCDEFGHIJ klmnopqrs KLMNOPQR tuvwxyz STUVWXYZ

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

abcdefghij SH Sophia TC Tais klmnopqrs TH Tanja tuvwxyz

Hamann Chantal Hildebrandt

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

0 P Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

KAPITE L 3

U U T T AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

Die Studierenden entwickelten eine Projektidee für eine eigene, generierte Schriftfamilie. Mit dem Fokus auf einen modularen Aufbau und den Einsatz von Parametern für grösstmögliche Flexibilität, wurde in der Umgebung «FontWrangler»* Glyphe um Glyphe programmiert. Die nachfolgenden Seiten präsentieren Resultate, welche alle die selbe Ausgangslage hatten, aber unterschiedlicher nicht sein könnten.

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

* FontWrangler bietet die Möglichkeit, unter Verwendung von Parametern flexible Module zu beschreiben, welche zu Glyphen zusammengesetzt und verändert werden können. FontWrangler ist Python-basiert und generiert .ufo-Files, welche in RoboFont als Live-Preview betrachtet und später als Schrift im .otf-Format ausgegeben werden können.

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

Anika Reidt: Aleagon ROMAN, LIGHT, BOLD, CONDE NSE D, ACCIDE NT, BOLD CONDE NSE D, ULTRA LIGHT, HE AV Y ACCIDE NT, LIGHT ACCIDE NT, LIGHT HE AV Y ACCIDE NT, DESTRUCTE D, TANGRAM Polygone treffen auf den Zufall. Dabei ist nicht nur der berechnete Zufall im Spiel, dessen Ausmaß parametrisch eingegrenzt werden kann. Überraschendes entsteht auch, wenn etwas anders wird, als wir es uns vorstellen. Manchmal sind Folgen falsch definierter Bezüge eben interessanter als das Vorhersehbare. Aleagon ist wirklich nur im besten Fall lesbar, andernfalls aber das Muster für meine neue Bettwäsche.

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

a b cd e f g h ij km no p q rst u v w x y z AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

A B CD E F G H IJ KL M NO P Q RST U V W X Y Z 92

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

abcdefg hijkl

mno pqrstuvw xyz

abcdefg hijkmn Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

opqrstuvw xyz

abcdefghijkmn opqrstuvw xyz 93

abcdefghijkmn opqrstuvw xyz

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

abcdefghijk ABCDEFGHIJKL l mnopqrstuvw xyz MNOPQRSTUVW XYZ 94

abcdefghijkl ABCDEFGHIJKL mnopqrstuvw xyz MNOPQRSTUVW XYZ abcdefghijkmn

ABCDEFGHIJKMN

opqrstuvw xyz

OPQRSTUVW XYZ

abcdefghijkl

ABCDEFGHIJKL

abcdefghijkmn

ABCDEFGHIJKMN

mnopqrstuvw xyz opqrstuvw xyz

MNOPQRSTUVW XYZ OPQRSTUVW XYZ

HAMBURGE FONTSIV Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

abcdefghijk l mnopqrstuvw xyz ABCDEFGHIJKMNO PQRSTUVW XYZ AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

Aleagon Accident in verschiedenen Varianten

abcdefghijkmnopqrstuvw xyz 96

abcdefghijkmno pqrstuvw xyz

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

abcdefghijkmnopqrstuv w xyz a bcdefg h i jk mnopqrstuv w xyz

abcdefghijkmno pqrstuv w xyz ABCDEFGHIJKMNOPQRSTUVW XYZ ABCDEFGHIJKMNO PQRSTUVW XYZ

ABCDEFGHIJKMNOPQRSTUV W X YZ

A B C D E F G HIJKM NO P Q R S T UV W X YZ ABCDEFGHIJKMNO PQRSTUV W XYZ

Beim Schriftschnitt TANGRAM, der eine gemäßigte Zufallsvariante ist, wird ein M unter Umständen zu einem Hund oder etwas Ähnlichem – wenn man Glück hat.

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

ANNA CAIRNS: LE E Ich habe ein Werkzeug programmiert, das mir auf der Basis desselben Schriftskeletts Varianten möglichst großer stilistischer Bandbreite ausgibt. Die Anpassung von nur fünf Parametern ermöglicht es mir, der Schrift je nach Anwendung den gewünschten Charakter zu geben. Es können zwei Strichstärken sowie Serifenlänge, -dicke und -höhe eingestellt werden.

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

Kapitel 1: Kapitel 2: Kapitel 3:

U E L

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

L EE

INPUT PROZESS OUTPUT

i st ei n fac h ausdr uc k der sc h i fffah rt und beZ ei ch n et di e dem Wi n d abge Wan dte seite ein es sc h i ffes AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

100

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

101

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

102

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

f Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

250 103

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

104

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

105

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

106

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

107

DINAH LOHRE R: GE NE RATE D ATOMIC R SE RIF, FAT R SE RIF, FAT RE SANS, FAT E E SANS, LITTLE R E XPLODE SANS, LITTLE E E E XPLODE SANS, R E XPLODE SANS, R E XPLODE SE RIF, R IMPLODE SANS, E E IMPLODE SANS, R E XTRE ME IMPLODE SANS Die Idee hinter der Gestaltung des Fonts 'Generated Atomic‘ ist – die Atombombe. Durch Parametrisierung ist der Font extrem variabel in puncto Positionierung der Buchstabenelemente, Strichstärke, Bogen- und Serifenform. Die Ergebnisse dieser Variationen verweisen auf Verhalten und Auswirkungen einer atomaren Explosion: So kann die Schrift geradezu explodieren ('Explode‘) oder implodieren ('Implode‘) – in welchem Fall sich Buchstabenelemente nach außen bzw. innen verschieben –, oder mutieren, in welchem Fall Serifen zu wachsen beginnen. 'Fat‘ und 'Little‘ bezeichnen Strichstärke, 'R‘, 'RE‘ und 'EE‘ den Grad des runden bzw. eckigen Charakters des jeweiligen Schriftschnitts.

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

T YPE FACES GA R SE RIF, R E XPLODE SE RIF

Kapitel 1: Kapitel 2: Kapitel 3:

108

INPUT PROZE SS OUTPUT

T YPE FACE GA R SE RIF 10 pt

R E XPLODE SE RIF 20 pt

I do not believe that civilization will be wiped out in a war fought with the atomic bomb. Perhaps two-thirds of the people of the Earth might be killed, but enough men capable of thinking, and enough books, would be left to start again, and civilization could be restored. –Albert Einstein

IF WE DO NOT END WAR,WAR WILL END US. – H.G.WELLS

R SE RIF 24 pt

The bomb was no great decision. It was merely another powerful weapon in the arsenal of righteousness. – Harry S. Truman R E XPLODE SE RIF 30 pt

Julius Robert Oppenheimer R E XPLODE SE RIF 40 pt

BIKINI ,LOS ALAMOS

T YPE FACE GA R SE RIF CHARACTE RSET Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

109

ENOLA

GAY INTRODUCING THE GENERATED ATOMIC AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghij klmnopqrstuvwxyz -. !?,–

T YPE FACE GA FAT E E SANS, LITTLE E E E XPLODE SANS CHARACTE RSET

110

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

LITTLE FAT MAN

NOW I AM BECOME DEATH, THE DESTROYER OF WORLDS. –BHAGAVAD GITA ABCDEFG ABCDEFGH H IJ KLM N O PQ RSTU V WXYZ a bcd e f g h i j k l m n o pq r s t u v w x y z -. !?,– ABCDEFGH IJ KLM N OPQ RSTUVWXYZ a bc d efg h ij k l m n o pq rs t u v w xy z -. !?,–

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

111

A A A A A A AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

R E XPLODE SANS 16 pt Kapitel 1:

INPUT

Kapitel 2: ENERGY PROZE SS THE RELEASE OF ATOMIC Kapitel 3: OUTPUT 112

HAS NOT CREATED A NEW PROBLEM. IT HAS MERELY MADE MORE UR-

GENT THE NECESSITY OF SOLVING AN – ALBERT EINSTEIN R E XTRE ME IMPLODE SANS 28 pt

THERE WAS NEVER A GOOD WAR, OR A BAD PEACE. –BENJAMIN FRANKLIN E E IMPLODE SANS 16 pt

TH E ATO M B O M B WA S N O G R E AT D E CI O N . I T WA S M E R E LY AN OTH F U L W E PO N OUSNESS. –H A R R Y S . T R U M A N R IMPLODE SANS 24 pt

I KNOW NOT WITH WHAT WEAPONS WORLD WAR III WBE FOUGHT, BUT STICKS AND - A LBERT EINSTEIN

T YPE FACE GA LITTLE R E XPLODE SANS 30 pt Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

113

IF THE RADIANCE OF A THOUSAND SUNS WERE TO BURST FORTH AT ONCE IN THE SKY, THAT WOULD BE LIKE THE SPLENDOUR OF THE MIGHTY ONE. I AM MIGHTY, WORLDDESTROYING TIME. -ROBERT OPPENHEIMER

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

T YPE FACE GA FAT RR SANS 48 pt Kapitel 1: Kapitel 2: Kapitel 3:

114

INPUT PROZE SS OUTPUT

MANHATTAN PROJECT FAT RR SANS 20 pt

War is peace. Freedom is slavery. Ignorance is strength. –George Orwell FAT RR SANS 10 pt

The release of atomic energy has not created a new problem. It has merely made more urgent the necessity of solving an existing one. –Albert Einstein

T YPE FACE GA FAT R SE RIF CHARACTE RSET Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

115

ABCDEF GHIJKLMN OPQRST UVWXYZ -.!?,â&#x20AC;&#x201C; abcdef ghijklmn opqrst uvwxyz

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

We knew 116

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

the world would not be the same.

â&#x20AC;&#x201C;Robert Oppenheimer

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

117

Felix Plachtzik: “wurzelsepp“ Ausgangspunkt dieser Schriftenreihe ist die Idee einer digitalen Handschrift, die sich mit der Verfassung und Laune des Schreibers verändert. Ist er beispielsweise gestresst und legt wenig Wert auf das Aussehen, sieht die Schrift dementsprechend krakelig aus. In den digitlen Kontext übertragen bedeutet das, dass sich die Schrift am Stress des Computers orientiert und verändert. Ist beispielsweise die CPU-Aktivität und die Arbeitsspeicherauslastung sehr groß drückt sich dies durch eine Veränderung im Schriftbild aus. Typografische Basis hierfür bilden diverse deutsche Schreibschriften aus dem 19.-20.Jhd..wb

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

118

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

119

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

120

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

121

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

122

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

123

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

124

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

125

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

126

Kapitel 1: Kapitel 2: Kapitel 3:

ende

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

127

IGOR KUZMIC: QUASIMODO Das Ziel war es, eine Schrift zu programmieren, die sich durch das Verstellen einzelner Parameter teilweise in die Richtung einer gebrochenen Schrift bewegen w체rde. Insgesamt besteht die Quasimodo aus 13 Modulen und 8 speziell definierten Parametern. Kurven-, Serifen- und Rechteckmodule wurden in den folgenden Schriftschnitten in Abh채ngigkeit zueinander parametrisiert.

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

n a k s n x p n

128

g m n p r e e n n c d q u e x l i m r n r v o a Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

sha l l we revi ew you r a l ph a bet t o day ?

frol l o :

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

129

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

q u a s i m o d o:

Quasimodos Antworten in den Schnitten C bis J

oh yes! mas ter. 130

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

f: ve ry we l l . a ? q : a bomi na tion . b? blasphemy. c? cont r i t ion . d? da m nation . e? eterna l da mnati on . good! f? q : festi va l ... f : exc u se m e ?? uh ! fâ&#x20AC;&#x201C;forgi ven ess !

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

131

ta kes a s i p o f h i s d ri n k

d i s t ra c te d

AR Anika s p i ts AC Anna DL Dinah FP Felix IK Igor

Reidt o u t h i s d ri nJH Johannes Hucht k Cairns Lohrer Plachtzik Kuzmic

LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

a one-eyed ma n is much more incomplete tha n a bl i nd ma n : for he knows what i t is that's lacki ng. 132

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

q ua s i modo pa used u nde r t he g rea t po rc h. h is la rge fee t see med a s f i r m l y roo ted i n t he pa ve me n t o f t he c h u rc h a s t he ma ss i ve ro ma n p i l la rs. h is h uge head a p pea red to be t h r us t do w n i n to h is s ho u lde rs l i ke t ha t o f t he l io n wh ich too ha s a co p io us ma ne a nd no nec k.

c u t o ff fo re ve r fro m soc i et y b y t he do u b l e fa ta l i ty o f hi s u n kn own pa ren ta ge a n d hi s mi ssha pen n a tu re. Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

133

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

i t wa s h e r e t h a t q u a s i m o d o h a d d e p o s i t e d l a e s m e r a l d a . a f t e r h i s w i l d a n d t r i u m p h a n t c o u r s e . a s l o n g a s t hKapitel a t c1: o u r INPUT s e l a s t e d t h e yo u n g Kapitel 2:

PROZE SS

a wa ke n o l o n g e134r fe e l i n g a n y t h i n g e x c e p tKapitel t h a t3: s h eOUTPUT wa s m o u n t i n g t h ro u g h t h e a i r f l o a t i n g i n i t – f l y i n g i n i t – t h a t s o m e t h i n g wa s r a i s i n g h e r a b ov e t h e e a r t h . fro m t i m e t o t i m e s h e h e a r d t h e l o u d l a u g h t e r! t h e n o i s y v o i c e o f q u a s i m o d o i n h e r e a r : s h e h a l f o p e n e d h e r eye s . i t wa s h e r e t h a t q u a s i m o d o h a d d e p o s i t e d l a e s m e r a l d a . a f t e r h i s w i l d a n d t r i u m p h a n t cou rse. a s l o n g a s t h a t cou rse l a s ted t h e you n g g i rl n o l o n g e r fe e l i n g a n y t h i n g e x c e p t t h a t s h e wa s m o u n t i n g t h r o u g h t h e a i r f l o a t i n g i n i t – f l y i n g i n i t – t h a t s o m e t h i n g wa s r a i s i n g h e r a b o v e t h e e a r t h . f r o m t i m e t o t i m e s h e h e a r d t h e l o u d l a u g h t e r! t h e n o i s y voi ce of q ua s i mod o i n he r ea r: s he h a l f ope ned he r eyes.

i t wa s h e r e t h a t q u a s i m o d o h a d d e p o s i t e d l a e s m e ra l d a . a fte r h i s wi l d a n d tri u m p h a n t co u rse . a s l o n g a s th a t co u rse l a s ted th e yo u n g g i r l h a d b e e n u n a b l e t o r e c o v e r h e r s e n s e s h a l f u n c o n s c i o u s h a l f a wa ke n o l o n g e r fe e l i n g a n y t h i n g e x c e p t t h a t s h e wa s

mou nti ng t h roug h t he a i r floa ti ng i n i t – fl y i ng i n i t – t h a t so m e t h i n g wa s ra i s i n g h e r a bo ve t he ea r t h. from ti me to ti me she hea rd t he l o u d l a u g h t e r! t h e n o i s y v o i c e o f q u a s i m o d o i n he r ea r: s he ha l f ope ned he r eyes.

i t w a s h e re t h a t q u a s i m o d o h a d d e p o s i t e d l a es m e ra l da . a fte r h i s w i l d a n d t r i u m p h a n t co u rse. a s l o n g a s t ha t co u rse l a sted t he y o u n g g i r l h a d b e e n u n a b l e t o re c o v e r h e r s e n s e s h a l f u n c o n s c i o u s h a l f a w a ke n o l o n g e r fe e l i n g a n y t h i n g e x c e p t t h a t s h e w a s

m o u n t i n g t h ro u g h t h e a i r f l o a t i n g i n i t – f l y i n g i n i t – t h a t s o m e t h i n g w a s ra i s i n g h e r a b o v e t h e e a r t h . fro m t i m e t o t i m e s h e h e a r d t h e l o u d l a u g h t e r! t h e n o i s y v o i c e o f q u a s i m o d o i n h e r ea r: she ha l f open ed her eyes.

i t wa s h ere th a t qu a si m odo h a d deposi ted l a esm era l da . a fter hi s wi l d a n d tri u m ph a n t cou rse. a s l on g a s th a t cou rse l a sted th e you n g gi rl h a d been u n a bl e to recover h er sen ses h a l f u n con sci o u s h a l f a w a ke n o l o n g e r fe e l i n g a n y t h i n g e x c e p t t h a t sh e wa s

mounting through the air floating in it – flying in it – t h a t s o m e t h i n g wa s r a i s i n g h e r a b o v e t h e e a r t h . f r o m t i m e t o t i m e s h e h e a r d t h e l o u d l a u g h t e r! the noisy voice of quasimodo in her ear: she half opened her eyes.

Übersicht der charakteristischen Parameter: (1) Strichstärke (2) Kurve (3) Stammgelenk (4) Serife A Kapitel 1: INPUT (5) Serife B Kapitel 2: PROZESS Kapitel 3: OUTPUT

n (1)

135

(2) x = –20 y = 110

(3)

(4)

(5)

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

x=0 y=0

Quasimodo Schnitte C–U Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

a b c d e fg h i j k l m n o p q r s t u v w x y z . !? : - – 136

a b c d e fg h i j k l m n o p q r s t u v w x y z . !? :- – a b c d e fg h i j k l m n o p q r s t u v w x y z . !? : - – a b c d e fg h i j k l m n o p q r s t u v w x y z . ! ? : - – a b c d e fg h i j k l m n o p q r s t u v w x y z . ! ? : - – a b c d e fg h i j k l m n o p q r s t u v w x y z . ! ? : - – a b c d e fg h i j k l m n o p q rs t u v w x y z . ! ? :- – a b c d e fg h i j k l m n o p q rs t u v w x y z . ! ? : - – a b cd e fg h i j k l m n o pq rs tu v w x yz . !? :- – a b c d e fg h i j k l m n o p q r s t u v w x y z . !? : - –

a b c d e fg h i j k l m n o p q r s t u v w x y z . !?: - –

a b c d e fg h i j k l m n o p q r s t u v wx y z . !? : - – a b c d e fg h i j k l m n o p q r s t u v w x y z . !?: - –

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

137

JOHANNE S HUCHT: GLITCH I,IIII,IV,V,VI Glitch ist eine konstruierte Groteskschrift. Durch verschieden Zufallsparameter l채sst sich die Ausgangsschrift Glitch I immer weiter verfremden. Sie imitiert damit die Optik verzerrten Schriften die analog verf채lscht wurden.

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

138

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

139

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

140

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

141

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

142

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

143

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

144

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

145

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

146

Kapitel 1: Kapitel 2: Kapitel 3:

THE FIVE BOXING WIZARDS JUMP QUI CK LY

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

147

LARISSA FRANK BE NT 'Bent‘ ist eine generierte Schrift, deren Hauptmerkmal auf einem variablen, horizontalen Knick beruht. Unterschiedliche Neigungsparameter verändern zusätzlich die Perspektive der Schrift. So vermag es die Schrift auf der Fläche einen Raum zu schaffen. Dabei brechen einzelne Glyphenelemente eigentümlich aus der Starrheit des Systems heraus und geben der Schrift einen lebendigen Charakter.

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

148

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

EEE E E

A B CD EFG HIJ KLMN O PQ RSTU V WXYZ a b cd efg h j k lm n o p q rs tu vw xyz

A B C D E FG H I J K L M N O P Q R S T U V W X Y Z a b c d e f gh j k l m n o p qrst u v w xyz

A B CD E F G H IJ KLMN O P Q RSTU VWX YZ a b cd e fg h j kl m n o p q rstu v w x y z

A B C D E F G H IJ K L M N O PQ R S T U V W X YZ a b c d e fgh j k lm n o pq rs tu vw x yz

A B C D E F G H IJ KLMN O P Q RS T U VWXYZ a b c d ef gh j klm n o p q rstuvwx yz

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

149

YE A H WHOM BAM AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

9 Pt

HAMBURGEFONTSIV 150

Hamburgefonts v 12 Pt

HAMBU RGEFONTSIV Hamburgefonts v

14 Pt

HAMBU RGEFONTSIV Hamburgefonts v

16 Pt

HAMBURGEFONTSIV Hamburgefonts v

20 Pt

HAMBURGEFONTSIV Hamburgefonts v

9 Pt

HAMBURGEFONTSIV Hamburgefonts v

12 Pt

HAMBURGEFONTSIV Hamburgefonts v

14 Pt

HAMBURGEFONTSIV Hamburgefonts v

16 Pt

HAMBURGEFONTSIV Hamburgefonts v

20 Pt

HAMBURGEFONTSIV Hamburgefonts v

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

B ENT BENT B E N T BENT BENT BENT BENT BENT BENT BENT BENT BENT BENT BENT BENT BE NT BENT BENT 151

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

9 Pt

HAMBURGEFONTSIV 152

Hamburgefonts v 12 Pt

H AMBURGEFONTSIV Hamburgefonts v

14 Pt

H AMBURGEFONTSIV Hamburgefonts v

16 Pt

H AMBURGEFONTSIV Hamburgefonts v

20 Pt

HAMBURGEFONTSIV Hamburgefonts v

9 Pt

HAMBURGEFONTSIV Ham bu rgefonts v

12 Pt

H AMBURGEF ONTSIV Ham bu rgefonts v

14 Pt

H AMBURGEF ONTSIV Ham bu rgefonts v

16 Pt

H AMBURGEFONTSIV Ham bu rgefonts v

20 Pt

HAMBURGEFONTSIV Hamburgefonts v

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

E E E E E E E E E E E E E E E E E E

A A A A A A A A A A A A A A A A A A

W B W B W B W B W B W B W B W B W B W B W B W B W B W B W B W B W B W B

m m m m m m m m m m m m m m m m m m

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

e e e e e e e e e e e e e e e e e e

153

SH Sophia TC Tais TH Tanja

k k k k k k k k k k k k k k k k k k

Hamann Chantal Hildebrandt

Kapitel 1: Kapitel 2: Kapitel 3:

AND ROUGH 154

INPUT PROZE SS OUTPUT

YOUR MIN D BE

EDGY EDGY EDGY

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

155

X AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

156

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

TURN

THE

CORNER

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

157

ME NGHAN SUN: QINGJIAOFONT NOMAL, BLOD, REGULAR, LOOP, LIGHT, ME DIUM Weil chinesische Zeichen immer quadratisch aussehen, habe ich dann mit der Form auch zu den lateinischen Buchstaben versucht. Die zwei Schriftsysteme sind ganz anders â&#x20AC;&#x201C; wenn die Beiden zusammen verbunden werden, passiert etwas besonderes.

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

IM BE STE N FALL LE SBAR QINGJIAOFONT

Kapitel 1: Kapitel 2: Kapitel 3:

158

INPUT PROZE SS OUTPUT

宋

黑楷 B

IM BE STE N FALL LE SBAR QINGJIAOFONT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

159

QINGJIAOFONT NOMAL qingjiaofont nomal QINGJIAOFONT LIG H T qingjiaofont light Q IN GJIA O F O N T qingjiaofo nt

BLOD blod

QINGJIAOFONT qi ngji aofo nt

LOOP l oop

QINGJIAOFONT qingji aofo nt

MEDIUM medium

QINGJIAOFONT

REGULAR

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

qingji aofont

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

regular

IM BE STE N FALL LE SBAR QINGJIAOFONT

QINGJIAOFONT NOMAL qingjiaofont nomal 160

ABCDEFG HIJKLMN OPQRST UVWXVZ abcdefg hijklmn opqrst uvwxvz

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

IM BE STE N FALL LE SBAR QINGJIAOFONT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

QINGJIAOFONT LIG H T qingjiaofont lig ht 161

ABCDEFG HIJKLMN OPQRST UVWXVZ

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

abcdefg hijklmn opqrst uvwxvz

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

IM BE STE N FALL LE SBAR QINGJIAOFONT

Q I NG N G JIA O F O NT qingjiaofo nt 162

BLOD blod

Kapitel 1: Kapitel 2: Kapitel 3:

AB CD EFG H IJ K LM N O P Q R ST UVWXVZ abcdefg hijklmn o pqrst u vwxvz

INPUT PROZE SS OUTPUT

IM BE STE N FALL LE SBAR QINGJIAOFONT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

QINGJIAOFONT qi ngji aofo nt 163

LOOP l oop

AB CD EFG H IJ K LM N O P Q R ST U VWXVZ AR Anika AC Anna DL Dinah FP Felix IK Igor

ab c d efg hij kl m n o p q r st u vwxvz Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

IM BE STE N FALL LE SBAR QINGJIAOFONT

QINGJIAOFONT qingji aofo nt 164

MEDIUM medium

Kapitel 1: Kapitel 2: Kapitel 3:

AB CD EFG H IJ K LM N O P Q R ST UVWXVZ ab c d efg hij kl m n o p q r st u vw x vz

INPUT PROZE SS OUTPUT

IM BE STE N FALL LE SBAR QINGJIAOFONT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

QINGJIAOFONT

REGULAR

qingji aofont

regular

165

AB CD EFG H IJ K LM N O P Q R ST UVWXVZ

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

ab c d efg hij kl m n o p q r st u vw x vz

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

IM BE STE N FALL LE SBAR QINGJIAOFONT

MODULE DRE IECKE

166

def Dreiecke(x1,y1,x2,y2,x3,y3,spiegelung): import parameter p1x = x1 p1y p2x = x2 p2y p3x p3y = y3

= y1 = y2 = x3

if spiegelung == 1: p1x, p1y = p1y, -p1x p2x, p2y = p2y, -p2x p3x, p3y = p3y, -p3x

Kapitel 1: INPUT Kapitel 2: PROZE SS RECHTECKE Kapitel 3: OUTPUT def Rechteck(x,y,hoehe,breite,spiegelung): import parameter import math # Funktion fuer Spiegelung Teil 1 if spiegelung == 1: y = -y if spiegelung == 2: x = -x if spiegelung == 3: x = -x y = -y

# Die Position der einzelnen Punkte wird mit Hilfe der Werte aus der Glyphe und der Parameter bestimmt if spiegelung == 2: p1x, p1y = -p1x, -p1y p2x, p2y = -p2x, -p2y p3x, p3y = -p3x, -p3y

if spiegelung == 3: p1x, p1y = -p1y, p1x p2x, p2y = -p2y, p2x p3x, p3y = -p3y, p3x

QUADRAT

p1x = x p1y p2x = x

p4x, p4y = -p4x, -p4y if spiegelung == 3: p1x, p1y = -p1y, p1x p2x, p2y = -p2y, p2x p3x, p3y = -p3y, p3x p4x, p4y = -p4y, p4x

def Quadrat(x,y,hoehe,breite,spiegelung): import parameter p1x = x p1y =y p2x = x p2y = y+hoehe p3x = x+breite p3y = y+hoehe p4x = x+breite p4y = y if spiegelung == 1: p1x, p1y = p1y, -p1x p2x, p2y = p2y, -p2x p3x, p3y = p3y, -p3x p4x, p4y = p4y, -p4x if spiegelung == 2: p1x, p1y = -p1x, -p1y p2x, p2y = -p2x, -p2y p3x, p3y = -p3x, -p3y p4x, p4y = -p4x, -p4y if spiegelung == 3: p1x, p1y = -p1y, p1x p2x, p2y = -p2y, p2x p3x, p3y = -p3y, p3x p4x, p4y = -p4y, p4x p2y = y+hoehe p3x = x+breite p3y = y+hoehe p4x = x+breite p4y = math.acos(y)

# Funktion fuer Spiegelung Teil 2 (alle definierten Punkte nach dem aufgezeigten Schema ergaenzen) if spiegelung == 1: p1x, p1y = p1y, -p1x p2x, p2y = p2y, -p2x p3x, p3y = p3y, -p3x p4x, p4y = p4y, -p4x if spiegelung == 2: p1x, p1y = -p1x, -p1y p2x, p2y = -p2x, -p2y p3x, p3y = -p3x, -p3y

PARAMETE R wertereihen=6 fontname=Qing jiaoFont stylename=nomal;light;blod;medium;regular;loop draft=0 xheight=700;800;900;1000;350;950 n_breite=400;500;600;700;250;750 versalhoehe=800 unterlaenge=200 oberlaenge=1000 einheit=1000 strichvertikal=100;50;20;130;80;200 strichhorizontal=10;5;20;25;30;35 luecke=10;20;30;40;45;50 copyright=Johnson/Kingston

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

167

NICO BUTSCHBACHE R: E LE ME NT Ausgehend von der Idee, Buchstaben aus immer gleichen Elementen aufzubauen, setzte ich mir das Ziel, eine Serifenschrift zu programmieren, deren Glyphen aus einem minimalen Repertoir an Einzelteilen bestehen. Die Schrift sollte dabei stets lesbar bleiben, doch – durch die Vorgaben der wenigen Elemente – neue Darstellungsformen für Buchstaben finden. Die einzelnen Elemente sollten dabei nie skaliert werden, das Erscheinungsbild der Schrift aber durch die Programmierung wandelbar bleiben. Es enstand die Schrift “element“.

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

168

Kapitel 1: Kapitel 2: Kapitel 3:

element typeface

INPUT PROZE SS OUTPUT

sechsundzwanzig Buchstaben aus fuenf Elementen

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

169

Q AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

170

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

171

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

KS 172

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

variante z wei

ele ment

Helium Lithium Beryllium Bor Kohlenstoff Stickstoff Saue rstoff Fluor Neon Natrium Magnesium Aluminium Sili zium Phosphor Wasserstoff Schwefel Chlor Argon Kalium Calcium Scandium Titan Vanadium Chrom Mangan Eisen Kobalt Nickel Kupfer Zink Gallium Germanium Arsen Selen Brom Krypton Rubidium Strontium Yttrium Zirkonium Niob Techn etium Ruthenium Rhodium Palladium Silber Cadmium Indium

SP Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

173

variante drei

element

Helium Lithium Beryllium Bor Kohlenstoff Stickstoff Sauerstoff Fluor Neon Natrium Magnesium Aluminium Sili zium Phosphor Wasserstoff Schwefel Chlor Argon Kalium Calcium Scandium Titan Vanadium Chrom Mangan Eisen Kobalt Nickel Kupfer Zink Gallium Germanium Arsen Selen Brom Krypton Rubidium Stron tium Yttrium Zirkonium Niob Techn etium Ruth enium Rhodium Palladium Silber Cadmium Indium Zinn Antimon Tellur Iod Xenon AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

QR 174

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

variante vier

element

Helium Lithium Beryllium Bor Kohlenstoff Stickstoff Sauerstoff Flu or Neon Natrium Magnesium Aluminium Sili zium Phosphor Wasserstoff Schwefel Chlor Argon Kalium Calcium Scandium Titan Vanadium Chrom Mangan Eisen Kobalt Nickel Kupfer Zink Gallium Germanium Arsen Selen Brom Krypton Rubidium Strontium Yttrium Zirkonium Niob Technetium Ruth enium Rhodium Palladium Silber Cadmium Indium Zinn Antimon Tellur Iod Xenon Caesium Barium Lanthan Cer Praseodym Neodym Promethium

STYX X varian Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

175

element

Helium Lithium Beryllium Bor Kohlenstoff Stickstoff Sauerstoff Flu or Neon Natrium Magnesium Aluminium Sili zium Phosphor Wasserstoff Schwefel Chlor Argon Kalium Calcium Scandium Titan Vanadium Chrom Mangan Eisen Kobalt Nickel Kupfer Zink Gallium Germanium Arsen Selen Brom Krypton Rubidium Strontium Yttrium Zirkonium Niob Technetium Ruth enium Rhodium Palladium Silber Cadmium Indium Zinn Antimon Tellur Iod Xenon Caesium Barium Lanthan Cer Praseodym Neodym Promethium AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

176

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

177

SASCIA RE IBE L SHUFFLE E XTRATHIN,E XTRATHINSHUFFLE ,E XT RATHINME DIUMSHUFFLE ,E XTRATHINH E FT YSHUFFLE,REVE RSE DSHUFFLE E XT RATHIN,E XPLODE SHUFFLE E XTRATHIN, CONDE NSE D, THIN, THINSHUFFLE ,THINM E DIUMSHUFFLE ,THINHE FT YSHUFFLE ,RE VE RSE DSHUFFLTHIN,E XPLODESHUFFLE THIN,ME DIUM,ME DIUMSHUFFLE ,ME DIU ME DIUMSHUFFLE ,ME DIUMHE FT YSHUFF E,REVE RSE DSHUFFLE ME DIUM,E XPLODE SHUFFLE ME DIUM,BOLD,BOLDSHUFFLE,B OLDME DIUMSHUFFLE ,BOLDHE FT YSHUF FLE,REVE RSE DSHUFFLE BOLD,E XPLODES HUFFLE BOLD,BLACK. Shuff le is a rather uncomfortable,generated font. Based on basic grotesc letters, the common modules reshape and rearrange within the different typefaces. Shuff led and sometimes unreadable.

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

SHUFFLE SHUFFLE SHUFFLE SHU F F LE SHUFFLE S HUFFL E SHU FFLE Kapitel 1: Kapitel 2: Kapitel 3:

178

A SHUFFLE oF oiL mixEd witH zinc oxidE mAkES A vEry brigHt pAint A shuffle of oil m ixed with zinc oxide m Akes A very bright pAint A S HUFFL E oF oiL m ixE d witH zinc oxi dE m AkES A vE ry brig Ht pAin t A shuffle of oil mixed w ith zinc oxide mAkes A very bright pAint A s huffle of oil m ix e d w ith z in c ox ide m Akes A very brig ht pAint

INPUT PROZE SS OUTPUT

AB CD E F GH JKL

Kapitel 1: Kapitel 2: Kapitel 3:

AB CD EF G H IJ

Ab cd EF g H JkL

AB CD EF G H JK

AB CD EF G H II J

A C E G

B D F H

A c e g i A C E G I A c e g i

A C E G

B D F H

A C E G

B D F H

A c E g

b d F H

A C E G

B D F H

A C E G

B D F H

A C E G

B D F H

INPUT PROZESS OUTPUT

A C E G

B D F H

A C E G

B D F H

A C E G

B D F H

A C E G

B D F H

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

b d f h J B D F H J b d f h J

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

179

SH Sophia TC Tais TH Tanja

A C E G I A C E G I A c e g i

Hamann Chantal Hildebrandt

B D F H J B D F H J b d f h J

regular typefaces are always the same.this 180

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

one will be rearrang ed. R eshaped. rE S HUFFL E d. A DJU S T E D.m ixed.

yy y yyy

AdApted.R EVERSED. Ex P L OD E.

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

181

YOU KNOW HOW TO SHUFFLE IT NOW AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

182

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

AS rEgULAr bEin gS wE ArE EndowEd witH FrEEdom oF cHoicE And wE cAnnot SHUFFLE oFF oUr rESponSibiLity Upon tHE SHoUL� dEr oF god or nAtUrE.wE mUSt SHoULdEr it oUrSELvES.it iS oUr rESponSibiLity. AS SHUFFLE bEingS wE ArE EndowEd witH SHUFFLE oF cHoicE And wE cAnnot SHUFFLE oFF oUr rES ponSibiLity Upon tHE SHoUL dEr oF god or nAtUrE.. AS m E DIUm SHUFFLES WE ArE EN DOWE D WITH FrEE DOm OF CHOICE AN D WE CANNOT SHUFFLE OFF OUr SHUFFLE U pON THE SHOUL DEr OF GOD Or NATUrE. As HEFty s HuFFlE wE ArE En DowE D wItH FrEE Dom oF CHoICE An D wE CAnnot s HuFFlE oFF ou r s HuFFlE u pon tHE s Houl DEr oF Go D or nAtu rE. As rEvErsE shuFFlE wE ArE shuFFlE with FrEEDom oF ChoiCE AnD wE CAnnot shuFFlE oFF our shuFFlE upon thE shoulDEr oF GoD or nAturE. . AS E xPLODE SHU F F LE bEinGS WE A r E EnD OED WitH F r EED Om OF cH OicE A nD WE cA n nOt SHU F F LE OF F OU r SHU F F LE U POn tHE SH OU LDEr OF GOD Or nAtU r E.

Kapitel 1: Kapitel 2: Kapitel 3:

AR Anika AC Anna DL Dinah FP Felix IK Igor

INPUT PROZESS OUTPUT

Reidt Cairns Lohrer Plachtzik Kuzmic

183

a b e f i j m n q r u v y z

c g k o s w

d h l p t x

a e i m q u y

c g k o s w

d h l p t x

abcd e f g h i j k l mnop qrst uvwx y z

b f j n r v z

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

b f j n r v z

c g k o s w

Hamann Chantal Hildebrandt

d h l p t x

184

Kapitel 1: Kapitel 2: Kapitel 3:

A INPUT PROZE SS OUTPUT

n D

L L

i t

D A G

R EVERSE IT Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

185

ExTEND IT STR ETCH IT pu ll it r EvErsE it EvEn m or E AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

186

W w W W W W Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Ww W w

W W

WW W w

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

187

SOPHIA HAMANN: WILLI 1, 2, 3, 4,5,20,21,22,29,30,37,39,50,51,57,59 Willi bedient sich ein paar weniger Grundelemente der Schrift Caslon von William Caslon (16921766). Den Bogen, den Anstrich und die Fahne hat Willi der Caslon geklaut, die Rundungen eckig gemacht, und hat diese mit ein paar Strichen neu kombiniert.

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

w illi ist eine kurz form der maennlichen vornamen w ilhelm oder w illibald. der name w ird auch w illy geschrieben. 188

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

189

r A R Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

g 190

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

191

der name willi war um die jahr hundertwende zum zwanzigsten jahrhundert also zur regierungszeit kaiser wilhelms des zweiten einige male unter den zehn haeufigsten jungen namen des jeweiligen jahrgangs. nach dem ende der kaise rzeit ging seine popularitaet mehr und mehr zurueck. ab der mitte der sechziger wurde er kaum noch verwendet. seit dem neuen jahr taus e nd is t abe r wieder ein leichter anstieg seiner beliebtheit zu beobachten.

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

willi wills wissen 192

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: INPUT willi arlt. deutscher willi laatsch. deutscher Kapitel 2: PROZESS fussballspieler bodenkundler und fors Kapitel 3: OUTPUT 193 willi baeuerle. politiker twissenschaftler willi beuster. politiker willi landgraf . deutscher willi bohn. deutscher fussballspieler journalist und politiker willi lausen. politiker willi butollo. willi lemke. bremer oesterreichischer psycho senator fuer bildung loge und psychotherapeut willi neuberger. deutscher willi duerrschnabel. fussballspieler deutscher fussballspieler willi oelmueller. deutscher willi entenmann. philosoph deutscher fussballspieler willi schwabe. und trainer deutscher schauspieler. willi worst oester saenger und moderator reichischer filmregisseur. willi seebauer. deutscher schauspieler und saenger fussballspieler willi frommelt. willi sitte. deutscher maler liechtensteinischer willi steinhof. deutscher skisportler fussballspieler und sport willi gerdau. deutscher funktionaer fussballspieler willi Stoph. deutscher willi werk. deutscher politiker Schauspieler willi thomcz yk. deutscher willi goettert. deutscher schauspieler musiker evangelischer pfarrer und maler und theatermacher friedensaktivist willi wegewitz . willi graf. mitglied der deutscher archaeologe und widerstands heimatforscher gruppe weisse rose willi weiskirch. willi handl. oeste deutscher politiker rreichischer schriftsteller willi weitz el. deutscher und theaterkritiker journalist und AR Anika Reidt JH Johannes Hucht SH Sophia Hamann willi henkelmann. fernsehmoderator AC Anna Cairns LF Larissa Frank TC Tais Chantal deutscherDL Dinah motorradrenn willi z urbrueggen. Lohrer MS Menghan Sun TH Tanja Hildebrandt FP Felix Plachtzik NB Nico Butschbacher fahrer deutscher literaturueber IK Igor Kuzmic SR Sascia Reibel willi herren. deutscher setz er und schriftsteller schauspieler und entertainer

194

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

willy wonka. willy wonka. the amazing chocolatier. willy wonka. willy wonka. everybody give a cheer! he is modest. clever. and so smart. he barely can restrain it with so much generosity. there is no way to cantain it to contain it. to contain. to contain. to contain willy wonka. willy wonka. he is the one that you are about to meet willy wonka. willy wonka. he is a genius who just can not be beat the magician and the chocolate wiz he is the best darn guy who ever lived willy wonka here he is!

rih� fkkjasd� fkjeanef� naefjna� jkfnak� sejnfaks� Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

195

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

..... .. ......... ... 196

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

197

TAIS CHANTAL SIROLE: BONNIE AND CLYDE LIGHT CONDE NSE D, LIGHT, NORMAL, BOLD, BLACK Condensed typography created with two modules. The idea was to experiment with two completely opposite limits, thin and thick, condensed and extended and without and with serif, to see the visual differences between them.

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

198

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

199

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

200

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

201

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

202

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

203

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

204

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

205

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

206

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

207

TANJA HILDE BRANDT: ROTATE – A GE NE RATE D T YPE FACE Rotate ist ein generierter Font, der den digitalen Prozess des Programmierens mit Elemten der Kalligrafie verbindet. Der charakteristische Bruch vom breiten Strich zum Schmalen, der beim Schreiben mit einem Federkiel entsteht, diente als Inspiration für diesen Font. Er wurde hierfür in einen neuen Kontext gesetzt – und zu einer kompletten Drehung der Kontur erweitert. Die Glyphen tragen so eine Rotation in sich. Auch die Strichführung der einzelnen Glyphen orientiert sich zum Teil am handschriftlichen Duktus. Die entstandene Fontfamilie kombiniert somit die Klarheit einer modernen Groteskschrift mit charaktervollen Elementen einer Handschrift.

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

ROTATE â&#x20AC;&#x201C; generated Typeface

208

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

ROTATE â&#x20AC;&#x201C; generated Typeface Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

209

erste Skizzen per Hand

Erstellung des gedrehten Bogenmoduls

AR Anika Reidt AC Anna Cairns DL Dinah Lohrer digitale Umsetzung und Anpassungen FP Felix Plachtzik IK Igor Kuzmic

Formfindung

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

DE R ARBE ITSPROZE SS Die Formenfindung begann per Hand, wobei nach Merkmalen der einzelnen Glyphen gesucht wurde. In diesem Zug wurde das gedrehte Bogenmodul als Gestaltungselemt festgelegt. Danach begann die digitale Formfindung innerhalb der festgelegten Module.

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

ROTATE – generated Typeface

210

Kapitel 1: Kapitel 2: Kapitel 3:

VARIABILTÄT DE R SCHNITTE Die Glyphen zeigen die Bandbreite der Rotate Fontfamilie. Strichstärke, x-Höhe und Glyphenbreite geben jedem Schnitt einen anderen Charakter. Das gedrehte Bogenmodul wird dabei immer wieder als Stilelement aufgegriffen.

E XTRE MWE RTE Die Leserlichkeit stand bei der Konzeption der Schrift im Vordergrund. Aufgrund der Abhängikeit der Glyphen von den Parametern kann die Lesbarkeit aber auch an ihre Grenzen getrieben werden. Wird zum Beispiel die Strichstärke in Abhänigkeit zur Glyphenbreite zu breit, werden die Glyphen zu abstrakten Formen.

INPUT PROZE SS OUTPUT

ROTATE â&#x20AC;&#x201C; generated Typeface Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

211

Lauftext, 8 pt Lauftext, 12 pt

Lauftext, 13 pt Lauftext, 16 pt

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

Lauftext, 30 pt

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

ROTATE â&#x20AC;&#x201C; generated Typeface

212

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

ROTATE â&#x20AC;&#x201C; generated Typeface Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

213

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

ROTATE â&#x20AC;&#x201C; generated Typeface

214

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

ROTATE â&#x20AC;&#x201C; generated Typeface Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

215

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

ROTATE â&#x20AC;&#x201C; generated Typeface

216

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZESS OUTPUT

AR Anika AC Anna DL Dinah FP Felix IK Igor

Reidt Cairns Lohrer Plachtzik Kuzmic

217

JH Johannes Hucht LF Larissa Frank MS Menghan Sun NB Nico Butschbacher SR Sascia Reibel

SH Sophia TC Tais TH Tanja

Hamann Chantal Hildebrandt

218

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Kapitel 1: Kapitel 2: Kapitel 3:

INPUT PROZE SS OUTPUT

Anhang:

LINKS

CAPITALIS MONUMENTALIS www.typolexikon.de/c/capitalismonumentalis.html

METAFONT Donald E. Knuth www.ctan.org

CAPITALIS QUADRATA, KAROLINGISCHE MINUSKEL, GOTISCHE KURSIVE www.phil-gesch.uni-hamburg.de/edition/ Palaeographie/Einstiegseite.html

BEOWOLF Erik van Blokland, Just van Rossum www.letterror.com

ONLINE GUTENBERG-BIBEL www.gutenbergdigital.de/gudi/dframes/ index.htm BLEISATZSCHRIFTEN http://vau-ef-be.beepworld.de/ schriftliste1.htm BELL CENTENNIAL http://nicksherman.com/articles/ bellCentennial.html FOTOSATZ www.typografie.info/3/page/wiki.html/_/ fachbegriffe/fotosatz-r67 POSTSCRIPT www.slade.de/dmt/types/formate/ postscript.html

MULTIPLE MASTER Adobe Systems www.slade.de/dmt/types/formate/ multiplemaster.html GENOTYP Joachim Sauter www.genotyp.com MEEK FM Rob Meek und Frank M端ller www.meekfm.org LAIKA Nicolas Kunz und Michael Fl端ckiger www.laikafont.ch SIGN GENERATOR Norm (Dimitri Bruni & Manuel Krebs) www.abstraction-now.at/the-onlineproject/?a=norm.com NEUTRAL Kai Bernau www.letterlabor.de

Kapit el 1: Kapit el 2: Kapit el 3:

IMPRESSUM Die Publikation dokumentiert die im Seminar «IM BESTEN FALL LESBAR» entstandenen Resultate diverser Experimente in generativer Schriftgestaltung. Mit Beiträgen von Anika Reidt, Anna Cairns, Dinah Lohrer, Felix Plachtzik, Igor Kuzmic, Johannes Hucht, Larissa Frank, Menghan Sun, Nico Butschbacher, Sascia Reibel, Sophia Hamann, Tais Chantal und Tanja Hildebrandt. HfG Karlsruhe Fachbereich Kommunikationsdesign Sommersemester 2013 Das Seminar «Im Besten Fall lesbar – Experimente in generativer Schriftgestaltung» wurde von Ivan Weiss und Michael Kryenbühl geplant und durchgeführt. Gedruckt an der HfG Karlsruhe unter freundlicher Mithilfe von Felix Plachtzik. Der Text ist in der computergenerierten Schrift «HANK-Special» gesetzt. Nr. / Auflage:

/ 30

Alle Rechte vorbehalten. Johnson / Kingston Ivan Weiss / Michael Kryenbühl www.johnsonkingston.ch DANK AN Urs Lehni, Indra Häussler, Simoné Gier, Susanne Sokoll, Ulrich Sanwald, Scott Vander Zee, Nicolas Kunz, Michael Flückiger und Frederik Berlaen {RoboFont}.

IN P U T P ROZ E SS OU TP U T

IMPRE SSUM