{"id":24426,"date":"2023-11-09T17:14:22","date_gmt":"2023-11-09T14:14:22","guid":{"rendered":"https:\/\/typetype.org\/de\/?p=24426"},"modified":"2026-02-05T08:53:01","modified_gmt":"2026-02-05T05:53:01","slug":"universitty-lesson-3-your-future-font-sketches-technique-digitization-testing","status":"publish","type":"post","link":"https:\/\/typetype.org\/de\/blog\/universitty-lesson-3-your-future-font-sketches-technique-digitization-testing\/","title":{"rendered":"UniversiTTy: Lektion 3. Ihre zuk\u00fcnftigen Schriftskizzen: Technik, Digitalisierung, Testen"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

Wir sind hier, um die Artikelserie zum Thema Schriftdesign fortzusetzen. Falls Sie unseren vorherigen Artikel \u00abWie man sich beim Arbeiten an einer Schrift nicht verirrt. Die Kunst der Aufgabenstrukturierung\u00bb noch nicht gelesen haben, empfehlen wir Ihnen, dies zuerst zu tun, da er eng mit dem folgenden Text verbunden ist. <\/em><\/p>\n\n\n\n

In\u00a0diesem Artikel wird Julia Gonina\u00a0\u2014 Art Direktorin von TypeType und Sch\u00f6pferin der Schriften TT\u00a0Livret<\/a>, TT Fellows<\/a>, TT Autonomous<\/a> und TT Ricordi Todi<\/a>\u00a0\u2014 weiteres Wissen \u00fcber die Anfangsphasen der Schriftentwicklung teilen. Diesmal konzentrieren wir uns auf wahrscheinlich den kreativsten Teil eines Projekts\u00a0\u2014 das Skizzieren. <\/em><\/p>\n\n\n\n

Skizzieren<\/h2>\n\n\n\n

Jeder Designer hat seine eigenen Vorlieben, wenn es um das Anfertigen von Skizzen geht. Meiner Meinung nach gibt es keinen Grund, auf eine bestimmte Methode zu bestehen: Das Wichtigste ist, eine bequeme Technik zu w\u00e4hlen. Ich werde meine pers\u00f6nliche Erfahrung teilen und erkl\u00e4ren, warum ich auf diese Weise arbeite und nicht anders. <\/p>\n\n\n\n

Ich empfehle allen, die relativ neu im Bereich des Schriftdesigns sind, so viel wie m\u00f6glich auf Papier zu zeichnen, sei es, etwas von Grund auf zu erschaffen oder Buchstaben, die Ihnen gefallen, zu kopieren. Es wird Ihnen leichter fallen, die Formen der Buchstaben zu verstehen, wenn Sie diese durch Ihre eigene physische Erfahrung durchlaufen. Wenn ich beispielsweise Schwierigkeiten habe, eine bestimmte Form im Vektor zu entdecken, um ein sch\u00f6nes &-Symbol zu zeichnen oder ein spezielles Element zu erfinden, nehme ich ein St\u00fcck Papier und beginne zu zeichnen. Und wie durch ein Wunder \u00abbew\u00e4ltigt\u00bb es meine Hand viel besser! <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Der beste Weg, um zu beginnen, ist, Zeichen aus verschiedenen Gruppen auszuprobieren: quadratisch, gerundet und diagonal. Die Testw\u00f6rter wie \u00abhandgloves\u00bb oder \u00abhamburgevonts\u00bb sind bekannt und geeignet f\u00fcr Gro\u00df- und Kleinbuchstaben, aber Sie k\u00f6nnen auch eigene ausdenken. Ich mag es, mit dem Buchstaben \u00aba\u00bb zu beginnen. Darin kann man die Form eines Bogens, die Breite aufrechter Zeichen und das m\u00f6gliche Erscheinungsbild einer Schale und eines Terminals sehen. Es gibt einen guten Eindruck von der allgemeinen Atmosph\u00e4re der Schrift. <\/p>\n\n\n\n

Wenn eine Schrift mehrere Schriftsysteme hat, zum Beispiel Latein und Kyrillisch, beginnt die Arbeit an der Schrift oft mit dem lateinischen Alphabet. <\/p>\n\n\n\n

Handgezeichnete Skizzen <\/h2>\n\n\n\n

1. Es gibt verschiedene Arten, von Hand zu zeichnen. Die einfachste und auch bei den meisten Designern beliebteste ist das Schraffieren der Formen. Zuerst schraffieren Sie das Skelett eines Buchstabens auf einem St\u00fcck Papier mit einem Marker. Sie ben\u00f6tigen dazu keine vorausgeplante Umrisslinie einer Glyphe.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Beachten Sie, dass in diesem Beispiel die Buchstaben in einem Winkel geschrafft sind, als w\u00e4ren sie mit einer Flachfeder geschrieben. Daf\u00fcr gibt es einen Grund. Die Beispielschrift wurde f\u00fcr eine \u00dcbergangsserifen (wof\u00fcr wir im vorherigen Artikel ein Briefing vorbereitet haben) gemacht, was bedeutet, dass die ovale Achse in dieser Schrift schr\u00e4g sein wird. Diese Art des Skizzierens hilft, von Anfang an zu bestimmen, wie das Gewicht auf das Skelett des Buchstabens verteilt wird. <\/p>\n\n\n\n

Ich nenne diese Skizze absichtlich grundlegend: Sie kann als Ausgangspunkt dienen, als Grundlage, um mehr Details den Buchstabenformen hinzuzuf\u00fcgen. Es gibt auch zahlreiche Wege, die Details zu gestalten. <\/p>\n\n\n\n

2. Sie k\u00f6nnen die Details von Hand weiter ausarbeiten. Wenn Sie die Proportionen und das Skelett weiter entwickeln m\u00f6chten, k\u00f6nnen Sie weiter schraffieren. Nehmen Sie ein St\u00fcck transparentes Papier, legen Sie es \u00fcber Ihre Skizze und schraffieren Sie neue Versionen der Glyphen. So m\u00fcssen Sie die Buchstabenformen nicht von Grund auf neu zeichnen und bewahren auch Ihre erste Skizze unversehrt.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

3. Wenn Sie mit den Formen und Proportionen der Buchstaben zufrieden sind, k\u00f6nnen Sie tiefer in die Details eintauchen. Nehmen Sie wieder transparentes Papier und legen Sie es \u00fcber Ihre geschraffte Skizze, um diesmal die Glyphen mit einem d\u00fcnneren Werkzeug zu umrei\u00dfen, zum Beispiel mit einem Liner. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Durch diese Vorgehensweise gehen Sie die Feinheiten durch, wie Terminals, Serifenformen etc. Die Linie zeigt hier, wie das Vektorbild im Schrifteditor aussehen wird. Linien-Skizzieren erm\u00f6glicht es Ihnen, sowohl die gesamten Buchstabenformen zu optimieren als auch spezifische Teile zu erkunden. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

4. Als n\u00e4chstes k\u00f6nnen Sie die Buchstaben von Papier in einen Schrifteditor \u00fcbertragen und dort weiter polieren. <\/p>\n\n\n\n

In dieser Phase m\u00fcssen Sie einige grundlegende Regeln zum Konstruieren von Buchstabenkonturen in einem Schrifteditor kennen:<\/p>\n\n\n\n

\u0430. Je weniger Punkte auf der Kontur, desto besser; <\/p>\n\n\n\n

b. Kurven werden an Extrempunkten konstruiert, und mehr Punkte werden nur hinzugef\u00fcgt, wenn sie unbedingt notwendig sind;<\/p>\n\n\n\n

\n

Extrempunkte sind die Spitzen einer Kurve auf den vertikalen und horizontalen Achsen.<\/em><\/em><\/p>\n<\/blockquote>\n\n\n\n

c. Die Konturen k\u00f6nnen sich \u00fcberlappen\u2014das ist praktisch und korrekt.<\/p>\n\n\n\n

\n

Es gibt einen detaillierten, illustrierten Artikel auf der Website des Glyphs-Schrifteditors<\/a>, wie man korrekt konturiert (die Regeln sind f\u00fcr alle Schrifteditoren die gleichen).<\/em> <\/p>\n<\/blockquote>\n\n\n\n

Lassen Sie uns einige Zeichen \u00fcbertragen. Um das Beispiel klarer zu machen, platziere ich die Extrempunkte direkt auf der Skizze. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Die Kontur, die roh in einen Schrifteditor \u00fcbertragen wird, sieht oft schlechter aus als auf Papier. Handzeichnungen haben diese charmante Schlampigkeit, die zahlreiche Fehler verdeckt. Vektorbilder hingegen sind unbarmherzig und pr\u00e4zise, sie machen alle Unvollkommenheiten sichtbar. Auch wenn die Skizze ordentlich aussieht, steht noch viel Arbeit an, wenn Sie zur digitalen Version im Schrifteditor \u00fcbergehen. or.<\/p>\n\n\n\n

Deshalb \u00fcbertragen Designer oft die geschraffte Skizze in den Schrifteditor (Stufen 1 und 2) und konzentrieren sich dann auf alle Details der Buchstaben (Stufe 3). Manchmal \u00fcberspringen Designer die Skizzenphasen und beginnen direkt im Schrifteditor mit der Gestaltung der Buchstaben. Jede Option ist m\u00f6glich, daher h\u00e4ngt es nur von Ihrer Erfahrung und Ihren Vorlieben ab, wie Sie Ihren Arbeitsablauf organisieren. Ich w\u00fcrde jedoch Anf\u00e4ngern im Schriftdesign empfehlen, ihre ersten Projekte von Hand zu skizzieren. <\/p>\n\n\n\n

Das Testen von Skizzen <\/h2>\n\n\n\n

Nun steht umfangreiches Testen und Polieren der Schriftidee an, zusammen mit der Feinabstimmung der Details. Die Art und Weise, wie Sie die Schrift testen, ist eng mit der spezifischen Aufgabe verbunden, die die Schriftsippe erf\u00fcllen soll (unser vorheriger Artikel konzentrierte sich darauf, wie man eine solche Aufgabe strukturiert). Zun\u00e4chst sollten Sie \u00fcber den Kontext nachdenken, in dem Ihre Schrift verwendet wird, und sie darin implementieren. <\/p>\n\n\n\n

Zum Beispiel, wenn Sie eine Schrift f\u00fcr Benutzeroberfl\u00e4chen entwerfen, warum nicht ein Mockup in Figma<\/a> erstellen, wo Sie Ihre Schrift hinzuf\u00fcgen und sehen k\u00f6nnen, wie sie aussieht? Wenn Sie eine Textschrift entwickeln, erstellen Sie ein Layout f\u00fcr eine Webseite eines Museumskatalogs mit ihr. Oder wenn Ihr Ziel ist, eine expressive Anzeigeschrift zu schaffen, gestalten Sie ein Plakat oder sogar eine Serie von Plakaten. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Ihr Zeichensatz ist noch sehr begrenzt, aber das ist kein Problem. Es gibt Dienste, die \u00abTexte\u00bb mit nur wenigen Buchstaben generieren k\u00f6nnen (zum Beispiel Just Another Foundry<\/a>). Es ist wichtig, beim Zeichnen der Buchstaben die richtigen Abst\u00e4nde zu ber\u00fccksichtigen, um trotz ihres unregelm\u00e4\u00dfigen Rhythmus die Formen der Zeichen analysieren zu k\u00f6nnen. Wir werden uns im Rahmen eines kommenden Artikels mit der Abstimmung besch\u00e4ftigen. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

W\u00e4hrend Sie an den Buchstabenformen arbeiten, ist es besser, diese in einer gro\u00dfen Punktschrift zu betrachten, auch wenn Sie eine Textschrift entwerfen. Richten Sie einen Platz an einer Wand ein, wo Sie alle Ihre Skizzen, Testw\u00f6rter, Plakat- und Mockup-Drucke, Referenzen und Inspirationsquellen aufh\u00e4ngen k\u00f6nnen. So k\u00f6nnen Sie sofort einen schnellen \u00dcberblick \u00fcber das Projekt bekommen. Sie k\u00f6nnen n\u00e4her an diese \u00abWandgalerie\u00bb herantreten, um die Details genauer zu betrachten, oder einen Schritt zur\u00fccktreten, um alles in kleinerem Ma\u00dfstab zu sehen. Dies erleichtert es, das Projekt jemandem zu zeigen, dar\u00fcber zu diskutieren und Notizen direkt auf den Skizzen oder Drucken zu machen. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Eine weitere Methode, um Ihre Schrift zu testen (sowohl in den Skizzenphasen als auch dar\u00fcber hinaus), die ich pers\u00f6nlich sehr sch\u00e4tze, ist das Erstellen von Beitr\u00e4gen in sozialen Medien. Es mag nicht der Kontext sein, in dem Ihre Schrift in Zukunft verwendet wird, aber es ist eine echte Aufgabe, die die Schrift von Anfang an bew\u00e4ltigen muss. Indem Sie beobachten, wie die Schrift im echten Leben funktioniert, werden Sie leicht Unvollkommenheiten und m\u00f6gliche Verbesserungen entdecken, die Ihnen im Arbeitsprozess nicht in den Sinn gekommen w\u00e4ren. Und Sie erhalten Reaktionen und Meinungen vom Publikum, was ebenfalls wesentlich ist. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Von der Skizze zum Vektor <\/h2>\n\n\n\n

Schlie\u00dflich schauen wir uns an, wie eine anf\u00e4ngliche Skizze nach umfangreicher digitaler Bearbeitung weiterentwickelt werden kann. Als Beispiel nehmen wir dieselben funktionalen Serifen, die wir im vorherigen Artikel beschrieben haben.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Also haben wir einen langen Weg von einer Idee, die auf einem St\u00fcck Papier zum Leben erweckt wurde, bis zu ihrer geformten und digitalisierten Erscheinung zur\u00fcckgelegt. Es gibt jedoch noch viel Arbeit zu tun. Und das ist ein Grund, die kommenden Artikel nicht zu verpassen! <\/p>\n","protected":false},"excerpt":{"rendered":"

Wir sind hier, um\u00a0die Artikelserie zum Thema Schriftdesign fortzusetzen. Falls Sie unseren vorherigen Artikel \u00abWie man sich beim Arbeiten an\u00a0einer Schrift nicht verirrt. Die Kunst der Aufgabenstrukturierung\u00bb noch nicht gelesen haben, empfehlen wir Ihnen, dies zuerst zu\u00a0tun, da\u00a0er\u00a0eng mit dem folgenden Text verbunden ist. <\/p>\n","protected":false},"author":2,"featured_media":10000024427,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[892],"class_list":["post-24426","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-universitty"],"acf":{"show_sidebar":true},"_links":{"self":[{"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/posts\/24426","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/comments?post=24426"}],"version-history":[{"count":5,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/posts\/24426\/revisions"}],"predecessor-version":[{"id":47067,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/posts\/24426\/revisions\/47067"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/media\/10000024427"}],"wp:attachment":[{"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/media?parent=24426"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/categories?post=24426"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/tags?post=24426"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}