So klassifizieren Sie Schriftarten für das Web

Die Fähigkeit, Dinge zu benennen, hat eine gewisse Macht, und das ist nicht anders, wenn Sie versuchen, Schriftarten zu benennen. Obwohl es Sie nicht zu einem besseren Designer macht, hilft es Ihnen immer, verschiedene Typklassen anhand ihrer erkannten Namen aufzurufen, um das richtige zu beschreiben und auszuwählen Typografie für die Arbeit.

Ich habe mich bemüht, nach meinem Buch zu suchen Die neue Web-Typografie um die Schriftarten für Designs besser zu beschreiben, um die gewünschte Stimme für den Text besser zu kommunizieren. Es gibt tatsächlich verschiedene Methoden zum Klassifizieren von Schriften, von denen keine perfekt und keine allgemein anerkannt ist.



Effekte und Stile

Zusätzlich zu den Typklassifizierungen gibt es auch eine Reihe unterschiedlicher Effekte oder Stile, die üblicherweise auf Schriften aller unterschiedlichen Klassifizierungen angewendet werden.



Hierbei handelt es sich nicht um spezifische Klassifizierungen von Schriftarten, sondern um allgemeine Stile, die häufig auf eine beliebige Schriftklasse angewendet werden. Stellen Sie sich diese als Adjektive vor, die die Schriftart weiter beschreiben. Beispielsweise kann auf eine Schriftklasse von Übergangs-Serifen die Distressed- und Schablonenstile angewendet werden, wie bei der Schriftart Armalite Rifle:

Web-Schriftarten klassifizieren



Obwohl es viele Klassifizierungen für Schriftarten gibt, sind im Webdesign die generischen Namen der Schriftfamilien wichtig, wie in der W3C CSS-Spezifikation : Serife, serifenlos, kursiv, Fantasie und Monospace.

Das W3C-System ist knapp, aber so verweisen wir tatsächlich auf die Schriftarten in unserem CSS-Code. Dies sind also die Grundklassen, mit denen ich angefangen habe.

Zu Beschreibungszwecken lassen diese fünf Klassifikationen jedoch viel aus. Um die vielen verschiedenen Stile besser zu verstehen, habe ich jede dieser grundlegenden Klassifizierungen in fünfzehn verschiedene Unterklassen unterteilt, basierend auf dem allgemein akzeptierten Vox-ATypI-Klassifizierungssystem (oder Vox-System) mit einigen Modifikationen, bei denen mehr vorgenommen wurde Sinn für Webdesign.



Es ist wichtig zu beachten, dass diese Unterklassen zwar zur Beschreibung Ihrer Schriftarten nützlich sind, jedoch nie im Code verwendet werden.

01. Serif

Serifenschriftarten enthalten - im Gegensatz zu serifenlosen Schriftarten - Verzierungen an den Enden der Buchstabenstriche. Ursprünglich gedacht, um den Stiftstrichen in Skriptform zu ähneln, werden sie jetzt verwendet, um Platz zu schaffen und die Glyphen zu unterscheiden, insbesondere bei kleineren Druckgrößen. Ob dies zur Verbesserung der Lesbarkeit beiträgt, steht zur Debatte, insbesondere auf Bildschirmen, auf denen die Auflösung erheblich niedriger ist als beim Drucken. Serifenschriftarten können jedoch die Stimme der Schrift verbessern.

Im Druck verbessern Serifen die Lesbarkeit, indem sie mehr visuellen Kontrast zwischen Glyphen hinzufügen. Auf den meisten Bildschirmen - insbesondere bei kleineren Größen (12 Pixel oder weniger) - können Serifen jedoch dazu neigen, den Buchstaben auf Monitoren mit niedrigerer Auflösung zu verwischen, wodurch sie weniger deutlich und weniger lesbar werden.

Alter Stil

Alte Schriftarten sind die ältesten der Serifenschriftarten und stammen aus der Mitte des 14. Jahrhunderts kurz nach der Erfindung der Druckmaschine. Ihre Unterscheidungskraft gegenüber anderen Serifenschriften ist die abgewinkelte Betonung der Buchstaben, die sich am deutlichsten in Kleinbuchstaben bemerkbar macht ist . Goudy Bookletter 1911 ist eine alte Schriftart:

Web-Schriftarten klassifizieren

Übergang

Übergangsserifenschriften sind die heute am häufigsten verwendeten Serifen, wobei Times New Roman, Baskerville und Georgia in ihren Reihen gezählt werden. Der Kontrast zwischen dicken und dünnen Strichen ist stärker als im alten Stil, und es fehlt ihnen die ausgeprägte Neigung alter Schriftarten. Baskerville ist eine Übergangs-Serifenschrift:

Web-Schriftarten klassifizieren

Modern

Moderne Schriften - auch Neoklassisch oder Didone genannt - haben einen extrem ausgeprägten Kontrast zwischen dicken und dünnen Strichen, eine vollständig vertikale Belastung und minimale Klammern in ihren Serifen (Übergang zur Serife). Es ist auch üblich, dass diese Schriftarten kugelförmige Serifen an ihren Anschlüssen verwenden, um eine zusätzliche Unterscheidung zu ermöglichen. Didot ist eine moderne Serifenschrift:

Web-Schriftarten klassifizieren

bester Laptop für 3D-Modellierung und Rendering 2019

Platten-Serife

Platten-Serifen - auch als ägyptische oder mechanistische Serifen bezeichnet - weisen in Strichbreiten fast keinen Kontrast zu häufig schweren rechteckigen Serifen mit minimaler oder keiner Klammerung auf. Diese Schriftarten sind im Webdesign besonders beliebt geworden, insbesondere für Überschriften, Navigation und andere Texte, bei denen Klarheit wichtig ist. Arvo ist eine Serifenschrift:

Web-Schriftarten klassifizieren

Glyphisch

Glyphische Schriften haben minimale dreieckige Serifen, bis zu dem Punkt, dass sie leicht mit humanistischen serifenlosen Schriftarten verwechselt werden können, aber aufgrund ihrer leicht kalligraphischen Natur auch als Serifenschriftarten klassifiziert werden könnten. Albertus Medium ist eine Glyphen-Serifenschrift:

Web-Schriftarten klassifizieren

02. Ohne Serife

Sans Serif-Schriften haben nicht die Schnörkel serifierter Schriften und sehen im Allgemeinen klarer aus, obwohl sie in der Stimme weniger ausgeprägt sind.

Grotesk

Groteske serifenlose Schriftarten weisen im Vergleich zu anderen serifenlosen und serifenlosen Schriftarten einen sehr geringen Strichgewichtskontrast auf. Zu den grotesken Schriftarten gehören einige der am häufigsten verwendeten Schriftarten: Arial, Helvetica und Gotham. News Gothic ist eine groteske serifenlose Schrift:

Web-Schriftarten klassifizieren

Humanistisch

Humanistische serifenlose Schriftarten variieren stärker als groteske Schriftarten, und viele Designer werden feststellen, dass sie die am besten lesbaren Schriftarten sind. Gill Sans ist eine humanistische serifenlose Schrift:

Web-Schriftarten klassifizieren

Geometrische serifenlose Schrift

Bei geometrischen Schriften werden in ihren Entwürfen grundlegendere Formen und Winkel verwendet. Zum Beispiel sind die Buchstabenschalen im Allgemeinen perfektere Kreise oder quadratische Seiten. Sie sind weniger nützlich für Textkopien, werden jedoch häufig für Titel und Intro-Text verwendet. Exo ist eine geometrische serifenlose Schrift:

Web-Schriftarten klassifizieren

03. Kursiv

Die meisten Typsysteme enthalten kein Kursiv als Hauptkategorie, sondern rufen dieses Skript oder kalligraphische Schriftarten auf. Während kursiver Typ eine formellere handgeschriebene Schriftart impliziert, schließen wir den kalligraphischeren Schriftstil und den informelleren Handschriftstil ein.

Skript

Schriftarten - auch Kalligraphie genannt - ahmen kunstvolle kalligraphische Schriften nach, wie man sie auf einer Hochzeitseinladung sehen kann. Snell Roundhand ist eine gängige Skriptschrift. England Hand DB ist eine kursive Skriptschrift:

Web-Schriftarten klassifizieren

Grafik

Grafikschriften - auch genannt Pinsel-Skript - sind weniger formal handschriftlich als Skript, behalten aber dennoch einen Pinsel oder eine kursive Qualität. Denken Sie an handgemalte Schilder in einem Lebensmittelgeschäft oder in einer Garage. Knewave ist eine grafische Kursivschrift:

Web-Schriftarten klassifizieren

Klassisches Skript

Klassische Schriftarten versuchen, das Design älterer kalligraphischer Schriftarten nachzuahmen, einschließlich Blackletter- und gälischer Stile, die sie möglicherweise als kursiv platzieren könnten. Ihre Verwendung erfolgt jedoch am häufigsten zu Anzeige- oder Dekorationszwecken, anstatt kursive Schriftzüge nachzuahmen. Normalschwarz ist eine kursive klassische Schrift:

Web-Schriftarten klassifizieren

Handschrift

Handschrift- oder handgezeichnete oder beiläufige Schriftarten ahmen die durchschnittliche menschliche Handschrift nach, entweder kursiv, Blockbuchstaben oder eine Kombination. Daniel ist eine kursive Handschrift:

Web-Schriftarten klassifizieren

04. Fantasie

Fantasy ist eine Sammelkategorie für Schriften, die nicht ohne Weiteres in eine andere Kategorie passen. Im Allgemeinen sind diese Schriftarten äußerst ausdrucksstark, in der Regel jedoch nur zur Anzeige und für Textkörper wahrscheinlich nicht nützlich. Das heißt, es ist möglich, etwas in Fantasy und andere Kategorien zu klassifizieren. Zum Beispiel könnte Airstrem als kursiv eingestuft werden, aber da es stark von Schriftzügen im Stil der 1950er Jahre beeinflusst wird, passt es besser als Retro-Fantasy-Schrift.

Dekorativ

Dekorative Schriften - auch Ornamente genannt - sind die vielfältigste und ausdrucksstärkste Kategorie, in der Schriften speziell für eine starke visuelle Stimme entwickelt wurden. Sie werden im Allgemeinen am besten als Anzeigeschrift verwendet und eignen sich wirklich für Textkopien. Burnstown Dam ist eine dekorative Fantasy-Schrift:

Web-Schriftarten klassifizieren

Retro

Retro-Schriften sind Schriften, die an die Stimme einer bestimmten Zeit erinnern sollen, insbesondere aus den letzten hundert Jahren. Retro-Schriftarten basieren im Allgemeinen auf bestimmten Schriftstilen aus dieser Zeit. Airstream ist eine Retro-Fantasy-Schrift:

Web-Schriftarten klassifizieren

05. MPV

Jedes Monospace-Zeichen hat genau die gleiche Breite wie andere Zeichen in derselben Schriftart, sodass der Abstand unabhängig von den genau verwendeten Glyphen konsistent ist. Eine Monospace-Schriftart könnte tatsächlich aus einer der anderen Kategorien stammen, unterscheidet sich jedoch eher durch den Abstand als durch den Stil.

Web-Schriftarten klassifizieren

Was ist mit Symbolschriftarten?

Im Gegensatz zu anderen Schriftarten enthalten Symbolschriftarten, auch Dingbat-Schriftarten genannt, keine alphabetischen Zeichen, Zahlen und andere typografische Symbole. Stattdessen enthalten die Schriftarten an ihrer Stelle Piktogramme. Mit anderen Worten, Sie würden diese nicht zum Layouten von Überschriften und Text verwenden, sondern stattdessen anstelle von Symbolen oder zum Anzeigen einfacher Diagramme und Abbildungen.

Web-Schriftarten klassifizieren

CSS enthält keine generische Schriftfamilie für Symbolschriftarten und wurde bis vor kurzem nicht stark im Webdesign verwendet, wo sie zunehmend eine Rolle beim Erstellen von Symbolen auf Webseiten spielen.

Geben Sie Stile ein

Diese Stile könnten die fraglichen Schriftarten möglicherweise in die Kategorie Fantasy verschieben, aber ich finde es nützlicher, wenn ich das obige Klassifizierungssystem verwende und dann die folgenden Stile als Adjektive verwende, um die Beschreibung der Schriftartenklasse weiter zu verfeinern.

Betrübt

Distressed - auch als Rough- oder Grunge-Stil bezeichnet - Text sieht aus, als wäre er verwittert, erodiert, zerknittert, zerrissen, verschmiert, übermäßig kopiert oder auf andere Weise körperlich gestresst oder gealtert. Ursprünglich wurde dieser Stil entwickelt, als Designer diese physischen Aktionen buchstäblich am Text ausführten. Im Laufe der Zeit wurden jedoch viele Schriftarten entwickelt, um diesen Look nachzuahmen.

Web-Schriftarten klassifizieren

Handgemalt

Obwohl handgezeichnete Schriftarten oft mit handschriftlichen Schriften verwechselt werden, ähneln sie Serifen-, serifenlosen, Fantasy-, Skript- oder Monospace-Schriftarten, die reproduziert wurden, indem ihre Umrisse von Hand nachgezeichnet wurden. Dies bedeutet im Allgemeinen, dass die Linien leicht gewellt sind und einfach der Umriss des Zeichens mit negativem Leerzeichen oder Schattierung sein können.

Web-Schriftarten klassifizieren

Schablone

Schablonenschriften ähneln Text, der mit einer physischen Buchstabenschablone erstellt wurde, ähnlich dem, was häufig auf Kisten gesprüht wird. Obwohl dies normalerweise mit dem Distressed-Effekt kombiniert wird, können Sie Schablonenschriftarten verwenden, die nicht Distressed sind, und Distressed-Schriftarten, die nicht Schablonen sind.

Web-Schriftarten klassifizieren

Schreibmaschine

Schreibmaschinenschriften ähneln Text, der auf einer Schreibmaschine oder einem Gänseblümchenraddrucker ausgegeben wurde. Obwohl diese Schriftarten häufig monospaced sind, ist dies keine Voraussetzung.

Web-Schriftarten klassifizieren

Pixel

Pixelschriftarten ähneln vergrößertem Bitmap-Text, sodass die einzelnen Pixel offensichtlich werden. Dies ist besonders beliebt für Spiele oder wenn eine Low-Tech-Stimme gewünscht wird.

Web-Schriftarten klassifizieren

Schattiert / 3D

Schattierte Schriftarten enthalten einen 3D-Schatten entweder hinter oder innerhalb des Zeichens.

Web-Schriftarten klassifizieren

Umrissen

Die Schriftart ist entweder nur der Umriss oder weist eine ausgeprägte Lücke zwischen dem Umriss und der Innenfüllung auf.

Web-Schriftarten klassifizieren

Gerundet

Alle oder die meisten Ecken in den Zeichen sind abgerundet, so dass es nur wenige, wenn überhaupt, harte Winkel gibt.

Web-Schriftarten klassifizieren

Kariert

Alle oder die meisten Kurven in der Schriftart wurden in Winkel konvertiert.

Web-Schriftarten klassifizieren

Wörter :: Jason Cranford Teague

Jason Cranford Teague kombiniert kreatives und technisches Know-how, um Menschen bei der Online-Kommunikation zu unterstützen. Er hat mit Unternehmen und Organisationen zusammengearbeitet, darunter USA TODAY, Marriott International, AOL, Virgin, die Bank of America, das Aspen Institute und die Solar Energy Industry Association. Er bloggt auch regelmäßig für GeekDad und Edutopia und arbeitet an dem Buch, Die neue Web-Typografie .