So entscheiden Sie, welche Schriftfamilie für das Webdesign verwendet werden soll

click fraud protection

Schauen Sie sich heute eine beliebige Webseite online an, unabhängig von der Größe der Site oder der Branche, für die sie bestimmt ist, und Sie werden feststellen, dass sie alle Textinhalte gemeinsam haben.

Eine der einfachsten Möglichkeiten, das Design einer Webseite zu beeinflussen, sind die Schriftarten, die Sie für den Textinhalt dieser Site verwenden. Leider werden viele Webdesigner, die am Anfang ihrer Karriere stehen, ein bisschen verrückt, indem sie zu viele Schriftarten auf jeder Seite verwenden. Dies kann zu einer trüben Erfahrung führen, der es an Designkohäsion zu mangeln scheint. In anderen Fällen versuchen Designer, mit praktisch unlesbaren Schriftarten zu experimentieren und sie zu verwenden, nur weil sie „cool“ oder anders sind. Sie mögen zwar cool aussehende Schriftarten sein, aber wenn der Text, den sie vermitteln sollen, nicht gelesen werden kann, dann Die "Coolness" dieser Schriftart lässt nach, wenn niemand diese Website liest und stattdessen zu einer Website geht, die er kann Prozess!

instagram viewer

Einige Faustregeln

  1. Verwenden Sie nicht mehr als 3-4 Schriftarten auf einer Seite. Alles, was darüber hinausgeht, fühlt sich amateurhaft an - und sogar 4 Schriftarten können in einigen Fällen zu viel sein!
  2. Nicht ändere die Schriftart mitten im Satz, es sei denn, Sie haben einen sehr guten Grund.
  3. Verwenden Sie Sans-Serif-Schriften oder Serifen-Schriften für den Fließtext, um diese Inhaltsblöcke leichter lesbar zu machen.
  4. Verwenden Sie Monospace-Schriftarten für Schreibmaschinentext und Codeblock, um diesen Code von der Seite abzuheben.
  5. Verwenden Sie Skript- und Fantasieschriften für Akzente oder große Überschriften mit sehr wenigen Worten.

Denken Sie daran, dass dies alles Vorschläge sind, keine festen Regeln. Wenn Sie jedoch etwas anderes tun, sollten Sie dies mit Absicht tun, nicht aus Versehen.

Sans Serif-Schriften sind die Grundlage Ihrer Website

Sans-Serif-Schriften sind die Schriftarten, die keine “Serifen“ – die wenig hinzugefügte Designbehandlung an den Enden der Buchstaben.

Wenn Sie Druckdesignkurse besucht haben, wurde Ihnen wahrscheinlich gesagt, dass Sie nur Serifenschriften nur für Überschriften verwenden sollten. Dies gilt nicht für das Web. Webseiten sollen von angesehen werden Internetbrowser auf Computermonitoren und mobilen Geräten und die heutigen Monitore und Displays sind ziemlich gut darin, sowohl Serifen- als auch Sans-Serif-Schriften klar anzuzeigen. Einige Serifenschriften können bei kleineren Größen etwas schwierig zu lesen sein, insbesondere auf älteren Displays, also sollten Sie immer Achten Sie auf Ihr Publikum und stellen Sie sicher, dass es Serifenschriften lesen kann, bevor Sie sich entscheiden, sie für Ihren Körper zu verwenden Text. Davon abgesehen sind die meisten Serifenschriften heute für den digitalen Gebrauch konzipiert und funktionieren gut als Fließtext, solange sie auf eine angemessene Schriftgröße eingestellt sind.

Einige Beispiele für serifenlose Schriftarten sind:

  • Arial
  • Genf
  • Helvetica
  • Lucida Sans
  • Trebuchet
  • Verdana

Hinweis

Verdana ist eine Schriftfamilie, die erfunden wurde für im Web verwenden.

Verwenden Sie Serifenschriften für den Druck.

Während Serifenschriften für ältere Displays online schwer zu lesen sein können, eignen sie sich perfekt für den Druck und eignen sich gut für Schlagzeilen auf Webseiten. Wenn Sie haben druckfreundlich Versionen Ihrer Website ist dies der perfekte Ort, um Serifenschriften zu verwenden. Die gedruckten Serifen erleichtern das Lesen, da sie es den Menschen ermöglichen, die Buchstaben klarer zu unterscheiden. Und weil der Druck eine höhere Auflösung hat, ist er klarer zu sehen und scheint nicht zu verschwimmen.

Etwas Beispiele für Serifenschriften sind:

  • Garamond
  • Georgia
  • Mal
  • Times New Roman

Monospace-Schriften nehmen für jeden Buchstaben den gleichen Platz ein

Auch wenn es auf Ihrer Website nicht um Computer geht, können Sie Monospace verwenden, um Anweisungen bereitzustellen, Beispiele zu geben oder maschinengeschriebenen Text zu implizieren. Monospace-Buchstaben haben für jedes Zeichen die gleiche Breite, sodass sie immer den gleichen Platz auf der Seite einnehmen. Monospace-Schriftarten eignen sich besonders gut für Codebeispiele.

Schreibmaschinen verwendeten in der Regel Monospace-Schriftarten, und deren Verwendung auf Ihrer Webseite kann Ihnen das Gefühl dieses maschinengeschriebenen Inhalts vermitteln.

Einige Beispiele für Monospace-Schriftarten sind:

  • Kurier
  • Kurier Neu
  • Lucida-Konsole
  • Monaco

Fantasy- und Script-Schriften sind schwer zu lesen

Fantasy- und Script-Schriften sind auf Computern nicht so weit verbreitet und können in großen Teilen im Allgemeinen schwer zu lesen sein. Während Sie vielleicht die Wirkung eines Tagebuchs oder einer anderen persönlichen Aufzeichnung mögen, die die Verwendung einer kursiven Schriftart haben könnte, könnten Ihre Leser Probleme haben. Dies gilt insbesondere, wenn Ihr Publikum Nicht-Muttersprachler umfasst. Außerdem enthalten Fantasy- und Kursivschriften nicht immer Akzentzeichen oder andere Sonderzeichen, die Ihren Text auf Englisch beschränken.

Verwenden Sie Fantasie- und Kursivschriften in Bildern und als Überschriften oder Call-Outs. Halten Sie sie kurz und seien Sie sich bewusst, dass die von Ihnen gewählte Schriftart wahrscheinlich nicht auf den meisten Computern Ihrer Leser vorhanden sein wird, also müssen Sie sie bereitstellen Verwendung von Webfonts.

Einige Beispiele für Fantasy-Schriftarten sind:

  • Kupferplatte
  • Desdemona
  • Einschlag
  • Kino

Hinweis

Impact ist die Schriftfamilie, die am wahrscheinlichsten auf Mac-, Windows- und Unix-Rechnern zu finden ist.

Einige Beispiele für Skriptschriften sind:

  • Apfelkanzlei
  • Comic ohne MS
  • Lucida Handschrift

Hinweis

Studien haben gezeigt, dass Schriftarten, die schwerer zu lesen sind, den Schülern helfen können, mehr Informationen zu behalten.

instagram story viewer