3 Tipps zur Verwendung von Schriftarten in E-Mails

Ursprünglicher Autor: Kelly Shetron
  • Übersetzung
Bild

Haben Sie sich jemals gefragt, warum die Schriftart, die Sie für die E-Mail ausgewählt haben, nicht in Ihrem Posteingang angezeigt wurde? Dies ist wahrscheinlich darauf zurückzuführen, dass Ihre Schriftart nicht „sicher“ war und das Gerät, auf dem der Brief geöffnet wurde, dies nicht unterstützt. In diesem Artikel werden wir das Konzept der "Web-Sicherheit" -Schriftarten, die Verwendung von Standard- und benutzerdefinierten Schriftarten sowie die besten Beispiele für deren Verwendung in E-Mail-Newslettern betrachten .

Eines der wichtigsten Gestaltungselemente ist natürlich der gedruckte Text. Und das grafische Design und der Stil des Textes werden als Typografie bezeichnet. Mit dem richtigen Ansatz kann Typografie Ihre E-Mails transformieren. Das Problem ist jedoch, dass nicht alle Schriftarten in allen Postfächern und auf allen Geräten angezeigt werden. Zunächst müssen Sie die Grenzen der "Web-Sicherheit" festlegen.

Unsichere Schriftarten und deren Verwendung


Bestimmte Schriftarten werden auf allen Geräten und in allen E-Mail-Clients korrekt angezeigt. Dies sind die sogenannten "web safe" Schriften:

  • Arial
  • Kurier
  • Georgia
  • Helvetica
  • Lucida ohne
  • Tahoma
  • Times new roman
  • Trebuchet MS
  • Verdana

Und da sie überall angezeigt werden, können Sie sie sicher in Ihren E-Mail-Marketingkampagnen verwenden. Der einzige Nachteil dieser Schriftarten ist ihre sehr begrenzte Anzahl.

Was müssen die Interface-Designer in diesem Fall noch tun? Glücklicherweise gibt es mehrere Möglichkeiten, um dieses Problem zu lösen.
Erstens müssen Sie bei korrekter Anordnung der Buchstaben nicht nur Schriftarten verwenden, sondern auch Bilder, Einzüge, Leerzeichen, Text usw. Wir werden später darauf eingehen.

Zweitens können Sie die Grenzen der "Websicherheit" überschreiten, indem Sie nicht standardmäßige Schriftarten eingeben. Eine der gängigen Methoden ist die Verwendung von Webschriften, die beim Öffnen einer Nachricht heruntergeladen werden, z. B. über den Google-Webschriften-Dienst. Durch die Bildung von „CSS-Schriftarten“ kann das Gerät auf eine häufigere alternative Schriftart umstellen.

Kommen wir nun zum E-Mail-Design und zur Typografie zurück. 3 Tipps helfen Ihnen bei der Auswahl der richtigen Schriftart für Ihre E-Mail-Marketingkampagne.

Tipp 1: Wählen Sie die richtige Schriftart für den Textkörper des Buchstabens


Im vergangenen Jahr wurde auf der Bloomberg-Website ein Artikel mit dem Titel „Die Schrift Ihrer Briefe verdirbt Ihr Leben“ veröffentlicht. Der Autor kam zu dem Schluss, dass Schriftarten wie Arial und Helvetica nicht sehr gut zum Lesen von Briefen für unterwegs geeignet sind Unser Blog - Sie können es hier lesen - ca. transl.]. Warum? Weil die Formen einiger Buchstaben - wie p, b, q, d - zu ähnlich sind und es für den Leser schwierig ist, zwischen ihnen zu unterscheiden. "Sie sollten eine Schriftart verwenden, bei der die Buchstaben nicht miteinander verschmelzen", riet Gerry Leonidas, Professor für Schriftgestaltung. Die für Serifenschriften charakteristischen Serifen verleihen jedem Buchstaben eine Einzigartigkeit. Erinnern Sie sich, wie Serifenbuchstaben und ohne Serifen aussehen:

Bild

Bild von w3schools.com

Welche Schriftarten werden für das E-Mail-Layout als Alternative zu Arial und Helvetica empfohlen? Georgia oder Verdana. „Bei E-Mails schauen wir uns normalerweise einige Absätze an“, heißt es in dem Artikel. "Der große Abstand zwischen den Buchstaben beschleunigt das Lesen ... und die Serifen helfen dabei, die Buchstaben voneinander zu unterscheiden."

In unserem Posteingang haben wir einige gute Beispiele für die Verwendung von Serifenschriften gefunden. Das globale Bildungsunternehmen General Assembly verwendet in der Regel die Schriftart Georgia für den Haupttext des Briefes: Das

Bild

britische Unternehmen Dunhill, das auf die Herstellung von Luxusartikeln für Männer spezialisiert ist, bevorzugt auch Georgia:

Bild

Und der kulinarische Ort The Kitchn entscheidet sich für die Schriftart Georgia:

Bild

Wir haben aber auch viele E-Mails gefunden, in denen serifenlose Schriftarten verwendet wurden. Am häufigsten werden serifenlose Schriftarten für kleine Textblöcke (1 oder 2 Zeilen) oder große Überschriften ausgewählt, wie in diesem Brief von Canopy: Die



amerikanische Premium-Sportbekleidungsmarke Lululemon bevorzugt auch serifenlose Schriftarten:

Bild

Schlussfolgerungen


Wenn der Hauptteil des Buchstabens aus langen Blöcken besteht, sollten in der Regel Serifenschriften verwendet werden. Georgia- und Verdana-Schriftarten erleichtern das Lesen von Text. Für kurze Buchstaben und einzelne Textpassagen sind jedoch serifenlose Schriftarten besser geeignet.

Tipp 2: Markieren Sie einen Titel, indem Sie Schriftarten kombinieren oder den Schriftstil ändern


Überschriften bestimmen die Struktur des Buchstabens, unterteilen den Text in Abschnitte und den Inhalt - in einzelne Elemente. Mit ihrer Hilfe ist es für den Leser einfacher, Ihre Nachricht anzuzeigen und zu verinnerlichen. Es gibt verschiedene Möglichkeiten, eine Kopfzeile auszuwählen und die Lesbarkeit von E-Mails zu verbessern:

a) Verwenden Sie für die Kopfzeile dieselbe Schriftart wie für den Haupttext des Buchstabens, jedoch mit einer größeren Größe (und / oder einer anderen Farbe und einem anderen Stil, z. B. Hervorheben in Fettdruck oder nur in Großbuchstaben )

Die Verwendung der gleichen Schriftart für Titel und Inhalt macht das Schreiben einfach und unkompliziert. Diese Einheitlichkeit macht die Marke erkennbar, vorausgesetzt, Ihre Überschriften unterscheiden sich optisch vom Haupttext in Schriftgröße und / oder Stil oder sind durch ein Leerzeichen getrennt. Außerdem wird Ihr Brief in jedem E-Mail-Client korrekt angezeigt.

Die Schriftgröße der Überschriften sollte die Schriftgröße des Haupttexts mindestens zweimal überschreiten, während der Titel und die Inhaltsblöcke durch eine Leerzeile getrennt sind, um die Lesbarkeit zu verbessern. Auf dieser Grundlage erstellen Canopy, The Kitchn und Lululemon die Kopfzeilen ihrer Briefe.

b) Wählen Sie für die Überschrift eine Schriftart aus, die sich von der Schriftart des Hauptteils des Buchstabens unterscheidet(und / oder wenden Sie eine andere Farbe und einen anderen Stil an, indem Sie ihn beispielsweise fett hervorheben oder nur in Großbuchstaben eingeben).

Der Unterschied zwischen der Schriftart der Kopfzeile und dem Textkörper des Buchstabens schafft einen schönen visuellen Kontrast. „Das beliebteste Prinzip beim Kombinieren von Schriftarten ist das Kombinieren einer geschnittenen Schrift für den Titel und einer Serifenschrift für den Körpertext“, sagt das Smashing Magazine. "Mit dieser klassischen Kombination ist es fast unmöglich, einen Fehler zu machen." Das Geheimnis ist nicht, Schriften mit vielen einzigartigen Eigenschaften zu kombinieren. Dies kann zu einem unerwünschten typografischen Konflikt führen. In der Regel sind "websichere" Schriftarten nicht zu aufwendig, sodass Sie fast jede Serifenschrift mit einer gehackten Schrift kombinieren können.
Serielle Schriftarten mit Serifenschriftarten umfassen:

  • Kurier
  • Georgia
  • Times new roman

Zu den web-sicheren serifenlosen Schriftarten gehören:

  • Arial
  • Helvetica
  • Lucida ohne
  • Tahoma
  • Trebuchet
  • Verdana

Auch beim Kombinieren verschiedener Schriftarten sollte die Schriftgröße der Kopfzeile mindestens doppelt so groß sein wie die des Haupttexts (sie kann sich auch in Farbe oder Sättigung unterscheiden). Die obige E-Mail der Generalversammlung ist ein großartiges Beispiel für die Kombination der Schriftart Arial in der Kopfzeile und der Schriftart Georgia im Briefkörper.

c) Geben Sie den Titel in einer nicht standardmäßigen Schriftart ein und fügen Sie ihn als Bild in den Buchstaben ein.

Viele Marken nutzen Logos und Briefköpfe, um ihre Corporate Identity zu präsentieren. Ihre Typografie kann so einzigartig sein, dass sie lieber Schriftarten als Bilder als Text in Buchstaben platzieren. In diesem Fall wird empfohlen, eine benutzerdefinierte Schriftart in Bilder einzufügen, da diese ansonsten in einigen E-Mail-Clients möglicherweise nicht angezeigt wird. Andererseits sollten Sie sich beim Verfassen eines Briefes nicht ausschließlich auf Bilder verlassen, da einige Postfächer den Download standardmäßig blockieren. Einige Unternehmen gehen dieses Risiko jedoch aufgrund des Inhalts ihrer Briefe und ihrer Zielgruppe ein. So bringt beispielsweise der Online-Shop für Designer-Einrichtungsgegenstände von Sight Unseen Bilder mit einer Firmenüberschrift in die Buchstaben:

Bild

Schlussfolgerungen


Personalisieren Sie Ihre Marke, indem Sie einfach Ihr Markenlogo und Ihre benutzerdefinierte Schriftart oben in der Nachricht platzieren und für den Rest der Kopfzeilen und des Nachrichtentexts die web-sichere Schriftart verwenden.

Regel Nummer 3: Formatieren Sie die Links richtig


Einer der Vorteile des Hinzufügens von Bildern zu E-Mails besteht darin, dass alle Bilder an Zielseiten angehängt werden können. Durch Klicken auf die Links im Brief können Leser zusätzliche Informationen erhalten oder einen Kauf tätigen. Unternehmen, die Schriftarten anstelle von Bildern in Buchstaben verwenden, können die Navigation durch den Einsatz der intelligenten Verknüpfungstechnologie verbessern. Es ist nicht erforderlich, Links zu unterstreichen oder blau zu machen! Sie können Hyperlinks in der Farbe Ihrer Marke „neu einfärben“ oder sie nicht unterstreichen oder überhaupt nicht hervorheben.

Lululemon hat diesen Ansatz mit seinem Brief verfolgt. Der Titel, der beschreibende Teil und der Aufruf zum Handeln sind miteinander verbunden, sodass die Leser auf fast jedes Element des Briefes klicken können, um detailliertere Informationen zu erhalten. Trotz der Tatsache, dass Links nicht optisch hervorgehoben sind, leitet ein instinktiver Klick die Abonnenten zur Lululemon-Website weiter. So wird der Buchstabe nicht mit Unterstreichungen oder neuen Farben überladen und das Design bleibt schlicht und elegant.

Bild

Fazit


Versuchen Sie beim Experimentieren mit Links in Ihren Briefen, eine Balance zu finden, die zu Ihrer Marke passt und deren Ästhetik betont. Stellen Sie sicher, dass die Links in Ihrem Brief äußerst einfach und präzise sind.

Fazit: Best Practices

  1. Wählen Sie für den Hauptteil des Buchstabens die Schriftart "web safe" aus. Wenn der Buchstabe viel Text enthält, versuchen Sie es mit einer Serifenschrift.
  2. Verwenden Sie eine serifenlose Schriftart für den Titel. Die Schriftgröße des Titels sollte die Schriftgröße des Haupttexts überschreiten.
  3. Steigern Sie die Wirksamkeit von Links, indem Sie so viele Informationen wie möglich mit dem Brief verknüpfen, ohne das Design zu verletzen.

Andere Beiträge im Pechkina- Blog :



Jetzt auch beliebt: