U0303 Headlineschrift oder Fliesstextschrift

Schreibe ein Processing Sketch, der einen Text in Lesegröße und einen Text in Schaugröße mit einer zufällig ausgewählten Schriftart, zeigt. Der Name der Schrift soll in Konsultationsgröße unten rechts angezeigt werden. Führe den Sketch mehrfach aus und entscheide jeweils, ob es sich bei der zufällig gewählten Schrift um eine Headlineschrift oder Fließtextschrift handelt.

Lernziel: Schriftkunde, Schulung des grafischen Verständnisses, Hierarchien im Layout.

Reflexion:

Ich bin zerrissen, nach welchen Kriterien ich Fließtext- oder Headlineschrift bestimmen soll. Wenn ich nach Lesbarkeit auf Distanz gehe, sind nur Schrift 2 und 6 Headlineschriften, mit Schrift 7 die noch funktionieren könnte, wobei Schrift 6 eine Symbolschrift ist. Bei Schrift 2 und 6 sind die Buchstaben breit genug und weit genug voneinander entfernt, um auch bei dünnen Serifen und Buchstabenelementen die Buchstaben als einzelne erkannt werden können. Vor- und Nachbreite erleichtern das visuelle separieren, Dickte und Schriftgröße haben ein ausgewogenes Verhältnis.. Schrift 5 ist hier das Gegenbeispiel. Die Buchstaben sind zu hoch im Vergleich zu ihrer Breite um auf die Distanz gut lesbar zu sein. Schrift 3 hat im Vergleich zu Schrift 5 dünnere Bogenverbindungen. Trotzdem wirkt diese Schrift bei vergleichbarer Dickte zu Schrift 5 kompakter und auf die Distanz besser lesbar. Schrift 5 wirkt hingegen filigran und das Auge gleitet nicht so leicht von Buchstabe zu Buchstabe, da die Verbindungen zwischen den Buchstaben bei diesem Schriftgöße-Dicktem Verhältnis in den Hintergrund treten. Ein weiterer Grund für diese Einschätzung könnte der höhere Anteil der x-Höhe an der Versalhöhe von Schrift 3 in Vergleich zu Schrift 5 sein. Auch hierdurch wirken die Buchstaben massiver.

Sofern eine Schrift zur Headlineschrift wird, wenn sie nicht zur Fließtextschrift geeignet ist, fällt Schrift 5 jedoch klar in die Headlineschriften. Diese Schrift ist zu hoch für die Lesegröße. Sie ist schlicht schlecht lesbar. Schrift 1 ingegen wirkt in Schaugröße sehr gedrängt und eignet sich aufgrund der fehlenden Seriefen am ehesten als Schrift auf Bildschirmen. Schrift 7 ist als Headlineschrift lesbar genug, eignet sich allerdings auch als Leseschrift. Schrift 2 ist in Lesegröße lesbar. Jedoch müssen meine Augen sich hier aufgrund der großen Dickte mehr bewegen, um zu lesen, als es der Informationsgehalt des Satzes in meinen Augen rechtfertigen würde.

Code:

PFont f;
String[] fontList = PFont.list();
int baseLine = 100;

int fontType = int(random(0, fontList.length));

void setup() {
    size(1200, 1200);

    // Create the font
    fontList = PFont.list();
    printArray(fontList);
    f = createFont(fontList[fontType], 84);
    textFont(f);
    print(textDescent());
}

void draw() {
    background(240);
    textAlign(LEFT);

    drawType();

    textAlign(RIGHT);

    fill(55);
    textSize(8);
    text(fontList[fontType], 600, 2* baseLine);

}

void drawType() {


    fill(55);
    textSize(30);
    text("Dieser Text ist in Schaugröße", 50, baseLine);

    fill(55);
   // rect(0, 2 * baseLine - textAscent(), width,  textAscent() + textDescent());



    textSize(12);

    text("Dieser Text ist in Lesegröße", 50, 1.5 * baseLine); 
}