Richtlinien für das Design von E-Mail-Signaturen

Dieser Artikel beschreibt bewährte Methoden für die Gestaltung von E-Mail-Signaturen, die in verschiedenen E-Mail-Clients und auf unterschiedlichen Geräten konsistent angezeigt werden.

Um die besten Ergebnisse bei der Erstellung einer E-Mail-Signatur in Exclaimer zu erzielen, befolgen Sie die untenstehenden Designempfehlungen. Diese Richtlinien helfen, häufige Darstellungsprobleme in Outlook, Gmail und mobilen E-Mail-Clients zu vermeiden.

Designrichtlinien

Um sicherzustellen, dass Signaturen in allen E-Mail-Clients korrekt angezeigt werden, befolgen Sie diese Richtlinien:

• Verwenden Sie empfohlene Breiten, sowohl für Ihre Signaturvorlage als auch für breite Elemente wie Banner.
• Verwenden Sie Tabellen für das Layout
• Laden Sie Bilder in der tatsächlichen Größe hoch
• Wählen Sie unterstützte Dateiformate
• Berücksichtigen Sie, wie die Signatur auf mobilen Geräten angezeigt wird
• Vermeiden Sie das Kopieren und Einfügen von Text – geben Sie den Text direkt ein oder, falls Einfügen erforderlich ist, fügen Sie ihn als unformatierten Text ohne Formatierung ein.
• Wenden Sie Formatierungen und Stiloptionen wie Schriftarten und Farben (oder andere Optionen aus dem Eigenschaftenbereich) zuerst auf die äußersten Ebenen an, dann auf innere Tabellen, Zellen oder Gruppen. Weitere Informationen zum Betrachten der inneren und äußeren Teile einer Vorlage finden Sie unter Farbige Rahmen, Gruppierung und Vererbungseigenschaften im Signature Designer.

Empfohlene Designstandards

Diese Standards helfen sicherzustellen, dass Signaturen auf verschiedenen E-Mail-Plattformen konsistent dargestellt werden. Die folgende Tabelle listet unsere Empfehlungen für gängige Designaspekte auf:

Best Practices

Layout

Befolgen Sie diese Layout-Richtlinien, um Klarheit, Konsistenz und Lesbarkeit sicherzustellen:

• Verwenden Sie Tabellen, um Ihr Layout zu strukturieren.
• Sie können Tabellen und Tabellenzellen verschachteln, um komplexere Raster zu erstellen, vermeiden Sie jedoch nach Möglichkeit übermäßige Überlagerungen mit Benutzerfotos und Hintergrundformen.
• Verwenden Sie Padding, um Abstand zwischen den Elementen zu schaffen.
• Sie können eine feste Breite sowohl für Tabellen als auch für ganze Vorlagen festlegen, um zu verhindern, dass sich Ihre Signatur auf kleineren Bildschirmen verkleinert.
• Sie können einige Elemente strecken oder breite Designs erstellen, die der Breite Ihrer Vorlage entsprechen.

Schriftarten

Schriftauswahl

Einige Schriftarten sind auf verschiedenen Geräten oder Betriebssystemen nicht verfügbar. Dies gilt insbesondere für benutzerdefinierte Schriftarten. Berücksichtigen Sie Ihre Schriftartauswahl und ob Sie einen Schriftartenstapel mit Ersatzschriftarten einrichten sollten, um sicherzustellen, dass Ihr Design Text immer in einer geeigneten Schriftart anzeigen kann. 

Weitere Informationen finden Sie unter Unterschied zwischen benutzerdefinierten Schriftarten und Schriftartenstapeln. 

Schriftgrößen

Verwenden Sie die folgenden Schriftgrößen, um Lesbarkeit und professionelles Erscheinungsbild zu gewährleisten:

• 11 pt – 12 pt für größeren Text (zum Beispiel: Name, Berufsbezeichnung)
• 10 pt – 8 pt für Kontaktdaten (zum Beispiel: Telefon, E-Mail, Webseite)
• 8 pt – 7 pt für Haftungsausschlüsse und rechtliche Texte

Weitere Informationen zu Schriftgrößen finden Sie unter Wie man Pixel- und Punktwerte bei der Schriftgrößenbestimmung verwendet. 

Bilder

Für optimale Bilddarstellung und Leistung:

• Vermeiden Sie es, Bilder im Signatur-Designer zu skalieren – laden Sie stattdessen Ihr Bild in der genauen Größe hoch, in der es angezeigt werden soll. Wenn Sie beispielsweise möchten, dass Ihr Bild mit 100x100px angezeigt wird, erstellen oder skalieren Sie Ihre Bilddatei auf diese Größe.
• Bilder können entweder eingebettet oder verlinkt sein:
  • Eingebettete Bilder: Direkt von Ihrem Gerät in die Signaturvorlage hochgeladen.
  • Verlinkte Bilder: Auf einem öffentlich zugänglichen Server gehostet und in der Signaturvorlage über eine gehostete URL referenziert.

Weitere Empfehlungen und Problemlösungen zu Bildern finden Sie unter Wie man Bildqualitätsprobleme löst.

Hintergründe

Überlegen Sie, ob ein Hintergrundbild oder eine Hintergrundfarbe die beste Wahl für Ihr Design ist. Siehe Unterschied zwischen Hintergrundbild und Hintergrundfarbe, um die beiden Methoden zu vergleichen und zu entscheiden, welche am besten geeignet ist.

Mobile Kompatibilität

Verwenden Sie diese Praktiken, um ein sauberes, einfaches und mobilfreundliches Layout beizubehalten:

• Halten Sie Designs kompakt und einfach, um horizontales Scrollen zu vermeiden.
• Testen Sie Signaturen nach Möglichkeit immer auf mobilen Geräten.
• Berücksichtigen Sie, wie sich der Dunkelmodus auf Ihre Farbauswahl und andere Stilaspekte auswirken kann.

Häufige Fehler

Vermeiden Sie beim Entwerfen von Signaturen Folgendes:

• Signaturen zu verwenden, die breiter als 600 px sind. Dies kann Anzeigeprobleme auf kleineren Bildschirmen verursachen.
• Bilder nicht auf ihre tatsächlichen Anzeigemaße zu skalieren. Dies kann dazu führen, dass Bilder zu groß oder verzerrt erscheinen.
• Keine Tabellen für das Layout zu verwenden. Unstrukturierte Designs können in E-Mail-Clients schlecht dargestellt werden. Siehe Unterschied zwischen Tabellen und Gruppen.
• Nicht unterstützte Bildformate zu verwenden. Verwenden Sie nur JPG, JPEG, PNG oder GIF.
• Farben oder Stile zu verwenden, die für den Dunkelmodus auf Geräten ungeeignet sind.
• Beim Einsatz von KI zur Inhaltserstellung nicht vorsichtig zu sein, da es möglicherweise nicht möglich ist, diese in einer Signatur zu reproduzieren.

Diese Probleme können dazu führen, dass Signaturen falsch ausgerichtet oder fehlerhaft formatiert erscheinen.