Acht Tipps für die Schrift im Web

von Ilene Strizver

Heutzutage kann jeder eine eigene Website haben, sei es für ein Unternehmen, eine Sache oder einen Verein, eine Schule, eine Klasse oder ein Team oder einfach für eine Familie oder eine Einzelperson. Unabhängig davon, ob Sie die Website von Grund auf selbst gestalten, Vorlagen verwenden oder sie für Sie gestalten lassen, wird ein großer Teil des Inhalts wahrscheinlich aus Schrift bestehen.

Um auf einer Website wirksam zu sein, muss die Typografie sauber, klar, ansprechend und lesbar sein. Eine gute Web-Typografie kann den Betrachter anziehen, ansprechen und auf Ihrer Website halten. Hier sind einige Tipps, die Sie auf den richtigen Weg bringen.

• Legen Sie eine gute typografische Hierarchie fest - und folgen Sie ihr dann typografische Hierarchie. Verwenden Sie Überschriften und Zwischenüberschriften, um den Inhalt hervorzuheben und zu verdeutlichen, bevor der Betrachter sich langweilt und eine Seite oder eine Website verlässt. Versuchen Sie auch, fette und kursive Versionen, Farben und Großbuchstaben (Großbuchstaben, Kleinbuchstaben oder gemischte Großbuchstaben) zu verwenden, um die Priorität des Inhalts zu verstärken/zu betonen und einen guten Lesefluss zu gewährleisten.
• Vorsicht bei kleinen Schriften. Die Schriftgröße ist einer der wichtigsten Faktoren bei der Gestaltung mit Schrift im Web. Kleine Schrift ist bei der geringen Auflösung der meisten Bildschirme und Monitore schwer zu lesen. Wählen Sie lieber eine größere als eine kleinere Schrift, um eine optimale Lesbarkeit auf allen Monitoren und auch auf kleineren Bildschirmen zu gewährleisten: Laptops, iPads und Handhelds.

• Vermeiden Sie Blocksatzda dies häufig zu schlechten Abständen führt, einschließlich der gefürchteten Flüsse aus Leerraum. Was der Betrachter im Web sieht, hängt typografisch gesehen von mehreren Variablen ab, darunter: Browser, Monitoreinstellungen, Font Stil und Größenpräferenzen sowie die Plattform (Mac oder PC). Das bedeutet, dass die Zeilenumbrüche von Computer zu Computer variieren, was zu wirklich schrecklichen Abständen führen kann, wenn der Text im Blocksatz steht. Verwenden Sie linksbündige oder zentrierte Schrift.
• Verwenden Sie intelligente Interpunktion, einschließlich intelligenter Anführungszeichen, sowie en- und em-Bindestriche anstelle von Primzahlen, doppelten Bindestrichen und anderer "dummer" Typografie. Diese professionellen typografischen Konventionen sind im Web ebenso angemessen wie im Druck.

• Setzen Sie Spezialeffekte sparsam ein. Wenn Sie es mit Farbverläufen, Schatten und anderen Spezialeffekten übertreiben, können Sie visuelle Verwirrung stiften. Wenn Sie diese gelegentlich und mit Bedacht einsetzen, können Sie Ihre Schrift betonen und Seiten erstellen, die ansprechend und attraktiv sind. Ebenso sollten Sie mit unruhigen oder niedlichen Symbolen, Schaltflächen und Starbursts sparsam umgehen.

• Schaffen Sie einen starken Kontrast zwischen der Farbe der Schrift und des Hintergrunds. Erreichen Sie dies, indem Sie helle, neutrale Hintergründe für dunkle Schriften wählen (und umgekehrt). Vermeiden Sie es, die Schrift auf einem unruhigen Hintergrund zu platzieren, da dies die Lesbarkeit erschweren kann.

• Passen Sie die Größe typografischer Bilder an die erforderlichen Pixelmaße an. Dies ist bei Bannern, Logos und Teasern sinnvoll. Einfaches Vergrößern verringert die Schärfe, Lesbarkeit und Wirksamkeit. Das einfache Verkleinern eines Webbildes führt zu einer größeren Datei und einer längeren Ladezeit.

• Planen Sie viel "weißen" Raum ein (auch wenn dieser nicht weiß ist), sowohl um Ihre Schrift herum als auch im Gesamtdesign. Überfüllte Schrift (und andere Elemente) können eine Webseite weniger einladend, schwieriger zu lesen und einfach nur verwirrend machen.

Besuchen Sie unsere Typografie-Artikel-Seite, um mehr zu lesen Über Typografie.

• Anmerkung des Herausgebers: Ilene Strizver, Gründerin von The Type Studio, ist eine typografische Beraterin, Designerin und Autorin, die sich auf alle Aspekte der typografischen Kommunikation spezialisiert hat. Sie führt international Gourmet-Typografie-Workshops durch. Lesen Sie mehr Über Typografie in ihrem neuesten Werk, Type Rules! The designer's guide to professional typography, 4. Auflage, erschienen bei Wiley & Sons, Inc. Dieser Artikel wurde von Monotype Imaging Inc. in Auftrag gegeben und genehmigt.