![\"H\u00e4nde](\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2017\/05\/Schriftwirkung_Print-und-Web.jpg\")
<\/a><\/p>\nGrunds\u00e4tzlich unterscheiden wir zwischen Web- und Printschriften. Die beiden Anwendungsbereiche stellen viele gemeinsame, jedoch auch viele unterschiedliche Anforderungen, die es bei der Wahl der passenden Schriftart zu beachten gibt. Im Gegensatz zum Printbereich gibt es im Web wesentlich weniger Schriftarten, sogenannte Webfonts, die zur Auswahl stehen. Denn aufgrund der Umwandlung von Kurven in eckige Pixel k\u00f6nnen nicht alle Schriftarten im digitalen Bereich verwendet werden. Vor der Entscheidung f\u00fcr einen Webfont sind deshalb umfassende Tests n\u00f6tig. Responsivit\u00e4t ist ebenfalls ein gro\u00dfes Thema. Dabei geht es nicht nur um die allgemeine Responsivit\u00e4t einer Webseite, sondern zunehmend auch um die bef\u00fcllenden Details wie responsive Schriften. Sogenannte Variable Fonts sollen die Vision von stufenlos anpassbaren Schriften und damit den Wunsch nach qualitativ hochwertiger Typografie im Web erreichbar machen. Die Variable Fonts erlauben es die Strichst\u00e4rken, Kontraste, Breiten, Serifenl\u00e4ngen und viel weitere Einstellungen stufenlos zu ver\u00e4ndern, sodass dieselbe Schrift auf unterschiedlichen Endger\u00e4ten oder f\u00fcr unterschiedliche Zielgruppen optimiert werden kann.<\/p>\n
Was beeinflusst die Lesbarkeit von Schriften?<\/h2>\n
Was nutzt die sch\u00f6nste Schrift, wenn man sie nicht lesen kann? Als oberstes Gebot gilt sowohl im Web als auch auf Printprodukten die gute Lesbarkeit von Schriften. Als routinierte Leser erfassen wir nicht jeden Buchstaben einzeln, sondern bestimmte Buchstabengruppen zusammen. Trotzdem „f\u00e4hrt“ das Auge jede einzelne Zeile entlang. Damit ein Textabschnitt gut lesbar ist, m\u00fcssen sich die Zeilen deshalb einfach verfolgen lassen und gut voneinander zu unterscheiden sein \u2013 genau wie die einzelnen Buchstaben untereinander. Au\u00dferdem muss sich der neue Zeilenanfang schnell und einfach finden lassen.<\/p>\n Beispiel f\u00fcr weniger gut lesbaren Text (links) und gut lesbaren Text (rechts):<\/p>\n Tipp:<\/strong> Eine Auswahl an kostenlosen Schriften zur freien kommerziellen Nutzung finden Sie in unserem Artikel \u201eGut lesbare Schriften f\u00fcr Flie\u00dftexte<\/a>\u201c.<\/p>\n<\/div>\n F\u00fcr die Erstellung eines gut lesbaren Textes gibt es einige beeinflussende Faktoren und Faustregeln:<\/p>\n Die Meinung, dass gerade bei gro\u00dfen Textmengen Serifen zu einer besseren Lesbarkeit beitragen, ist weit verbreitet. Die Serifen bilden auf der Schriftlinie eine optische F\u00fchrung, verhindern, dass der Leser in der Zeile verrutscht, und k\u00f6nnen dadurch h\u00e4ufig mit einem geringeren Zeilenabstand gesetzt werden. Serifen-Schriften sind im Printbereich \u2013 vor allem in Zeitungen oder B\u00fcchern \u2013weit verbreitet. Am Bildschirm stellen Serifen-Schriften h\u00e4ufig ein Problem dar, denn sie werden aufgrund der geringeren Aufl\u00f6sung und des eckigen Monitorrasters nicht optimal dargestellt. Erst ab einer Schriftgr\u00f6\u00dfe von 16 pt leidet die Schriftwirkung von Serifenfonts am Bildschirm nicht mehr. Im Web werden deshalb \u00fcberwiegend Groteske, also serifenlose Schriften bzw. Sans Serifs eingesetzt.<\/p>\n Aber auch innerhalb der zwei Gruppierungen gibt es Unterschiede. Einige Grotesk-Schriften\u00a0(z. B. Futura Std Book) beruhen auf geometrischen Formen. Die Spiegelungen und durchg\u00e4ngig sehr \u00e4hnlichen Strichst\u00e4rken verleihen den Schriften eine ausdrucksstarke Wirkung, beeintr\u00e4chtigen aber den Lesefluss, da es leicht zu Verwechslungen zwischen den Buchstaben kommen kann. Sogenannte humanistische serifenlose Schriften (z. b. Arial) sind dynamischer und lassen sich besser lesen.<\/p>\n Gr\u00f6\u00dfer bedeutet nicht gleich besser. Ausschlaggebend f\u00fcr die Wahl der Schriftgr\u00f6\u00dfe sind Lesedistanz und Zielgruppe. Zum Beispiel werden Plakate und Banner in der Regel aus einer gr\u00f6\u00dferen Distanz betrachtet als Flyer oder Postkarten. F\u00fcr \u00e4ltere oder hinsichtlich des Sehens beeintr\u00e4chtigte Personen darf die Schriftgr\u00f6\u00dfe bzw. der Schriftgrad nicht zu klein sein. Zu beachten ist, dass verschiedene Schriftarten in ein und derselben Schriftgr\u00f6\u00dfe aufgrund ihrer unterschiedlichen Proportionen unterschiedlich gro\u00df wirken k\u00f6nnen. Die Schriftgr\u00f6\u00dfen lassen sich in drei Kategorien einteilen:<\/p>\n Sowohl zu lange als auch zu kurze Zeilen behindern den Lesefluss. Als Orientierung gilt: Bei Printprodukten sollte eine Zeile nicht weniger als 35 bis 40 Zeichen haben. Ideal sind 60 bis 70 Zeichen pro Zeile. Im Web gelten 50 bis 80 Zeichen als ideal. Je schmaler die verwendete Schriftart ist, desto k\u00fcrzer wird dementsprechend die Zeile \u00ac\u2013 und umgekehrt. Au\u00dferdem gilt in Bezug auf die Lesbarkeit und Schriftwirkung: Je l\u00e4nger die Zeile, desto gr\u00f6\u00dfer sollte der Abstand zwischen den einzelnen Zeilen sein.<\/p>\n Zeichen in markiertem Bereich z\u00e4hlen lassen:<\/p>\n InDesign:<\/strong> Fenster > Informationen <\/p>\n Der Zeilenabstand sollte der Gr\u00f6\u00dfe der Schrift angepasst werden und ca. 20 Prozent gr\u00f6\u00dfer sein als die Schriftgr\u00f6\u00dfe. Bei einer 14 pt gro\u00dfen Schrift, die z. B. f\u00fcr eine \u00dcberschrift eingesetzt wird, sollte der Zeilenabstand also 14 pt + 2,8 pt (20 Prozent) = 16,8 pt oder gerundet 17 pt betragen. Serifen-Schriften ben\u00f6tigen im Normalfall einen etwas gr\u00f6\u00dferen Zeilenabstand als Groteske.<\/p>\n Die gew\u00e4hlte Satzart tr\u00e4gt ebenfalls stark zur Lesbarkeit von Texten bei. Blocksatz<\/strong> schafft \u00dcbersichtlichkeit, erfordert aber auch eine sorgf\u00e4ltige Silbentrennung, da im Deutschen schnell ein unruhiges und „l\u00f6chriges“ Gesamtbild entsteht, wenn lange W\u00f6rter in die n\u00e4chste Zeile rutschen. Mehr als drei Trennungen in Folge gelten jedoch als unsch\u00f6n. Mit sehr kurzen S\u00e4tzen funktioniert der Blocksatz nicht: Bei weniger als 40 Zeichen pro Zeile, sollte auf eine andere Satzart zur\u00fcckgegriffen werden.<\/p>\n Beispiel f\u00fcr Blocksatz:<\/p>\n Der linksb\u00fcndige Flattersatz<\/strong> ist aufgrund der angenehmen Lesbarkeit die Standard-Satzart. Vor allem im Web ist der linksb\u00fcndige Flattersatz sinnvoll, da die automatische Silbentrennung noch nicht vollst\u00e4ndig ausgereift ist. Die Flatterzone am Ende der Zeilen sollte maximal ein F\u00fcnftel der Zeilenl\u00e4nge betragen. Optische L\u00f6cher und Treppeneffekte sollten im Idealfall durch eine Inhalts- oder Gr\u00f6\u00dfenanpassung vermieden werden.<\/p>\n Beispiel f\u00fcr linksb\u00fcndigen Flattersatz:<\/p>\n Bei bestimmten Layouts kommt auch der rechtsb\u00fcndige Flattersatz<\/strong> als Stilmittel in Frage. Rechtsb\u00fcndig gesetzte (kurze) Textbl\u00f6cke erregen im Einzelfall die gew\u00fcnschte Aufmerksamkeit.<\/p>\n Beispiel f\u00fcr rechtsb\u00fcndigen Flattersatz:<\/p>\n Beim Mittelachsensatz<\/strong> sind die Zeilen zentriert um die Mittelachse ausgerichtet und flattern nach rechts und links. Eine Silbentrennung sollte hier nicht angewendet werden. Der Mittelachsensatz wird h\u00e4ufig in Einladungskarten oder auf Flyern wiedergefunden, ist jedoch eigentlich derzeit nicht in Mode und sollte vor allem bei gro\u00dfen Textbl\u00f6cken nicht verwendet werden. Der Einsatz zur Hervorhebung von einzelnen S\u00e4tzen oder Zitaten gilt als in Ordnung.<\/p>\n Beispiel f\u00fcr Mittelachsensatz:<\/p>\n Im Normalfall sind Schriftarten so designt, dass die Laufweite, also der Abstand zwischen den einzelnen Zeichen, f\u00fcr eine optimale Lesbarkeit sorgt. Zu Gestaltungszwecken \u2013 gerade bei \u00dcberschriften oder plakativen Textpassagen \u2013 ist es jedoch durchaus erlaubt, die Abst\u00e4nde bestimmter Zeichen nachzujustieren. Die meisten Probleme bereiten die Buchstabenkombinationen „Il“, „hn“, „ad“ und „ng“. Hier wird der Lesefluss schnell gest\u00f6rt, wenn die Buchstaben zu eng aneinanderr\u00fccken. Ein beliebter Satz, um die Laufweite zu \u00fcberpr\u00fcfen, ist „Il<\/strong>ona lag zehn<\/strong> Rad<\/strong>l\u00e4ng<\/strong>en vorn“.<\/p>\n Am besten lassen sich Schriften mit normalem Schnitt, das hei\u00dft geradestehende Schriften mit einer mittleren Strichst\u00e4rke lesen. Abweichungen wie gefettete, kursive, gestauchte oder gedehnte Texte f\u00fchren zu einer schlechteren Lesbarkeit. Jedoch sind vereinzelte Ver\u00e4nderungen in einem angemessenen Rahmen erlaubt.<\/p>\n Nicht umsonst w\u00e4hlen gro\u00dfe Marken ihre Corporate Fonts mit Bedacht. Schriftarten k\u00f6nnen seri\u00f6s, sympathisch, elegant, reduziert, kindlich oder verspielt wirken. Diese Eigenschaften \u00fcbertragen wir, wenn sich die Marke dementsprechend pr\u00e4sentiert und handelt, auf die angebotenen Produkte und Dienstleistungen. Grunds\u00e4tzlich lassen sich viele Schriftarten gut miteinander kombinieren. Am besten geht das jedoch mit Schrifttypen, die sich nicht zu \u00e4hnlich sind, also gut voneinander unterscheiden. Gut miteinander kombinieren lassen sich:<\/p>\n Klassische Serifen-Schriften werden bevorzugt f\u00fcr lange Textpassagen eingesetzt. In Zeitungen und wissenschaftlichen B\u00fcchern sorgen Sie f\u00fcr die gew\u00fcnschte Seriosit\u00e4t und eine gute Lesbarkeit. Sie wirken sachlich, anspruchsvoll, h\u00e4ufig aber auch konservativ. Die Grotesk- bzw. serifenlosen Schriftarten erleben eine Renaissance und liegen derzeit voll im Trend. Sie wirken meist k\u00fchl, n\u00fcchtern, modern und elegant.<\/p>\n Die Schreibschriften verleihen der Botschaft eine pers\u00f6nliche Note. Sie eignen sich besonders f\u00fcr Einladungen, Gru\u00dfkarten oder \u00dcberschriften. Zu den Schreibschriften geh\u00f6ren auch Kalligrafie- und Handschriften. Je nachdem, welche Schreibschriftart genutzt wird, wirkt der Text klassisch elegant, feierlich, fr\u00f6hlich oder frisch und dynamisch.\u00a0Die klassizistische Antiqua ist eine Schriftklasse nach DIN 16518. Sie ist vom Schreiben mit der Spitzfeder, die je nach Druck verschiedene Strichst\u00e4rken in jede Richtung zul\u00e4sst, gepr\u00e4gt. Die Schriften wirken streng, qualitativ und strahlen Eleganz und statische Ruhe aus.<\/p>\n Runde Schriften wirken lebendig, funkelnd, ruhig, statisch, hochtrabend oder vertr\u00e4umt. Die B\u00f6gen der Schriftarten entstehen aus einer gleichm\u00e4\u00dfigen und flie\u00dfenden Bewegung. Gebrochene Schriften, bei denen die B\u00f6gen der Buchstaben hingegen ganz oder teilweise gebrochen sind, wirken traditionell, historisch und w\u00fcrdevoll.<\/p>\n Bestimmte Schriftfamilien wie Meta, Fedra oder Futura wurden im Laufe der Zeit immer weiter ausgebaut. Sie umfassen nun h\u00e4ufig sowohl Serifen- als auch Grotesk-Versionen in unterschiedlichen Sprachen. Display- und Monospaced-Varianten (d. h. Versionen mit einer festen\/gleichen Zeichenbreite) sowie verschiedene Strichst\u00e4rken sind ebenfalls verf\u00fcgbar.<\/p>\n <\/p>\n Um die Schriftwirkung von Webschriften zu \u00fcberpr\u00fcfen, gibt es kostenlose Onlinetools wie The Web Font Combinator<\/a>. Mit dem Werkzeug k\u00f6nnen Schriftarten der Google Web Fonts und weiteren g\u00e4ngigen Schriftarten auf drei Ebenen miteinander verglichen und ihre Wirkung getestet werden, indem die Schriftarten, Schriftgr\u00f6\u00dfen, Zeilenabst\u00e4nde und Farben individuell angepasst und miteinander kombiniert werden.<\/p>\n<\/a><\/p>\n<\/a><\/p>\nSerifen vs. Groteske<\/h3>\n
<\/a><\/p>\n<\/a><\/p>\nSchriftgr\u00f6\u00dfe<\/h3>\n
\n
<\/a><\/p>\n\n
<\/a><\/p>\n\n
<\/a><\/p>\nZeilenl\u00e4nge<\/h3>\n
\nWord:<\/strong> Extras > W\u00f6rter z\u00e4hlen<\/p>\n<\/div>\nZeilenabstand<\/h3>\n
Satzart<\/h3>\n
<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\nLaufweite<\/h3>\n
Schriftschnitt<\/h3>\n
<\/a><\/p>\nWie wirken bestimmte Schriftarten und wie lassen sie sich kombinieren?<\/h2>\n
<\/a><\/p>\nSerifen- und Grotesk-Schriften<\/h3>\n
\n
<\/a><\/p>\n\n
<\/a><\/p>\nSchreibschrift und klassizistische Antiqua<\/h3>\n
\n
<\/a><\/p>\n\n
<\/a><\/p>\nRunde und gebrochene Schriften einer Stilepoche<\/h3>\n
\n
<\/a><\/p>\n\n
<\/a><\/p>\nSchriften aus einer Schriftfamilie<\/h3>\n
\n
<\/a><\/p>\n