{"id":27385,"date":"2024-03-01T13:09:51","date_gmt":"2024-03-01T10:09:51","guid":{"rendered":"https:\/\/typetype.org\/de\/?p=27385"},"modified":"2026-02-05T08:54:00","modified_gmt":"2026-02-05T05:54:00","slug":"universitty-lesson-6-designing-basic-latin-characters-introduction","status":"publish","type":"post","link":"https:\/\/typetype.org\/de\/blog\/universitty-lesson-6-designing-basic-latin-characters-introduction\/","title":{"rendered":"UniversiTTy: Lektion 6. Gestaltung grundlegender lateinischer Zeichen"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

Es ist Zeit, unsere faszinierende Reise in das vielschichtige Thema des Schriftdesigns fortzusetzen! In der UniversiTTy-Serie behandeln wir die wesentlichen Schritte des Schriftenentwicklungsprozesses, daher empfehlen wir, die vorherigen Artikel der Serie zu lesen, bevor Sie in diesen eintauchen.<\/em><\/em><\/p>\n\n\n\n

Dieser Artikel widmet sich der ersten Phase der Gestaltung grundlegender lateinischer Zeichen: der Glyphenkonstruktion sowie der Festlegung von grafischen Merkmalen, Proportionen und Konsistenz. Antonina Zhulkova, Design Lead bei TypeType, wird Ihnen alles \u00fcber diese Prozesse erz\u00e4hlen. Antonina arbeitet seit \u00fcber f\u00fcnf Jahren im Schriftdesign. Sie ist die Konzeptautorin und leitende Designerin von Projekten wie TT Neoris, TT Ricordi Allegria, TT Globs und Ivi Sans Display. Au\u00dferdem war sie an der Entwicklung von TT Fellows, TT Fors, TT Interphases Pro, TT Commons, Red Collar und vielen anderen Schriftarten beteiligt.<\/em><\/em><\/p>\n\n\n\n

Wo beginnt man mit der Gestaltung grundlegender lateinischer Zeichen?<\/h2>\n\n\n\n

Nachdem Sie alle Vorbereitungen abgeschlossen, die Aufgabe und die Schl\u00fcsselsmerkmale der Schrift definiert und Skizzen erstellt haben, ist es Zeit, mit dem Erstellen von Glyphen in einem Schrifteditor fortzufahren. <\/p>\n\n\n\n

Die Hauptidee dieses Abschnitts ist, dass eine Schrift ein einheitliches, komplexes System ist, keine einzelnen Buchstaben. Daher sollte jede grafische Entscheidung alle Zeichen im Set beeinflussen. Einerseits mag dieses Konzept einschr\u00e4nkend und uninteressant erscheinen. Andererseits unterst\u00fctzt die Konsistenz der Schrift aus grafischer Sicht, indem sie Glyphen miteinander verbindet und vereint. Das Verst\u00e4ndnis der grundlegenden Prinzipien der Schriftkonstruktion erleichtert den gesamten Designprozess. Es lohnt sich zu wiederholen, dass eine klare und koh\u00e4rente Konstruktionslogik die treibende Kraft hinter dem Glyphen-Design und der Entscheidungsfindung ist.<\/p>\n\n\n\n

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

Der erste Schritt beim Entwerfen einer Schrift in einem Editor ist die Erstellung grundlegender lateinischer Klein- und Gro\u00dfbuchstaben. Diese helfen, die Gewichte und Proportionen festzulegen, die als Grundlage f\u00fcr die Gestaltung der restlichen Zeichen dienen. Diese Buchstabenformen sollten auf der Grundlage der fertigen Skizzen entworfen werden. Um die Schrift zu veranschaulichen, biete ich zwei Beispiele an, eine Serif- und eine Sans-Serif-Schrift, damit Sie zwei grundlegende Stile vergleichen und Gemeinsamkeiten sowie Unterschiede in den Entwicklungsprozessen solcher Schriftarten erkennen k\u00f6nnen.<\/p>\n\n\n\n

Wir werden eine Schrift basierend auf unseren bekannten Aufgaben aus fr\u00fcheren „Lektionen“ entwerfen: eine moderne, funktionale Serif und eine Neo-Grotesque f\u00fcr Benutzeroberfl\u00e4chen. In\u00a0einigen F\u00e4llen werden Beispiele aus anderen Schriften eingef\u00fcgt, damit Sie die beschriebenen Prozesse in\u00a0ihrer Gesamtheit nachvollziehen k\u00f6nnen. Ich m\u00f6chte erw\u00e4hnen, dass wir in\u00a0diesem Artikel nur r\u00f6mische Schriftstile behandeln. Ein Abenteuer in\u00a0der Welt der Kursiven erwartet Sie in\u00a0einem der folgenden Kapitel.<\/p>\n\n\n\n

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

Der Beginn der Arbeit: Erste Glyphen <\/h2>\n\n\n\n

Zeichen des grundlegenden lateinischen Alphabets k\u00f6nnen in drei Gruppen unterteilt werden: gerade oder rechteckig (z. B. H<\/strong> oder n<\/strong>), rund (O, o<\/strong>) und dreieckig (A<\/strong> oder v<\/strong>). Diese Zeichen markieren den Beginn unserer Arbeit und legen die Grundlage f\u00fcr die restlichen Glyphen.<\/p>\n\n\n\n

Meine Erz\u00e4hlung \u00fcber das Glyphen-Design beginnt mit den Gro\u00dfbuchstaben. Daf\u00fcr gibt es zwei Gr\u00fcnde. Erstens erschienen Gro\u00dfbuchstaben historisch fr\u00fcher als Kleinbuchstaben. Zweitens ist die Konstruktionslogik dieser Glyphen etwas einfacher zu verstehen. Falls Sie in dieser Phase nur Kleinbuchstaben skizziert haben, k\u00f6nnen Sie zu den Zeichnungen zur\u00fcckkehren und die Buchstaben \u041d, \u041e und \u0410 hinzuf\u00fcgen, um Proportionen und Gewichte zu bestimmen und zu analysieren, wie die Kleinbuchstabenformen Ihrer Schrift mit den Gro\u00dfbuchstaben korrespondieren. Sie k\u00f6nnen mit dem Zeichnen von Glyphen in beliebiger Schreibweise beginnen, um an Ihrem grafischen Konzept zu arbeiten. Meiner Meinung nach ist es jedoch methodisch besser, die Erkl\u00e4rungen mit den Gro\u00dfbuchstaben zu beginnen.<\/p>\n\n\n\n

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

Schriftstil und Gewichte <\/h2>\n\n\n\n

Wenn Sie planen, eine gesamte Schriftfamilie mit mehreren Gewichten zu\u00a0entwerfen, sollte der erste entworfene Schriftstil der regul\u00e4re Stil sein, den Sie in\u00a0der Skizzenphase als „Master“ festgelegt haben. Diese Regel gilt f\u00fcr relativ neutrale Schriften, bei denen Lesbarkeit und logische Glyphenkonstruktion entscheidend sind. Au\u00dferdem sind verschiedene grafische Merkmale in\u00a0einem regul\u00e4ren Schriftstil leichter zu\u00a0verstehen. Im\u00a0Gegensatz dazu ist das Entwerfen von Display<\/a>-Schriften nur durch Ihre Vorstellungskraft begrenzt; die Wahl des „Masters“ beeinflusst den Prozess nicht wesentlich. Erfahren Sie mehr \u00fcber die Planung Ihrer Schriftfamilie in\u00a0unserem Artikel „UniversiTTy: Lektion\u00a04“<\/a>.<\/p>\n\n\n\n

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

Beispiele f\u00fcr Glyphen-Gewichte und optische Kompensationen <\/h2>\n\n\n\n

Bevor wir mit dem Zeichnen beginnen, m\u00fcssen wir die Theorie der variierenden Zeichen-Gewichte in Schriften besprechen. Numerische Parameter der Gewichte spielen eine wesentliche Rolle im Schriftdesign. Erstens dienen sie als Grundlage f\u00fcr die Konstruktion der restlichen Zeichen in der Schriftfamilie. Zweitens helfen sie, eine Schrift zu identifizieren, ihre stilistische Klassifikation zu bestimmen und festzustellen, ob sie der Aufgabe entspricht.<\/p>\n\n\n\n

Aufgrund der Nuancen unserer Wahrnehmung erscheinen geometrisch pr\u00e4zise Formen gleicher Gr\u00f6\u00dfe nicht identisch, wenn sie nebeneinander platziert werden. Dieses Wissen ist f\u00fcr einen Schriftdesigner entscheidend. Beim Zeichnen von Buchstaben muss dieser Aspekt der Wahrnehmung ber\u00fccksichtigt werden, um den Schriftsatz gleichm\u00e4\u00dfig und stabil auf der Linie wirken zu lassen. Am besten sieht man dies am Beispiel geometrischer Formen.<\/p>\n\n\n\n

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

In der oberen Abbildung wirkt ein Kreis kleiner als ein Rechteck, und ein Dreieck erscheint sogar kleiner als der Kreis. Tats\u00e4chlich haben alle Formen die gleiche H\u00f6he. In der zweiten Abbildung sind die Formen unter Ber\u00fccksichtigung der visuellen Wahrnehmung ausgeglichen, sodass sie gleich hoch erscheinen. Der Kreis und der Scheitelpunkt des Dreiecks ragen jedoch tats\u00e4chlich \u00fcber die Grundlinien hinaus. Sie k\u00f6nnen dasselbe Experiment (in einem Schrifteditor oder auf Papier) mit verschiedenen Formen und Eigenschaften durchf\u00fchren, um den Kontrast in der Wahrnehmung besser zu erkennen.<\/p>\n\n\n\n

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


Das Beispiel mit Formen ist oft schwer mit „echten“ Designs zu\u00a0verbinden, aber solche abstrakten Vergleiche sind essenziell, um\u00a0die Grundlagen zu\u00a0verstehen. Unsere visuelle Wahrnehmung beeinflusst auch die Gewichtssch\u00e4tzung: Horizontale Striche erscheinen uns immer dicker als vertikale, selbst wenn beide gleiche Gewichte haben. Ebenso wirkt ein aufrechter Strich dicker als derselbe Strich, wenn er\u00a0gekr\u00fcmmt ist, wie beim Buchstaben O. Wenn Sie also eine Schrift ohne sichtbaren Kontrast entwerfen, z. B. eine neutrale Sans-Serif, bei der alle Striche visuell gleich sein m\u00fcssen, sollten Sie horizontale Striche d\u00fcnner als vertikale gestalten.<\/p>\n\n\n\n

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

Um\u00a0die Zeichen Ihrer Schrift zu\u00a0konstruieren, m\u00fcssen Sie vier Kernparameter f\u00fcr jede Schreibweise festlegen: Stammgewichte (f\u00fcr gerade und runde Zeichen) und Gewichte horizontaler Striche (ebenfalls f\u00fcr beide Arten von Glyphen). Diagonale Glyphen-Gewichte stehen separat, aber dazu kommen wir gleich. Wichtig ist, dass je\u00a0gr\u00f6\u00dfer das Gewicht des Schriftstils ist, desto ausgepr\u00e4gter der Unterschied zwischen horizontalen und vertikalen Strichen wird. Ein weiterer Aspekt ist, dass die Wahrnehmung von Gewichten von der Gr\u00f6\u00dfe des gesamten Buchstabens abh\u00e4ngt: Je\u00a0gr\u00f6\u00dfer die Glyphe und je\u00a0mehr „Luft“ sie hat, desto leichter erscheint sie unserem Auge. Daher sollten die Parameter der Kleinbuchstaben mit denen der Gro\u00dfbuchstaben verglichen und durch Tests korrigiert werden.<\/p>\n\n\n\n

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

Der Prozess der Gewichtswahl f\u00fcr Serifen<\/a>– und Sans-Serif-Schriften ist im Wesentlichen derselbe. Der einzige Unterschied liegt in der Menge des Kontrasts zwischen vertikalen und horizontalen Strichen sowie einer sichtbareren Gewichtsunterscheidung zwischen geraden und runden Zeichen. Der Ansatz ist jedoch f\u00fcr beide Schriftstile gleich, und alle zus\u00e4tzlichen grafischen Elemente (Querbalken in doppeltst\u00f6ckigen Zeichen, Serifen usw.) folgen diesen Prinzipien der Gewichtsverteilung.<\/p>\n\n\n\n

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

Anhand einer neutralen Sans-Serif f\u00fcr Schnittstellen und einer Text-Serif als Beispiel k\u00f6nnen wir sehen, welche Werte verwendet werden k\u00f6nnen.<\/p>\n\n\n\n

\n

Lassen Sie mich einen kurzen Kommentar zum Bogengewicht im\u00a0Buchstaben n\u00a0hinzuf\u00fcgen. Das Gewicht dieses Elements stimmt oft nicht mit den Gewichten horizontaler Striche in\u00a0Kleinbuchstaben \u00fcberein, und der Zweck dieses Elements unterscheidet sich von dem des Querbalkens im\u00a0Buchstaben H. Daher muss es\u00a0oft visuell ausgeglichen werden, um\u00a0das Gleichgewicht des Schwarzen im\u00a0Zeichen zu\u00a0wahren. Beim Entwerfen kyrillischer Zeichen empfehle ich, den Buchstaben \u043d\u00a0zu\u00a0verwenden, um\u00a0die Kerngewichte horizontaler Striche oder Querbalken in\u00a0Buchstaben wie\u00a0a, e, z\u00a0oder t\u00a0zu\u00a0bestimmen.<\/em><\/em><\/p>\n<\/blockquote>\n\n\n\n

Nun beschreibe ich kurz ein paar weitere Optionen, denen Sie bei der Festlegung der Zeichen-Gewichte begegnen k\u00f6nnen. Zuerst eine Sans-Serif, da sie tendenziell keinen sichtbaren Kontrast aufweist. Selbst innerhalb derselben Schriftfamilie wird der Kontrast zwischen den Gewichten variieren: Je d\u00fcnner der Stil, desto geringer kann der Kontrast zwischen Strichen sein. Zum Beispiel k\u00f6nnen im Thin-Schriftstil vertikale und horizontale Striche gleiche Gewichte haben, aber je mehr Schwarz hinzukommt, desto gr\u00f6\u00dfer wird dieser Unterschied im Gegensatz dazu. <\/p>\n\n\n\n

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

Gewichte in Sans-Serifs k\u00f6nnen auch je nach Stil variieren. In humanistischen Sans-Serifs ist der Unterschied zwischen den Gewichten meist ausgepr\u00e4gter, w\u00e4hrend er in geometrischen Sans-Serifs nahezu unsichtbar wird. Gleichzeitig unterscheiden sich die vertikalen Strichwerte f\u00fcr runde Zeichen nur geringf\u00fcgig oder gar nicht. In dieser Hinsicht sind Serifen vielseitiger und anspruchsvoller bez\u00fcglich der Gewichtsparameter, da sie den Stil der Schrift und die Formen der Glyphen beeinflussen. Um Ihr System des Glyphen-Designs zu etablieren, m\u00fcssen Sie entscheiden, ob Sie eine kontrastreiche Serif, eine eher altmodische oder eine Serif mit umgekehrtem Kontrast erstellen. Das Thema Kontrast bei Serifen werde ich sp\u00e4ter noch behandeln.<\/p>\n\n\n\n

Konzentrieren wir uns nun auf runde und dreieckige Zeichen. Runde Glyphen erfordern sogenannte \u00dcberh\u00e4nge, um die Buchstaben visuell in der H\u00f6he \u00fcbereinstimmen zu lassen. Das Ausma\u00df des \u00dcberhangs, also die H\u00f6he runder Zeichen, ist die H\u00f6he des Buchstabens H<\/strong> + ein bestimmter Wert von oben und unten (dies betrifft runde Elemente auf beiden Seiten). Es gibt keine festgelegten Regeln, um diesen Wert zu berechnen \u2014 alles h\u00e4ngt von der spezifischen Schrift und ihrem Verwendungszweck ab. \u00dcblicherweise gilt die folgende Formel: Je gr\u00f6\u00dfer die Menge an Schwarz in den Zeichen und je gr\u00f6\u00dfer die Punktgr\u00f6\u00dfe, desto h\u00f6her muss dieser Wert sein. In den meisten F\u00e4llen liegt die Gr\u00f6\u00dfe zwischen 10 und 15 Punkten. Auch das Ausma\u00df des \u00dcberhangs ist nicht immer gleich: In manchen F\u00e4llen, wenn eine Schrift breite, runde Zeichen aufweist, wirken schmale Glyphen mit \u00dcberh\u00e4ngen, wie S, \u00fcberm\u00e4\u00dfig aus der Linie herausragend, sodass die \u00dcberh\u00e4nge reduziert werden m\u00fcssen. Diese Details sind nach dem Drucken besser sichtbar, daher denken Sie daran, Ihre Schrift auf vielf\u00e4ltige Weise zu testen.<\/p>\n\n\n\n

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

Beim Entwerfen dreieckiger Glyphen sind die geeigneten Gewichtsparameter oft unklar, da dreieckige Zeichen dazu neigen, deutlich dunkler oder heller als andere Formen auszusehen. Basierend auf meiner Erfahrung kann ich empfehlen, diagonale Striche etwas d\u00fcnner als die Hauptstammgr\u00f6\u00dfe des Buchstabens H<\/strong> zu gestalten und jeden Buchstaben zwischen den anderen zu testen. Ein entscheidender Faktor beim Zeichnen horizontaler Striche ist, dass fast alle dreieckigen Zeichen mit solchen Strichen Punkte haben, an denen diagonale Striche sich schneiden, und diese Punkte wirken immer dicker (dies betrifft auch die Buchstaben B, M, N, R<\/strong> usw.). Daher m\u00fcssen sie durch Reduzierung des Gewichts der sich schneidenden Striche ausgeglichen werden.<\/p>\n\n\n\n

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

Im kommenden Artikel werden wir weiter \u00fcber optische Kompensationen sprechen, herausfinden, wie man die H\u00f6hen von Gro\u00df- und Kleinbuchstaben bestimmt, und mehr \u00fcber die Essenz des Kontrasts lernen.<\/p>\n","protected":false},"excerpt":{"rendered":"

Es\u00a0ist Zeit, unsere faszinierende Reise in\u00a0das vielschichtige Thema des Schriftdesigns fortzusetzen! Dieser Artikel widmet sich der ersten Phase der Gestaltung grundlegender lateinischer Zeichen: der Glyphenkonstruktion sowie der Festlegung von grafischen Merkmalen, Proportionen und Konsistenz.<\/p>\n","protected":false},"author":2,"featured_media":10000027494,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[892],"class_list":["post-27385","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\/27385","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=27385"}],"version-history":[{"count":5,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/posts\/27385\/revisions"}],"predecessor-version":[{"id":47078,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/posts\/27385\/revisions\/47078"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/media\/10000027494"}],"wp:attachment":[{"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/media?parent=27385"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/categories?post=27385"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/tags?post=27385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}