Ultimativer Leitfaden zur Webtypografie: Regeln, Glossar, Ideen und Best Practices

'Ein Bild sagt mehr als tausend Worte.'

Meistens vermitteln Bilder, was sie zu sagen haben. Ein Bild mit Text hat jedoch eine stärkere Wirkung.

Typografie fungiert als Begleiter Ihrer Grafiken. Typografie ist nicht nur die Auswahl einer zufälligen Schriftart und einer Punktgröße aus dem Dropdown-Menü Ihrer Bearbeitungssoftware. Es ist ein Spezialgebiet des Grafikdesigns. Es ist die Kunst und Technik des Arrangierens von Schrift. Es ist eine der wichtigen Fähigkeiten, die Sie von anderen Designern unterscheiden können, wenn Sie wissen, wie man sie benutzt.

Was ist Typografie?

Bevor Sie sich mit der Kunst und Technik der Typografie befassen, sollten Sie zunächst verstehen, worum es bei Typografie geht. Typografie ist das visuelle Stück Text (geschriebenes Wort). Ein Text ist eine Aneinanderreihung von Wörtern. Jeder visuell angezeigte Text, den Sie sehen, ist im Grunde Typografie. Text kann auf drei Arten kategorisiert werden – visuell, hörbar und digital.

Typografie ist mehr als die Gestaltung von Buchstaben und Zeichen. Es umfasst die Wahl der Punktgröße, des Abstands und der Linienlänge. Als Johannes Gutenberg den Buchdruck einführte, mussten Schriftsetzer Buchstaben und Zeichen im physischen Raum anordnen. Jetzt im Zeitalter der Computer ist dieser Job viel einfacher. Sie müssen nur Open-Source-Schriftarten finden, Buchstaben und Zeichen anordnen, und Sie sind fertig.

Bedeutung der Typografie

Typografie ist etwas, das Sie absolut überall finden werden. Angenommen, es könnte Ihr Smartphone, Ihre Kaffeetasse, Ihre Werbetafel, Ihre Kleidung und vieles mehr sein. Typografie ist überall. Die Auswahl von Schriftart, Buchstaben und Zeichenanordnung entscheidet darüber, wie Ihre Botschaft transportiert wird.

Auch wenn es Ihrer Meinung nach ein kleiner Faktor zu sein scheint, ist es das sicherlich nicht. Selbst eine einzige Typanpassung kann das gesamte Erscheinungsbild Ihres Kunstwerks verändern. Wenn Sie jemals bemerkt haben, dass Facebook im Juni 2016 eine neue Schriftart namens Geneva getestet hat. Es war eine etwas dünnere und leichtere Version der ursprünglichen Helvetica-Schriftart. Der Unterschied zwischen diesen beiden Schriftarten war jedoch spürbar.

Regeln der Typografie

In der Typografie müssen Sie die Schriftart entsprechend Ihrem Layout, Raster, Designthema, Farbschema usw. auswählen. Hier sind einige typografische Regeln, die Sie bei der Arbeit beachten sollten.

Auswahl der richtigen Schriftart

Wenn Sie ein paar Minuten im Internet verbringen, finden Sie eine erstaunliche Auswahl an gebrauchsfertigen kostenlosen und kostenpflichtigen Schriftarten. Aber das bedeutet nicht, dass Sie Stunden damit verbringen müssen, genau die Schriftarten zu suchen, die Sie sich in Ihrem Kopf vorstellen. Sie können auch mit einer begrenzten Palette mit dem Malen beginnen. Es gibt ein paar bewährte Schriftarten wie Helvetica, die in keinem Projekt schiefgehen können.

Eine Schrift ist eine Gestaltungsform, die von Handwerkern geformt wird, die all ihre Bemühungen und Fähigkeiten über einen beträchtlichen Zeitraum einbringen. Die professionell gestalteten Schriftarten bieten eine Vielzahl von Anpassungsmöglichkeiten in Bezug auf Gewichte und Stile, um eine komplette Familie zu erstellen. Darüber hinaus bieten sie beträchtliche Kerning-Paare, Unterstützung für mehrsprachige, typografische Anpassungen.

Im Folgenden sind die wichtigsten typografischen Begriffe aufgeführt, die berücksichtigt werden:

Größe

Nicht jede Schriftart wird gleich erstellt. Einige verwenden dicke und breite Aspekte, während andere dünn und schmal sind. Unterschiedliche Schriftarten können unterschiedlich viel Platz auf der Seite einnehmen.

Die Höhe des Zeichens wird als X-Höhe bezeichnet. Wenn Sie verschiedene Schriftarten kombinieren, empfiehlt es sich, nur die Schriftarten zu verwenden, die eine ähnliche x-Höhe haben. Auf der anderen Seite wird die Breite des Zeichens als „Set-Breite“ bezeichnet, die entscheidet, wie viel Platz der Buchstabe einnimmt und mit anderen Buchstaben puffert.

Das Punktesystem ist die Methode, die seit dem 18. Jahrhundert zur Messung von Schrift verwendet wird. Ein Punkt kann mit 1/72 Zoll gemessen werden und 12 Punkte können ein Pica bilden. Pica ist die Einheit zur Messung der Spaltenbreite. Darüber hinaus können die Größen in Pixel, Zoll oder Millimeter gemessen werden. Es hängt von den Anforderungen des Projekts ab.

Führend

Der vertikale Abstand zwischen jeder Textzeile wird als Zeilenabstand bezeichnet. Der Grund dafür, dies als führend zu bezeichnen, liegt darin, dass die Bleistreifen verwendet wurden, um die Schriftzeilen in der Zeit zu teilen, als Metallsatz verwendet wurde. Die Faustregel, um einen lesbaren Fließtext zu erhalten, besteht darin, einen führenden Wert zu verwenden, der höher ist als die Schriftgröße. Sie können einen um das 1,25- bis 1,5-fache höheren Leitwert verwenden.

Tracking und Kerning

Kerning ist der Vorgang, bei dem der Abstand zwischen den Zeichen angepasst wird. Es hilft, eine harmonische Paarung zu erzeugen.

Wenn Sie beispielsweise einen Großbuchstaben des Buchstabens „A“ mit dem Großbuchstaben des Buchstabens „V“ verwenden, werden die diagonalen Striche oben links des Buchstabens „V“ mit dem unteren rechten Teil von „A“ unterschnitten.

Tracking ist dagegen der Begriff, der sich auf den Abstand aller Zeichen bezieht, die gleichmäßig aufgebracht werden. Kerning ähnelt Track, aber beide sind nicht gleich.

Messen

Das Maß ist ein Begriff, der die Breite eines Textblocks erklärt. Für ein optimales Leseerlebnis sollten Sie das Maß als wichtigen Aspekt der Typografie betrachten.

Hierarchie und Skalierung

Alle Typen können nicht in derselben Größe verwendet werden, Sie müssen die Hierarchie für Typen festlegen. Andernfalls wird es für die Leser schwierig zu verstehen, welche Informationen wichtiger als die anderen sind.

Im Allgemeinen sind Überschriften groß, Unterüberschriften kleiner und Textkörper etwas kleiner als Unterüberschriften, um den Lesern das Verständnis der Hierarchie zu erleichtern.

Nicht nur die Größe, auch die Verwendung unterschiedlicher Farben, Gewichte und Abstände kann Ihnen dabei helfen, Hierarchien in Ihrer Arbeit festzulegen.

Glossar

Wir haben hier fast alle grundlegenden Konzepte und Terminologien behandelt, die mit Typografie zu tun haben.

• Aesc : Es wird als „Asche“ ausgesprochen. Es ist eine Ligatur aus zwei Buchstaben, nämlich. 'a' und 'e'. Der Ursprung von aesc liegt im Altenglischen, wo es als Diphthong-Vokal bezeichnet wird. Das Aesc ist zu Alphabeten wie Isländisch und Dänisch migriert.
• Öffnung : Die Öffnung ist eine verknotete Öffnung einer Glyphe, die in Buchstaben wie „e“ zu sehen ist. Die Größe der Öffnung variiert je nach Implementierung. Wenn Sie jedoch die Blende variieren, spiegelt sich ihr Effekt in der Lesbarkeit einer Buchstabenform wider.
• Apex : Apex ist der Punkt, der sich an der Spitze eines Zeichens befindet. Es ist der Ort, an dem sich die linken und rechten Striche treffen.
• Grundlinie : Es ist ein Abschnitt, in dem sich die Basis der Großbuchstaben befindet.
• Schüssel : Schüssel wird als eingeschlossener Teil von Buchstaben wie 'b' und 'p' betrachtet.
• Klammer : Es ist ein keilartiger Umriss, der nützlich ist, um eine Serife zu halten und den Stamm einer Schriftart in einer Reihe von Schriftarten zu bilden.
• Versalhöhe : Die Versalhöhe ist die Höhe eines Großbuchstabens über der Grundlinie.
• Zähler : Der Zähler ist ein Abschnitt eines Briefformulars eingeschlossen oder unvollständig eingeschlossen. Der Zähler ist in Buchstaben wie 'c' oder dem unteren Teil von 'g' und 'e' zu erkennen. Dieser Abschnitt kann mit der Schale gemischt werden.
• Unterlänge : Es ist ein Stück der Buchstabenform, das unter die Grundlinie geht. Zum Beispiel Buchstaben wie 'p', 'y' und 'q'.
• Ohr : Das Ohr ist ein kleiner Strich, der von der oberen rechten Seite der Schale erweitert wird.
• Glyphe : Es ist ein singulärer Teil, der eine Schriftart aufbaut. Jede Art von einzelnem Teil, der beim Aufbau einer Schriftart hilft, ob es sich um ein Satzzeichen, eine Zahl, einen Buchstaben oder sogar ein Dingbat handelt, ist darin enthalten. Glyphen können als Bausteine ​​der Typografie bezeichnet werden.
• Bundsteg : Es ist der Raum, der zwischen den gegenüberliegenden Seiten Ihrer Arbeit vorgesehen ist. Bundstege sind häufig in Textspalten zu sehen.
• Orphan : Orphan ist die erste Zeile eines neuen Absatzes, der am Ende einer Seite eingefädelt wird. Es ist keine Sache, die Sie in Ihrem Projekt haben möchten, da es als schlechte Praxis angesehen wird.
• Pica : Pica ist die Einheit zur Messung der Spaltenbreite. Es gibt 16 Pixel oder 12 Punkte in einem Pica.
• Lesbarkeit : Es wird als leichte Lesbarkeit bezeichnet, die die Verwendung eines Textblocks umfasst, der leicht mit dem Auge gescannt werden kann.
• Serif : Es ist eine Schrift mit Serifen. Das Ende des Strichs einer Buchstabenform in dieser Schrift ist von der römischen Tendenz abgeleitet.
• Sans-serif : Eine serifenlose Schrift ist eine Sans-Serif oder Sans Serif.
• Rücken : Es ist der große gekrümmte Strich, der in den Kleinbuchstaben des Großbuchstabens „S“ vorhanden ist.
• Sporn : Es ist eine kleine Ausbuchtung, die an der Krümmung einer Buchstabenform erscheint. Es wird auch als Bart oder Schnabel bezeichnet. Zum Beispiel der Buchstabe „G“.
• Stamm : Ein durchgehender Strich wird in aufrechten Zeichen als Stamm bezeichnet. Es ist vertikal.
• X-Höhe : Die Höhe des Buchstabens „x“ in Kleinbuchstaben in einer bestimmten Schriftart ist eine x-Höhe.

7 Typografie-Ideen und Best Practices

Im Folgenden finden Sie die besten Typografiepraktiken, die Sie in Ihrer Arbeit verwenden können. Verwenden Sie diese Tipps in Ihren Projekten, um Ihre eigenen Meisterwerke zu schaffen.

Wichtigkeit der Wahl der richtigen Schriftarten

Jeder Designer hat eine Liste seiner Lieblingsschriften. Das bedeutet aber nicht, dass Sie immer nur eine Schriftart aus Ihrer Favoritenliste auswählen müssen. Jede Schriftart hat ihren eigenen Stil, ihre eigene Persönlichkeit und Stimmung. Sie müssen sich also entscheiden, welche Schriftart perfekt zu Ihrem Design passt. Die Wahl der Schriftart ist wichtig, da sie Ihnen hilft, Ihre Botschaft an Ihr Publikum zu übermitteln.

Behalten Sie Ihr Publikum im Hinterkopf

Nachdem Sie eine Schriftart ausgewählt haben, die die Idee Ihres Designs ergänzt, sollten Sie überlegen, ob sie zu Ihrem Publikum passt. Eine Gruppe Ihrer Zielgruppe könnte Ihre Schriftarten als trendy empfinden, während andere sie als veraltet bezeichnen. Sie müssen also verstehen, für wen Sie das Projekt entwerfen. Alter, Geschlecht, Standort und andere Faktoren Ihres Publikums sollten berücksichtigt werden, bevor Sie sich für eine Schriftart entscheiden.

Richten Sie eine Hierarchie ein

Wie bereits erwähnt, spielt die Hierarchie eine wichtige Rolle in der Typografie. Ihre Grafiken sollten gut organisiert sein und den Lesern die Navigation erleichtern. Die Typografie-Hierarchie ist sehr nützlich, um textlastige Designs wie Bücher, Newsletter, Zeitschriften und andere traditionelle Printpublikationen zu erstellen.

Achten Sie auf Abstand und Ausrichtung

Der Abstand und die Ausrichtung mögen weniger wichtig klingen, aber das ist es sicherlich nicht. Ohne den richtigen Abstand und die richtige Ausrichtung sehen Ihre Designs verwirrend, überladen und gewöhnlich aus. Der Abstand umfasst die Verwendung von Zeilenabstand, Rändern, Laufweite und Leerraum.

Verwenden Sie Kerning, wann immer es erforderlich ist

Viele Designer verwechseln Tracking und Kerning. Beides sind jedoch unterschiedliche Begriffe. Kerning ermöglicht es Ihnen, Ihre Typografie professionell und ausgefeilt aussehen zu lassen.

Überschreiten Sie nicht die Verwendung von Schriftarten, Gewichten und Stilen

Wir alle verwenden gerne verschiedene Schriftarten und passen sie so an, dass sie edel aussehen. Die Verwendung verschiedener Schriftarten in einem einzigen Design kann jedoch dazu führen, dass Ihre Arbeit amateurhaft und chaotisch aussieht. Sie sollten die Verwendung von mehr als drei Schriftarten in einem Design vermeiden, um ihm ein professionelles Aussehen zu verleihen.

Beobachten und üben

Eine erprobte Möglichkeit, Ihre typografischen Fähigkeiten zu verbessern, besteht darin, zu untersuchen, wie andere Designer Typografie in ihrer Arbeit verwenden. Es ist die Fähigkeit, die Übung und ein Auge für Details erfordert, um zu verstehen, wie jemand Typografie in seinem Projekt verwendet hat und wie Sie sie in Ihren Projekten verwenden können.

Dies war der ultimative Leitfaden für Typografie. Ich hoffe, dieser Leitfaden hat Ihnen geholfen, verschiedene Konzepte und Praktiken zu verstehen, mit denen Sie Ihre typografischen Fähigkeiten verbessern können.