Webdesign-Debatte Muss ich wirklich serifenlose Schriftarten verwenden?

Es gibt seit langem eine Theorie, dass Serifenschriften für gedruckte Projekte und serifenlose Serifen für das Website-Design sind. Aber mit mehr High-Definition-Bildschirmen und großartigen Schriftoptionen ist diese Regel nicht mehr so ​​sehr eine Regel.

Unabhängig davon, ob Sie Serifen oder serifenlose Serifen bevorzugen (oder eine Kombination aus beiden), sollten bei der Auswahl von Schriften für digitale Designprojekte die Lesbarkeit und Lesbarkeit die Hauptziele sein. Einfach, Sie müssen Schriftarten auswählen, die scharf und auf dem Bildschirm gut lesbar sind. Ein Teil davon bezieht sich auf die Verwendung, z. B. Größe und Platzierung von Text, und dann auf den von Ihnen gewählten Schriftstil.

Der Fall für Sans Serif

Es gibt wahrscheinlich viele von Ihnen, die hier mit der Prämisse nicht zufrieden sind. Sie sind sich ziemlich sicher, dass Sans Serifen das Beste für das Design von Websites sind. Und das mag vor einigen Jahren wahr gewesen sein.

Es gibt immer noch einige Zeiten und Orte, an denen Sans Serifen im Allgemeinen bevorzugt werden:

  • Für Anzeigen mit niedriger Auflösung
  • Für neue Leser wie Kinder
  • Mit viel Farbe oder kontrastarmen Mustern
  • Text, der außergewöhnlich klein oder schmal ist

HD-Displays eingeben

Einer der größten Mythos, wenn es darum geht, "Sie müssen serifenlose Schriftarten für das Website-Design verwenden?" ist die Entstehung von hochauflösenden Bildschirmen. Mehr Punkte pro Bildschirminhalt korrelieren mit allen Details, einschließlich der Typografie.

Denk darüber so. Bücher zu vielen E-Readern und Tablets sind in Serifenschrift dargestellt. Und sie sind einfach zu verstehen. Dies liegt daran, dass die Bildschirmauflösung scharf genug ist, um die Linien und Striche in der Schrift zu verarbeiten.

Bereits im Jahr 2012 stellte Jakob Nielsen von der Nielsen Norman Group, die sich auf Benutzererfahrung, Forschung und Schulung konzentriert, fest, dass bessere Bildschirme die Landschaft der Typografie-Richtlinien für das Website-Design verändern. Hier ist die Schlussfolgerung aus dieser Studie:

Die alte Usability-Richtlinie für Online-Typografie war einfach: Halten Sie sich an serifenlose Schriften. Da Computerbildschirme zu schlecht waren, um Serifen richtig zu rendern, führte der Versuch, Serifetypen in Textgrößen zu verwenden, zu verschwommenen Buchstabenformen.

? Die neue Richtlinie ist leider nicht so eindeutig wie die alte. Die Lesbarkeitsforschung ist nicht eindeutig, ob Serifenschriften wirklich besser sind als serifenlose Zeichen.

Fast alle gängigen gedruckten Zeitungen, Zeitschriften und Bücher verwenden Serifen, und daher sind die Menschen eher daran gewöhnt, lange Texte in diesem Stil zu lesen. Angesichts der Forschungsdaten ist der Unterschied in der Lesegeschwindigkeit zwischen Serifen und Sans Serifen offenbar ziemlich gering. Daher gibt es keine eindeutige Usability-Richtlinie für die Verwendung des einen oder des anderen, sodass Sie die Wahl aufgrund anderer Überlegungen treffen können - beispielsweise des Brandings oder der Stimmung, die durch einen bestimmten typografischen Stil vermittelt wird.?

Aber wir fangen erst jetzt an, dass mehr Designer diese Idee annehmen.

Lesbarkeit

Lesbarkeit ist die Fähigkeit, leicht gelesen zu werden. Es gibt eine Reihe von Faktoren, die zur Lesbarkeit beitragen, einschließlich der Frage, wie interessant der Inhalt ist (oder nicht) und wie er tatsächlich aussieht, wenn er als Textblock zusammengefügt wird. Letzteres ist es, was uns wirklich wichtig ist, wenn es um Typografie geht.

Im Allgemeinen können Sie es in Bezug auf Ästhetik und Lesbarkeit beobachten. Können Sie mit einem Blick erkennen, was die Website zu kommunizieren versucht? Wenn ja, ist es lesbar.

Es gibt eine Reihe von Lesbarkeitstools, mit denen Sie feststellen können, wie lesbar Ihr Text ist. Obwohl es keine exakte Wissenschaft hinter der Lesbarkeit gibt, sind diese Tools eine gute Grundlage, um Ihnen den Einstieg zu erleichtern.

  • Das Lesbarkeitstest-Tool: Geben Sie eine URL ein und testen Sie die Lesbarkeit des Textes.
  • Lesbarkeitswert: Geben Sie Text ein und erhalten Sie eine Punktzahl basierend auf der Lesbarkeit des Textes.
  • Lesbarkeit: Verwandelt jede Website in eine saubere Leseansicht.

Lesbarkeit

Lesbarkeit bezieht sich auf die Qualität der Beschriftung und wenn diese klar und deutlich genug ist, um gelesen zu werden. Gute Typografie sollte ohne Mühe gut lesbar sein. Die Schriftauswahl bezieht sich direkt auf die Lesbarkeit. (Denken Sie an die Handschrift und wie sie leserlich ist oder nicht; es ist genau dasselbe bei digitaler Beschriftung.)

In Bezug auf die Lesbarkeit muss jeder Buchstabe deutlich von anderen Buchstaben unterschieden werden. Zu den beitragenden Faktoren gehören alles, von der tatsächlichen Form der Beschriftung zu versus dünn, groß zu kurz, Abstand und der Verwendung von Serifen oder anderen Verzierungen.

In der Regel haben die leserlichsten Schriftarten mehr runde, eindeutige Zeichen. größere x-Höhen; ausreichender und konsistenter Buchstabenabstand; und eine einfache Natur.

Tipps zur Schriftauswahl

Haben Sie es schon einmal probiert, eine Sans Serif-Schrift für Ihr nächstes Website-Design-Projekt auszuprobieren? Hier sind ein paar Tipps zur Auswahl der besten serifenlosen Option.

  • Wählen Sie verschiedene Buchstabenformen aus: Gehen Sie vom Monitor zurück und sehen Sie sich die von Ihnen ausgewählte Schrift an. Können Sie einzelne Buchstaben leicht ausmachen? Die Wahl einer Schriftart mit unterschiedlichen Buchstabenformen erleichtert das Lesen auf jeder Bildschirmgröße, insbesondere auf kleinen oder sehr großen Bildschirmen.
  • Entscheiden Sie sich für mittlere Gewichte: Schriften mit regelmäßigen Strichbreiten. Zu dicke oder zu dünne Schriftarten - erinnern Sie sich an die Kontroverse mit Apples iOS 7? - kann schwer zu lesen sein. Bleiben Sie für Körpertext mit einem mittleren und universellen Hubgewicht irgendwo in der Mitte. Das Wechseln zwischen dicken und dünnen Strichen kann ebenfalls zu Problemen führen.
  • Suchen Sie nach hochwertigen Schriftarten: Das Herunterladen alter Schriftarten für das Internet führt möglicherweise nicht zu der für Projekte erforderlichen Schärfe. Halten Sie sich an eine Schrift von einem seriösen Anbieter. Und schau es dir genau auf dem Bildschirm an. Kannst du es bis zum 200- oder 500-fachen der tatsächlichen Größe blasen und trotzdem ein gutes Rendern erzielen? Mit Tools wie Adobe Typekit und Google Fonts steht Ihnen eine Vielzahl von Schriftarten für das Web zur Verfügung, die gut aussehen und ein klares Gefühl für Ihr Projekt schaffen.Während Sie Schriftarten für gedruckte und digitale Projekte nicht immer exakt zuordnen können, sollten Sie nach Stilen suchen, die das gleiche Erscheinungsbild haben, um die Konsistenz Ihres Brandings zu betonen.
  • Verzierte Schriftarten sollten sparsam verwendet werden: Verzierte Schriften können eine großartige Ergänzung zu Projekten sein, sie sollten jedoch absichtlich und mit Absicht verwendet werden. (Oft fehlt ihnen Lesbarkeit oder Lesbarkeit.)
  • Suchen Sie nach unterschiedlichen Typoptionen: Wählen Sie eine Schrift, die nicht so langweilig ist. Wählen Sie eine Schrift aus einer starken Familie mit vielen Gewichten und Optionen wie fett, kursiv oder komprimiert.
  • Die richtige Stimmung einstellen: Stellen Sie unabhängig von dem von Ihnen gewählten Schriftstil sicher, dass er zur Stimmung Ihres Projekts passt. Es gibt viele Faktoren. Erfahren Sie mehr darüber in einem früheren Artikel von Design Shack.
  • Mischen und Anpassen: Verwenden Sie eine Kombination aus Serifen- und Sans-Serifen-Schriftarten im gleichen Design, wobei ein Stil für die Kopfzeile und der andere für den Hauptteil verwendet wird. Aber experimentieren Sie mit dem Gegenteil von dem, was Sie vielleicht erwarten. Verwenden Sie die serifenlose Schrift für größeren Text, z. B. Überschriften, und verwenden Sie die Serife für den Haupttext.

Fazit

Wie empfinden Sie die Verwendung von serifenlosen Schriften im Web? Bist du bereit, es auszuprobieren? Die Beispiele in diesem Artikel zeigen, dass eine gute Web-Typografie nicht serifenlos sein muss.

Klicken Sie auf die Beispiele und Links, um ein gutes Gefühl dafür zu bekommen, wie Designer serifenlose Schriftarten auf vielfältige Weise und mit großem Erfolg verwenden.