{"id":28913,"date":"2024-04-11T16:18:44","date_gmt":"2024-04-11T13:18:44","guid":{"rendered":"https:\/\/typetype.org\/de\/?p=28913"},"modified":"2026-02-05T08:54:09","modified_gmt":"2026-02-05T05:54:09","slug":"universitty-lesson-7-designing-basic-latin-characters-glyph-height-contrast-optical-sizes","status":"publish","type":"post","link":"https:\/\/typetype.org\/de\/blog\/universitty-lesson-7-designing-basic-latin-characters-glyph-height-contrast-optical-sizes\/","title":{"rendered":"UniversiTTy: Lektion 7. Gestaltung grundlegender lateinischer Zeichen. Glyphenh\u00f6he, Kontrast, optische Gr\u00f6\u00dfen\u00a0"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

Willkommen zur siebten Lektion unserer Reihe „UniversiTTy“! Dieser Artikel setzt unsere faszinierenden Erkundungen des Schriftgestaltungsprozesses fort. Wir empfehlen, die vorherigen Artikel der Reihe durchzusehen, bevor Sie in diesen eintauchen.<\/em><\/p>\n\n\n\n

Heute werden wir weiter \u00fcber optische Kompensationen sprechen, lernen, wie die H\u00f6hen von Gro\u00df- und Kleinbuchstaben bestimmt werden, und mehr \u00fcber die Natur des Kontrasts erfahren. Antonina Zhulkova, Design Lead bei TypeType, wird Ihnen alles \u00fcber diese Prozesse erz\u00e4hlen. Antonina ist seit \u00fcber f\u00fcnf Jahren in der Schriftgestaltung t\u00e4tig. 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 Erstellung von TT Fellows, TT Fors, TT Interphases Pro, TT Commons und vielen anderen Schriftarten beteiligt.<\/em><\/p>\n\n\n\n

Optische Kompensationen: Zeichenst\u00e4rke und -h\u00f6he<\/h2>\n\n\n\n

Im vorherigen Artikel haben wir darauf hingewiesen, dass diagonale Striche bei dreieckigen Zeichen etwas d\u00fcnner sein sollten als die Hauptstammst\u00e4rke des Buchstabens H und dass jedes Zeichen zwischen anderen getestet werden sollte. Fast alle dreieckigen Zeichen mit diagonalen Strichen haben Punkte, an denen sich diese Striche kreuzen, und diese Punkte wirken stets dicker (dies betrifft auch die Buchstaben B, M, N, R usw.). Daher m\u00fcssen sie durch eine Reduzierung der St\u00e4rke der sich kreuzenden Striche ausgeglichen werden. <\/p>\n\n\n\n

Ein weiteres wichtiges Thema ist der visuelle Unterschied in der Wahrnehmung von aufsteigenden und absteigenden Strichen. Aufsteigende Striche sind diagonale Linien, die dem logischen Fluss von unten nach oben folgen (z. B. der linke Strich des Buchstabens A); absteigende Striche folgen der entgegengesetzten Logik und verlaufen von oben nach unten (wie der rechte Strich des Buchstabens A). F\u00fcr angehende Schriftgestalter kann es schwierig sein, sich zu merken, zu welcher Kategorie (aufsteigend oder absteigend) jeder diagonale Strich geh\u00f6rt. Mein Rat ist, den Buchstaben auf ein Blatt Papier mit einem beliebigen Werkzeug zu zeichnen: Ihre nat\u00fcrliche Handbewegung wird Ihnen zeigen, wie die Striche verlaufen sollten. <\/p>\n\n\n\n

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

Aufsteigende Striche wirken schwerer (dicker) aufgrund ihrer visuell ansprechenden Aufw\u00e4rtsbewegung. Da wir von links nach rechts lesen, ziehen Linien, die in die entgegengesetzte Richtung verlaufen, mehr Aufmerksamkeit auf sich. Aus diesem Grund werden in serifenlosen<\/a> Schriften, die keinen auff\u00e4lligen Kontrast aufweisen, absteigende Striche immer etwas schwerer (dicker) gestaltet als aufsteigende. In Serifenschriften unterscheiden sich die St\u00e4rken von aufsteigenden und absteigenden Strichen deutlich: Aufsteigende Striche sind fast immer d\u00fcnn, und absteigende Striche sind schwer. Dies h\u00e4ngt auch von der kalligrafischen Tradition ab. <\/p>\n\n\n\n

Kehren wir zu unseren geometrischen Formen zur\u00fcck. Die H\u00f6he dreieckiger Zeichen sollte ebenfalls im Vergleich zu anderen Formen bestimmt werden. Der Punkt, an dem horizontale Striche sich kreuzen, ist weniger schwarz, wirkt visuell leichter, und die Glyphe selbst erscheint niedriger als die anderen. Dies kann durch zwei Gestaltungstricks ausgeglichen werden. Der erste besteht darin, an der Kreuzungsstelle einen horizontalen Schnitt zu machen (die Spitze des Dreiecks abzuschneiden). Der zweite Trick besteht darin, den spitzen Scheitelpunkt oder die Spitze \u00fcber die H\u00f6he der aufrechten Buchstaben hinauszuf\u00fchren. Die serifenlosen und Serif-Beispiele zeigen alle genannten Details deutlich. <\/p>\n\n\n\n

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

Bei der Festlegung der St\u00e4rken k\u00f6nnen Sie auch Ihre Skizzen verwenden, um die H\u00f6he von Gro\u00df- und Kleinbuchstaben sowie das Ausma\u00df der visuellen Kompensationen zu bestimmen. Als Ergebnis sollten Sie mehrere grundlegende Werte f\u00fcr Ihren Gestaltungsprozess erhalten: <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
    \n
  1. Die H\u00f6he der Gro\u00dfbuchstaben, die der H\u00f6he des Buchstabens H<\/strong> entspricht. Verschiedene Schriftgestalter verwenden ihre eigene Logik, um diese Gr\u00f6\u00dfe zu bestimmen. \u00dcblicherweise liegt die H\u00f6he der Gro\u00dfbuchstaben zwischen 680 und 730 Punkten. Wenn die Schrift eine spezifische Aufgabe hat (z. B. f\u00fcr Benutzeroberfl\u00e4chen), wird empfohlen, die Konkurrenz zu analysieren, um Ihre Schrift an diese anzupassen. <\/li>\n\n\n\n
  2. Die Stammst\u00e4rke f\u00fcr aufrechte Gro\u00dfbuchstaben (H<\/strong>). <\/li>\n\n\n\n
  3. Die Stammst\u00e4rke f\u00fcr runde Zeichen (O)<\/strong>, ob sie sich von der Stammst\u00e4rke des Buchstabens H unterscheiden und wenn ja, in welchem Ausma\u00df. Der Unterschied in den St\u00e4rken kann durch das Testen der Glyphen in Text bestimmt werden. \u00dcbertragen Sie dazu mehrere Glyphen von Skizzen in eine Schriftenbearbeitungssoftware und testen Sie sie in W\u00f6rtern und Flie\u00dftext, indem Sie ihnen verschiedene Punktgr\u00f6\u00dfen zuweisen, um zu sehen, welcher Parameterunterschied optimal erscheint. <\/li>\n\n\n\n
  4. Die Tiefe des \u00dcberhangs f\u00fcr runde Zeichen. <\/li>\n\n\n\n
  5. Die St\u00e4rke der diagonalen Striche (A<\/strong>). <\/li>\n\n\n\n
  6. Die St\u00e4rke der horizontalen Striche (f\u00fcr H, A und O<\/strong>), ob sie sich voneinander unterscheiden und wenn ja, in welchem Ausma\u00df. <\/li>\n\n\n\n
  7. Die H\u00f6he der Kleinbuchstaben, die der H\u00f6he des Buchstabens n oder x entspricht (ohne den Bogen, der oft gleich hoch wie die \u00dcberhangtiefe ist). Die Standardgr\u00f6\u00dfe f\u00fcr Kleinbuchstabenh\u00f6hen in Schrifteditoren betr\u00e4gt 500 Punkte (und 700 Punkte f\u00fcr Gro\u00dfbuchstaben), und dieser Wert kann eine gute Grundlage f\u00fcr Ihre Suche sein. Ber\u00fccksichtigen Sie bei der Bestimmung der Kleinbuchstabenh\u00f6he Ihre Skizzen und die Klassifizierung Ihrer Schrift. Beispielsweise sind Kleinbuchstaben in klassischen Old-Style-Serifen in der Regel relativ kurz. In neutralen Schriften sind Kleinbuchstaben etwas gr\u00f6\u00dfer gestaltet, um die Lesbarkeit zu verbessern, wobei die Gr\u00f6\u00dfe der Oberl\u00e4ngen ber\u00fccksichtigt wird, damit sie nicht zu klein wirken. In Display<\/a>-Schriften k\u00f6nnen Kleinbuchstaben jede Gr\u00f6\u00dfe haben, die die grafische Idee besser hervorhebt.

    \"\"<\/figure>
    <\/li>\n\n\n\n
  8. Die Stammst\u00e4rken der aufrechten (n<\/strong>) und runden (o<\/strong>) Zeichen sowie die St\u00e4rken der diagonalen Striche (v<\/strong>). Diese Parameter m\u00fcssen leichter sein als die der Gro\u00dfbuchstaben, damit der Schriftsatz glatter wirkt. Sie m\u00fcssen jedoch weiterhin mit den Werten der Gro\u00dfbuchstaben korrelieren. <\/li>\n\n\n\n
  9. Die \u00dcberhangtiefe f\u00fcr runde Zeichen: Dieser Wert stimmt oft mit der \u00dcberhangtiefe der Gro\u00dfbuchstaben \u00fcberein, aber einige Schriften oder Schriftstile weisen f\u00fcr diesen Parameter bei Kleinbuchstaben einen kleineren Wert auf. Um den optimalen Wert zu bestimmen, m\u00fcssen Sie die Schrift testen und die Gl\u00e4tte und Konsistenz der Linie beobachten. <\/li>\n\n\n\n
  10. Die H\u00f6hen von Ober- und Unterl\u00e4ngen. Nach der Berechnung der Hauptparameter f\u00fcr die Kleinbuchstaben sollten Sie sich den H\u00f6hen von Ober- und Unterl\u00e4ngen widmen. Die beste Entscheidung f\u00fcr die Grafik ist, Ober- und Unterl\u00e4ngen ungef\u00e4hr die gleiche H\u00f6he zu geben, wobei Oberl\u00e4ngen nicht deutlich h\u00f6her oder k\u00fcrzer als Gro\u00dfbuchstaben sein sollten. Mehr zu den Gr\u00f6\u00dfen und Formen von Ober- und Unterl\u00e4ngen werde ich sp\u00e4ter in diesem Artikel erl\u00e4utern.<\/li>\n<\/ol>\n\n\n\n

    Die angegebenen Werte basieren auf 1000 Einheiten pro Em. Dies ist eine Ma\u00dfeinheit, die in der Typografie und Schriftgestaltung verwendet wird. Sie gibt die Anzahl der Punkte in einem Em-Quadrat an \u2014 einem abstrakten Raum, dessen H\u00f6he den gesch\u00e4tzten Abstand zwischen Zeilen gleicher Schriftgr\u00f6\u00dfe angibt. Dies ist das Raster und die Anzahl der Punkte, die Sie beim Zeichnen von Glyphen sehen. Am h\u00e4ufigsten wird das 1000-Punkte-Raster verwendet, aber es gibt auch 1024- und 2048-Punkte-Raster und andere. Dieser Parameter befindet sich in der Schriftendatei, im Reiter „Font info“.<\/em> <\/em><\/p>\n\n\n\n

    Alle diese Werte bilden die Grundlage f\u00fcr uns und m\u00fcssen bei anderen Zeichen je nach der Gruppe, zu der sie geh\u00f6ren (aufrecht, rund oder dreieckig), gleich sein. Denken Sie daran, spezielle Kompensationen in die anderen Glyphenst\u00e4rken zu integrieren, um die schwarze Dichte auszugleichen. Die gleiche Empfehlung gilt f\u00fcr Zeichen mit vielen Strichen und fetten Schriftstilen. <\/p>\n\n\n\n

    Nun ist es an der Zeit, zu unserer neutralen serifenlosen Schrift f\u00fcr Benutzeroberfl\u00e4chen und der Serifenschrift, die wir erstellt haben, zur\u00fcckzukehren und zu sehen, wie all diese H\u00f6hen darin umgesetzt werden.<\/p>\n\n\n\n

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

    Die Hauptaufgabe bei der Arbeit mit St\u00e4rken und H\u00f6hen besteht darin, die Buchstaben st\u00e4ndig in Texten zu testen und miteinander zu vergleichen. Es ist essenziell, das Gleichgewicht von Schwarz und Wei\u00df innerhalb der gew\u00e4hlten Parameter aufrechtzuerhalten. Ihre Glyphen d\u00fcrfen nicht fremd wirken, und die St\u00e4rken m\u00fcssen dem Hauptziel und der Idee der Schrift entsprechen. <\/p>\n\n\n\n

    Bei der Konstruktion von Schriften sollten Sie darauf abzielen, eine Konsistenz in der Schwarz-Wei\u00df-Dichte der Zeichen zu erreichen, um eine Einheitlichkeit im Erscheinungsbild des Textes zu gew\u00e4hrleisten.<\/em><\/p>\n\n\n\n

    Kontrast<\/h3>\n\n\n\n

    Kontrast ist ein wesentlicher visueller Bestandteil des Designs jeder Glyphe. Jede Schrift hat einen Kontrastparameter. Durch die \u00c4nderung dieses Parameters k\u00f6nnen v\u00f6llig unterschiedliche Effekte im Glyphen-Design erzielt werden. Kontrast ist das Verh\u00e4ltnis zwischen prim\u00e4ren und sekund\u00e4ren Strichst\u00e4rken. Meistens bezieht sich dieser Begriff auf den Unterschied zwischen St\u00e4mmen und horizontalen Strichen. <\/p>\n\n\n\n

    Es gibt mehrere Kontrasteigenschaften:<\/p>\n\n\n\n