Wie man einen Schriftraum einrichtet
Wie man einen Schriftraum einrichtet
Fernando Mello Wissen teilen
Die Anpassung der Abstände zwischen den Buchstaben bei der Gestaltung von Schriftbildern wird von vielen zu Recht als ebenso wichtig angesehen wie die Gestaltung der Buchstabenform. Der englische Typograf Walter Tracy stellte in Letters of Credit fest, dass "die 'Einpassung' der Buchstaben - die Zuweisung der richtigen Menge an Raum zu jeder Seite von ihnen, so dass sie zu Wörtern assoziiert werden, die eine ausgewogene Beziehung haben, ohne unansehnliche Lücken oder Staus - ein Prozess ist, der für den Erfolg eines Schriftdesigns grundlegend ist."
Es ist in der Tat unmöglich, einen kohärenten Satz von Zeichen zu erstellen, ohne sie in Kombination zu studieren. Und frustrierenderweise scheint es keine absolute Formel zu geben, mit der alle Zeichen perfekt in jede Schrift passen: Der richtige Abstand ist das Ergebnis einer Kombination aus einer vernünftigen Beurteilung des Auges und der individuellen Gestaltung jeder Glyphe.
Ziel ist es, alle Glyphen innerhalb eines Wortes durch optische Anpassungen und die Schaffung angenehmer Texturen gleich weit voneinander entfernt zu machen. Aber auch die persönlichen Lesegewohnheiten in Bezug auf bestimmte Schriftarten oder die Art und Weise, wie ein Text Mai gesetzt wird, spielen eine wichtige Rolle bei der Festlegung, was für den Einzelnen mehr oder weniger lesbar ist.
In seinem 1970 erschienenen Aufsatz Letterforms in photo-typography erklärte Adrian Frutiger, dass in der Praxis der Schriftgestaltung "jeder Buchstabe einer Grundform entsprechen muss, die im Unterbewusstsein einer großen Masse von Lesern verankert ist." Die Lesbarkeit von Schrifttypen ist also Ähnliche auf das Vorhandensein einer Gruppe von Standardformen in ihrem Design zurückzuführen. Da diese gemeinsamen Merkmale der Buchstabenformen in Textschriften vorhanden sind, scheint es sinnvoll, sich einfache Schritte oder Systeme vorzustellen, mit denen diesen gemeinsamen Formen eine Standardmenge an Weißraum zugewiesen wird.
Im Folgenden erkläre ich einige wichtige optische Konzepte, die für den korrekten Abstand von Buchstaben entscheidend sind, und gebe dann einige Tipps, wie man den Abstand einer Schrift auf logische Art und Weise beginnen kann.
Eine Folge von verschiedenen Formen aufteilen
Wenn man verschiedenen Formen gleichmäßig verteilte Mengen an weißem Raum seitlich zuweist, muss man zunächst bedenken, dass die Beurteilung des Auges wichtiger ist als jeder arithmetische Parameter. Wenn wir eine zufällige Abfolge von Quadraten, Kreisen und Dreiecken betrachten und versuchen, die weißen Flächen zwischen ihnen visuell auszugleichen, sind die Ergebnisse besser, als wenn wir diese Formen um einen festen Betrag voneinander trennen. (Abb. 1)
[Abb. 1]: Im ersten Beispiel wurde den Formen ein fester Abstand zwischen den Formen zugewiesen. Oben sind die Formen visuell beabstandet. Im zweiten Beispiel ist zu erkennen, dass die Abstände je nach der unterschiedlichen Kombination der Formen Standards folgen.
Das bedeutet, dass wir den Seiten einer Buchstabenform je nach ihrer Form unterschiedlich viel Weißraum zuweisen müssen.
Ausgleich zwischen internen und externen Leerräumen in Buchstabenformen
Wie wir alle wissen, haben einige Buchstaben interne Leerräume und Serifen. Diese Mai haben auch einen Einfluss auf den korrekten Abstand, der den Seiten der einzelnen Buchstaben zugewiesen wird, und so sind Anpassungen der Buchstabenbreiten und -formen während des Abstandsverfahrens möglich.
Um eine gleichmäßige Farbgebung des Textes zu erreichen, sollte der Anteil der weißen Flächen innerhalb und außerhalb von Glyphen mit Zählern ausgeglichen sein. Der niederländische Grafiker, Schriftgestalter und Schriftsteller Fred Smeijers verweist in seinem Buch Counterpunch auf dieses Gleichgewicht von Schwarz und Weiß, wenn er sagt, dass die Abstände zwischen den Buchstaben "im Gleichgewicht zueinander und gleichzeitig im Gleichgewicht zu den Abständen innerhalb der Zeichen sein müssen".
Smeijers erklärt auch, dass Zeichen mit offenen Zählern schwieriger zu setzen sind, weil "es keine klare Grenze zwischen dem Raum, der zum inneren Bereich des Zeichens gehört, und dem Raum, der zum Bereich zwischen den beiden Zeichen gehört, gibt" und daher "Serifen Hilfe den Designer ... dazu bringen, den inneren und äußeren Raum eindeutiger und einfacher zu definieren." [Abb. 2]
Dies ist zum Teil der Grund dafür, dass Serifenschriften als besser lesbar gelten und auch heute noch für die meisten textbasierten Bücher oder im Editorial Design gewählt werden.
[Abb. 2]: Bei einer Serifenschrift wie FS Sally® ist der Innenraum eines "z" stärker durch die Serifen definiert als bei einer serifenlosen Schrift wie der FS Elliot®..
Das Problem des gleichzeitigen Kontrasts
Das Problem des Schwarz-Weiß-Ausgleichs wird durch die Mechanismen des menschlichen Auges noch weiter verkompliziert. Der Schriftgestalter David Kindersey erklärte in seinem Essay in Optical Letter-spacing and its Mechanical Application: "Weiß ist weißer als Weiß, das sofort Nächste zu Schwarz wird. Wenn die Abstände zu eng sind, kann dieser Intensitätsanstieg das Bild aushöhlen."
Aus diesem Grund sollten enge Buchstabenabstände bei der Verwendung im Text vermieden werden. Das Verkleinern der Buchstabenabstände war eine Angewohnheit, die einige Designer mit dem Aufkommen des Fotosatzes und der ersten Computersysteme entwickelten und die Möglichkeiten für Anpassungen eröffnete, die zuvor mit den festen Breiten der Metalltypen und den Matrizen der Heißsatzsysteme unmöglich waren. Tracy bemängelt, dass sich diese Angewohnheit negativ auf die Textstruktur auswirkt, indem sie die weißen Zwischenräume betont, wenn Buchstaben mit Zählern versehen sind, und dunkle Bereiche schafft, wenn Buchstaben mit vertikalen Strichen nahe beieinander gesetzt werden. (Abb. 3)
[Abb. 3] FS Sally® und FS Hackney® deren Abstände zu eng sind. In beiden Fällen kann man die fehlende Proportion zwischen den inneren und äußeren weißen Bereichen der Buchstaben und die daraus resultierende Betonung des weißen Raums der Zähler erkennen.
Vertikale optische Zentren
Bei jeder Glyphe müssen die Seitenabstände entsprechend ihrer korrekten vertikalen optischen Mitte definiert werden. Dieser muss mit dem Auge ermittelt werden, da er Ähnliche von der Form der Glyphe, dem Vorhandensein von innerem Weißraum und dem Vorhandensein von Serifen abhängt. Der mathematische vertikale Mittelpunkt von Glyphen ist die Vertikale in der Mitte zwischen der linken und rechten Projektion des Buchstabens und fällt nur bei exakt symmetrischen Glyphen mit dem vertikalen optischen Mittelpunkt zusammen[Abb. 4]. Deshalb erhalten die Glyphen "O" und "H", wenn sie exakt symmetrisch sind - und somit eine vertikale Betonung im Falle des "O" oder gleiche Serifengrößen und -längen auf beiden Seiten im Falle eines geriffelten "H" haben - auf jeder Seite den gleichen Platz.
[Abb. 4]: FS Truman®Das "H" kann sowohl den optischen als auch den mathematischen Mittelpunkt an der gleichen vertikalen Position haben. Dies ist nicht der Fall bei FS Brabo®r", wo der optische Mittelpunkt leicht links vom mathematischen Mittelpunkt liegt.
Der Einfluss von Ober- und Unterlängen
Obwohl Ober- und Unterlängen bekanntermaßen von grundlegender Bedeutung für die Erkennung von Wortformen und Buchstaben sind, scheint es, dass der vertikale Aspekt der Formen zwischen der x-Höhe und der Grundlinie (oder der Kappenhöhe und der Grundlinie) einen größeren Einfluss auf die Abstände hat als die Länge der Ober- und Unterlängen. (Abb. 5)
[Abb. 5]: Wenn wir mit der Verlängerung oder Verkürzung von Ober- und Unterlängen in einer Schrift experimentieren (hier eine bearbeitete Version von FS Brabo), wird deutlich, dass es vor allem darauf ankommt, den Abstand zwischen der Grundlinie und der x-Höhe der Kleinbuchstaben gegen ihre Zähler auszugleichen, und nicht auf die Länge der Ober- und Unterlängen.
Ein Schriftbild kann nicht gut sein, wenn die Abstände schlecht sind. Unser Auge ist das wichtigste Werkzeug, wenn es um die Gestaltung von Fonts geht, aber mit ein wenig Übung wird ein Typograf feststellen, dass diese anfänglich komplexen Konzepte natürlicher werden. Sie lassen sich dann auf jede andere grafische Arbeit übertragen: Typografie für Plakate oder Bücher, Logotypen, Zeichnungen usw.
Wie man mit dem Abstand einer Schrift beginnt
Im digitalen Schriftdesign werden die grundlegenden Abstände durch die Zuweisung numerischer Werte für das Seitenverhältnis zu den linken und rechten Seiten jeder Glyphe in Ihrem Font Editor erstellt. Es gibt Abstandsmethoden, die als Hilfsmittel bei der Anwendung aller hier vorgestellten optischen Konzepte auf eine Gruppe von Glyphen mit ähnlichen Formen auf der linken oder rechten Seite betrachtet werden können - mit anderen Worten, die Verwendung ähnlicher numerischer Werte für ähnliche Seitenverschiebungen. Wie bereits erwähnt, handelt es sich bei diesen Methoden jedoch nicht um Wunderformeln, mit denen sich die Abstände für jede Schrift auflösen lassen, auch wenn sie als Ausgangspunkt für eine korrekte Anpassung der Zeichen sicherlich gut geeignet sind.
Ich werde nun ein einfaches Startverfahren skizzieren, das wir bei der Gestaltung unserer FS Fonts verwenden und das auch erweitert und für den Abstand von Schriften in anderen Schriften als der lateinischen verwendet werden kann.
Großbuchstaben Abstand
Es gibt drei Standard-Großbuchstaben, die häufig sowohl in serifenlosen als auch in serifenbetonten Schriften verwendet werden. [Abb. 6]
- a) Gerade Stämme mit geraden Stämmen (größerer Abstand)
- b) Gerade Stängel mit runden Stängeln (Zwischenraum)
- c) Runde Stiele mit runden Stielen (kleinerer Raum)
- [Abb. 6:] Abstände: (links) gerade Stiele mit geraden Stielen, (Mitte) gerade Stiele mit runden Stielen, (rechts) runde Stiele mit runden Stielen.
Beginnen Sie mit dem "H" und dem "O", da sie die geraden und runden Standards zu ihren beiden Seiten enthalten. Dann müssen wir die seitlichen Räume um sie herum harmonisch erzeugen, indem wir eine Sequenz eingeben, die die drei oben beschriebenen Intervalle a, b und c umfasst:
HHHOOHHHH
OOOHHOOOOO
Wir können dann alle Großbuchstaben nach den Ähnlichkeiten ihrer Formen zu ihren linken und rechten Seiten (und Seitenausrichtungen) gruppieren, wie unten gezeigt [Abb. 7].
[Abb.7] Beispiel für die Gruppierung von Standardformen (Großbuchstaben) in FS Elliot
Anschließend wird jeder der Großbuchstaben zwischen drei "H" und drei "O" in separaten Zeilen wie folgt angeordnet:
HHHAHHHH
OOOAOOO
HHHBHHH
OOOBOOO
...und so weiter bis zum "Z". Jetzt sind die Großbuchstaben auf Abstand.
Abstand zwischen Kleinbuchstaben
Nach einer ähnlichen Logik wie bei den Großbuchstaben-Standardabständen definieren wir zunächst "n" und "o" als unsere Hauptbuchstaben. Da die Kleinbuchstaben in der Regel kleinere Formen als die Großbuchstaben haben und somit auch kleinere Zähler und innere Leerzeichen, müssen sie kleinere Seitenwerte haben als die Großbuchstaben. Wir müssen also damit beginnen, diese beiden Sequenzen korrekt voneinander abzusetzen:
nnnoonnn
ooonnooo
Wir können dann alle Kleinbuchstaben nach der Ähnlichkeit ihrer Formen auf der linken und rechten Seite gruppieren, wie unten gezeigt. [Abb. 8]
[Abb. 8] Beispiel für die Gruppierung von Standardformen (Kleinbuchstaben) in FS Elliot
Dann platzieren wir jeden der Kleinbuchstaben zwischen drei "n" und drei "o", wobei wir daran denken, dass Formen von Buchstaben, die sich in derselben Gruppe befinden, gleich viel Platz zu ihren Seiten erhalten müssen:
nnnnannn / oooaooo
nnnbnnn / ooobooo
... und so weiter bis zum "z". Nun werden auch die Kleinbuchstaben in Abständen geschrieben.
Unterschneidung
Die Erstellung von Verfeinerungen zwischen bestimmten Buchstabenpaaren - oder Kerning - erfolgt unter Nächste. Es ist sinnvoll, alle möglichen Buchstabenkombinationen in Ihrem Zeichensatz zu testen, um zu beurteilen, ob Sie einen positiven oder negativen Kerning-Wert hinzufügen müssen. Ein einheitlicher und ausgewogener Grundabstand reduziert die Anzahl der benötigten Kerning-Paare erheblich. Deshalb ist es so wichtig, dass Sie Ihr Design zu einem guten Punkt bringen, mit all Ihren Glyphen sehr gut beabstandet, bevor Sie endgültiges Kerning hinzufügen.