Buchstaben ausrichten "Falsch" erscheint mehr "Richtig"

Ja, das sind legitime Dinge und sie haben Namen.

"Visuelle Ausrichtung" oder "Optische Ausrichtung"

Dies ist das allgemeine Prinzip - Sie richten nach dem Auge aus, was visuell richtig aussieht, und nicht nach einer Regel. Es wird nicht nur in der Typografie verwendet, sondern überall dort, wo visuelle Konsistenz wichtig ist, zum Beispiel beim Entwerfen von Icon-Sets - damit Icons mit Kurven ordentlich aussehen, wenn sie mit Icons mit geraden Kanten aufgereiht werden.

Die spezifischeren technischen Begriffe unten werden nicht sehr häufig verwendet (ich musste sie nachschlagen), sie sind nur für Neugierige hier.

Typografische Überschreitung

Dies ist der Fall, wenn ein Zeichen den entsprechenden vertikalen Punkt passiert, da dies natürlicher aussieht, als strikt anzuhalten. Die Antwort von Joojaa enthält viele großartige Beispiele dafür. Ich füge nur dieses aus den Typografiestandards von Microsoft hinzu (lachen Sie nicht, trotz der Einführung von Comic Sans auf der Welt haben MS ein im Allgemeinen ziemlich gutes Typografieteam), das zeigt, dass es nicht nur die Grundlinie ist wo das verwendet wird:

Optische Randausrichtung

Im Wesentlichen horizontales Überschwingen, das normalerweise auf gekrümmte oder geneigte Zeichen und andere Zeichen angewendet wird, bei denen die Kante nur geringfügig erreicht wird, was gegen eine harte Linie falsch aussehen würde. Es ist im Grunde ein enges Kerning an den Rändern, und die Zeichen, auf die es angewendet wird, sind im Allgemeinen dieselben, die an anderer Stelle ein enges Kerning erhalten würden.

So illustriert Wikipedia es derzeit:

Wenn Sie sich viele Schriftarten ansehen, werden Sie feststellen, dass die Krümmung des Buchstabens 's' die perfekte Ausrichtung der Grundlinie und vieler anderer kleiner Buchstaben durchdringt. Und in der Regel tun runde Formen dies – durchbohren Sie die Grundlinie gerader Kanten. Ich hatte einen Artikel über dieses Phänomen und warum es passiert, irgendwo in meinen Lesezeichen, aber der Link entzieht sich mir im Moment.

Bild 1 : Einige Beispiele für runde „s“, die die Grundlinie durchbohren, wobei die Grundlinien-Piercings hervorgehoben sind.

Schaut man sich das an, tun dies sogar sehr geometrische Schriften (siehe Bild 1). Das kommt öfter vor als nicht - so sehr, dass ich schon oft davon gehört habe. Beachten Sie jedoch, wie sich die Menge von Situation zu Situation und Form zu Form unterscheidet. So entscheiden auch heute noch Ihre Augen.

Wenn Ihr Auge scharf ist, werden Sie auch bemerken, dass einige Buchstabenformen die Vertikale auch seitlich durchbohren. Denn auch dort tritt das gleiche Phänomen auf.

Bild 2 : Gleicher Effekt seitwärts. Dies passiert häufig, wenn Sie gerade Linien und gekrümmte Linien seitlich gemischt haben.

PS : Entschuldigung, die auf meiner temporären Workstation verfügbaren Schriftarten sind etwas begrenzt.

Dies ist eine Technik, die als Überschwingen (oder Überhängen) bezeichnet wird. Der Grund, warum wir Überschwingen verwenden, liegt darin, dass die Art und Weise, wie wir als Menschen Dinge wahrnehmen (zumindest in rein mathematischer Hinsicht), ungenau ist.

Glauben Sie mir nicht? Lassen Sie mich erklären:

Betrachten Sie dieses Bild:

Fühlen sich der Kreis und das Dreieck für dich an, als hätten sie das gleiche Gewicht? Die Wahrheit ist, dass sie die gleiche Höhe, aber eine andere Fläche haben.

Lassen Sie uns nun zeigen, wie sie mit demselben Bereich aussehen:

Beachten Sie das Überschwingen, das sowohl für den Kreis als auch für das Dreieck erstellt wurde. Sowohl der Kreis als auch das Dreieck sehen immer noch visuell unausgeglichen aus (insbesondere das Dreieck), aber wenn wir mit der Skalierung herumspielen und die Basis des Dreiecks mit dem Quadrat ausrichten, erhalten wir das folgende, optisch ansprechende Bild:

Ohne Führer:

Beachten Sie, dass das Überschwingen immer noch bei beiden auftritt, aber auf unterschiedliche Weise. Dies ist genau das Gegenteil von schlechter Praxis, es ist notwendig, um ein angemessenes visuelles Gleichgewicht zu erreichen - wir müssen oft mit der Größe, Breite, dem Abstand und der Ausrichtung von Formen herumspielen, basierend auf den spezifischen Themen, die wir verwenden. Dafür gibt es keine bestimmte Formel, es hängt von der Zusammensetzung und dem gewünschten Ergebnis ab. Denken Sie daran, dass Sie beim Ändern der vertikalen Größe wahrscheinlich den horizontalen Abstand um denselben Betrag ändern müssen, um den richtigen Leerraum beizubehalten:

Auch bei der optischen Ausrichtung spielt die Strichstärke eine Rolle. Schau dir das an:

Es fühlt sich nicht ganz richtig an, obwohl die Skalierung und der Abstand gleich sind, oder?

Die Schlussfolgerung hier ist, dass wir den Kompensationsbetrag erhöhen sollten, wenn wir den Hub erhöhen, wobei wir auf das Ausbalancieren der Zähler achten sollten. Wenn wir Gegenformen haben, überwältigen sie tatsächlich den Umriss der Form und ihr Gleichgewicht wird wichtiger als die feste Form selbst. Genau das hat Nintendo bei der Gestaltung seines Nintendo Switch-Logos getan .

Ausführlichere Informationen finden Sie in Fábio Martins Artikel The Art of Eyeballing – Part III: Overshooting , aus dem ich die Bilder und einen Teil des Inhalts dieser Antwort praktisch gestohlen habe.

Sehen Sie sich auch diesen großartigen Artikel über typografische Illusionen an, der über diesen Effekt spricht.

Ich habe keine Artikel, die das belegen, aber ich kann Ihnen aus Erfahrung sagen, dass Sie Recht haben. Genau wie manuelles Kerning, Abstände und Ausrichten von Buchstabenformen (und anderen Objekten) ist dies teils Wissenschaft, teils Kunst. Lassen Sie sich von Ihrem Auge und Ihrem Bauch leiten, anstatt von exakten Zahlen und Mathematik.

Das hier zugrunde liegende Konzept ist, dass Ihr Auge (dh Ihr Gehirn) Kurven anders verarbeitet als Geraden. Ähnlich wie Sie einen Halbton als glatten Ton "sehen", findet Ihr Auge einen gemittelten Ort als den wahrgenommenen "Rand" einer gekrümmten Buchstabenform. Ihre Positionierung Ihrer Logoformen ist nach dieser Vorstellung "richtig". Der Schlüssel ist natürlich, „wie man dem buchstäblich denkenden Kunden vermittelt, der darauf fixiert ist, ob Serifen hervorstehen oder eine andere solche wörtliche Positionierung.

So etwas kommt in der Typografie STÄNDIG ins Spiel. Wenn Sie beispielsweise in einer zentrierten Überschrift den abschließenden Punkt am Ende einer Zeile überhängen lassen, ist die Zeile technisch nicht zentriert, aber das durchschnittliche Gewicht der Zeile ist tot.