Sehen Sie sich heute jede Webseite online an, unabhängig von der Größe der Website oder der Branche, für die sie bestimmt ist, und Sie werden feststellen, dass eine Sache, die sie alle gemeinsam haben, Textinhalt ist.
Eine der einfachsten Möglichkeiten, das Design einer Webseite zu beeinflussen, besteht in den Schriftarten, die Sie für den Textinhalt dieser Website verwenden. Leider sind viele Webdesigner, die zu Beginn ihrer Karriere stehen, etwas verrückt, weil sie zu viele Schriftarten auf jeder Seite verwenden. Dies kann zu einem verschmutzten Erlebnis führen, das scheinbar an Designzusammenhalt fehlt. In anderen Fällen versuchen Designer, mit Schriftarten zu experimentieren, die praktisch nicht lesbar sind, weil sie "cool" oder anders sind. Sie sind zwar möglicherweise cool aussehende Schriftarten, aber wenn der Text, den sie vermitteln sollen, nicht gelesen werden kann, kann der Text nicht angezeigt werden Die "Coolness" dieser Schriftart lässt nach, wenn niemand diese Website liest und stattdessen eine Website besucht, die sie verarbeiten können!
In diesem Artikel werden einige Elemente beschrieben, die Sie berücksichtigen sollten, wenn Sie eine Schriftfamilie für Ihr nächstes Website-Projekt auswählen.
EINIGE REGELN DER THUMB
- Verwenden Sie auf einer Seite nicht mehr als 3-4 Schriftarten. Alles andere fängt an, sich amateurhaft anzufühlen - und sogar 4 Schriftarten können in manchen Fällen zu viele sein!
- Ändern Sie die Schriftart nicht mitten im Satz, es sei denn, Sie haben einen triftigen Grund (Hinweis: Ich habe in all meinen Jahren als Webdesigner keinen guten Grund dafür gefunden).
- Verwenden Sie Sans-Serif-Schriftarten oder Serifen-Schriftarten für Textkörper, damit diese Inhaltsblöcke leichter lesbar sind.
- Verwenden Sie Monospace-Schriftarten für Schreibmaschinen-Text und Codeblock, um diesen Code von der Seite zu unterscheiden.
- Verwenden Sie Skript- und Fantasy-Schriftarten für Akzente oder große Schlagzeilen mit sehr wenigen Wörtern.
Denken Sie daran, dass dies alles Vorschläge sind, keine harten Regeln. Wenn Sie jedoch etwas anderes machen wollen, sollten Sie dies mit Absicht tun, nicht aus Versehen.
SANS SERIF FONTS SIND DIE BASIS IHRER WEBSITE
Serifenlose Schriftarten sind Schriftarten, die keine „Serifen“ haben - die kleine zusätzliche Designbehandlung an den Enden der Buchstaben.
Wenn Sie an Druckdesignkursen teilgenommen haben, wurde Ihnen wahrscheinlich gesagt, dass Sie Serifenschriften nur für Überschriften verwenden sollten. Dies gilt nicht für das Web. Webseiten sollen von Webbrowsern auf Computermonitoren angezeigt werden, und heutige Monitore können sowohl Serifen- als auch Sans-Serif-Schriftarten gut anzeigen. Einige Serifenschriftarten können bei kleineren Schriftgrößen, vor allem bei älteren Displays, etwas schwieriger zu lesen sein. Sie sollten sich also immer über Ihre Zielgruppe im Klaren sein und sicherstellen, dass sie Serifenschriftarten lesen können, bevor Sie sich entscheiden, sie für Ihren Haupttext zu verwenden. Allerdings sind die meisten Serifenschriften heutzutage für den digitalen Gebrauch konzipiert und funktionieren gut als Textkörper, solange sie auf eine angemessene Schriftgröße eingestellt sind.
Einige Beispiele für serifenlose Schriftarten sind:
- Arial
- Genf
- Helvetica
- Lucida Sans
- Trebuchet
- Verdana
Trivia: Verdana ist eine Schriftfamilie, die für die Verwendung im Internet entwickelt wurde.
VERWENDEN SIE SERIF-FONTS ZUM DRUCKEN
Zwar können Serifenschriften für ältere Displays online gelesen werden, sie eignen sich jedoch zum Drucken und eignen sich hervorragend für Schlagzeilen auf Webseiten. Wenn Sie druckfähige Versionen Ihrer Website haben, ist dies der perfekte Ort für die Verwendung von Serifenschriften. Die gedruckten Serifen erleichtern das Lesen, da sie die Buchstaben deutlicher unterscheiden können. Und weil der Druck eine höhere Auflösung hat, sind sie klarer zu sehen und scheinen nicht zu verwischen.
Bewährte Methode: Erwägen Sie die Verwendung von serifenförmigen Schriftarten für Ihre druckfreundlichen Seiten.
Einige Beispiele für Serifenschriften sind:
- Garamond
- Georgia
- Mal
- Times New Roman
MONOSPACE-FONTS ERHALTEN GLEICHEN RAUM FÜR JEDEN BRIEF
Auch wenn es bei Ihrer Website nicht um das Rechnen geht, können Sie Monospace verwenden, um Anweisungen zu geben, Beispiele zu geben oder typografischen Text zu verwenden. Monospace-Buchstaben haben für jedes Zeichen die gleiche Breite, sodass sie auf der Seite immer denselben Platz einnehmen.
Typischerweise werden bei Schreibmaschinen Monospace-Schriftarten verwendet, und wenn Sie diese auf Ihrer Webseite verwenden, können Sie sich wie dieser schreibmaschineninterne Inhalt fühlen.
Einige Beispiele für Monospace-Schriftarten sind:
- Kurier
- Kurier Neu
- Lucida-Konsole
- Monaco
Best Practice: Monospace-Schriftarten funktionieren gut für Codebeispiele.
FANTASY UND SCRIPT-FONTS SIND FESTZU LESEN
Fantasy- und Script-Schriften sind auf Computern nicht so weit verbreitet und können in großen Brocken im Allgemeinen schwer zu lesen sein. Während Sie den Effekt eines Tagebuchs oder eines anderen persönlichen Datensatzes, den eine kursive Schriftart möglicherweise bietet, mögen, haben Ihre Leser möglicherweise Probleme. Dies gilt insbesondere, wenn Ihre Zielgruppe Nicht-Muttersprachler umfasst. Außerdem enthalten Fantasy- und Kursivschriften nicht immer Akzentzeichen oder andere Sonderzeichen, wodurch der Text auf Englisch beschränkt wird.
Verwenden Sie Fantasie- und Kursivschriften in Bildern und als Überschriften. Halten Sie sie kurz und beachten Sie, dass die von Ihnen gewählte Schriftart wahrscheinlich nicht auf der Mehrheit der Computer Ihrer Leser vorhanden ist. Sie müssen sie daher mithilfe von Webschriftarten bereitstellen.
Einige Beispiele für Fantasy-Schriften sind:
- Kupferplatte
- Desdemona
- Auswirkung
- Kino
Trivia: Impact ist die Schriftfamilie, die auf Mac-, Windows- und Unix-Computern am wahrscheinlichsten ist.
Einige Beispiele für Skriptschriftarten sind:
- Apple Chancery
- Comic Sans MS
- Lucida-Handschrift
Wissenswertes: Studien haben gezeigt, dass schwer lesbare Schriftarten den Schülern helfen können, mehr Informationen zu erhalten.
Originalartikel von Jennifer Krynin. Bearbeitet von Jeremy Girard am 08.09.17
