Gestalten Sie für den Dunkelmodus geeignete E-Mails

Der Dunkelmodus erfreut sich zunehmender Beliebtheit. Einer Untersuchung vom August 2022 zufolge verwenden inzwischen 34 % der Benutzer:innen ihn zum Öffnen von E-Mails. (Quelle: Litmus) Diese Präferenz liegt in dem Komfort begründet, den der Dunkelmodus bietet, denn er stellt eine geringere Belastung für die Augen dar, fördert die Sichtbarkeit der Inhalte und bietet daneben weitere Vorteile. Viele E-Mail-Empfänger entscheiden sich aus diesen Gründen für den Dunkelmodus. Daher ist es für Sie besonders wichtig, Ihre E-Mails so zu gestalten, dass sie für den Dunkelmodus geeignet sind.

Was ist der Dunkelmodus?

Der Dunkelmodus ist eine Anzeigeeinstellung, die bei zahlreichen Geräten, Apps und Betriebssystemen aktiviert bzw. deaktiviert werden kann. Wird sie aktiviert, verändert sich die Farbe der Benutzeroberfläche.

In Bezug auf E-Mails werden bei den E-Mail-Empfänger:innen die Farbe der Benutzeroberfläche und die Farbe des E-Mail-Inhalts umgekehrt. Dies bedeutet, dass bei E-Mail-Empfänger:innen ein nicht dunkler Hintergrund dunkel oder in einer umgekehrten Farbe erscheint und auch der Text in umgekehrter Farbe angezeigt wird, damit er vor dem Hintergrund sichtbar bleibt.
Hier ein Beispiel für eine E-Mail in hellem und in dunklem Modus:

Dark_mode_email_light_version_en-us.jpg Dark_mode_email_dark_version_en-us.jpg

Welche E-Mail-Systeme unterstützen den Dunkelmodus?

Je nachdem, welches E-Mail-System Sie verwenden, werden E-Mails im Dunkelmodus unterschiedlich angezeigt. Es gibt drei Haupttechniken für die Aktivierung des Dunkelmodus, die von E-Mail-Systemen eingesetzt werden:

E-Mail-System Eingesetzte Technik
Apple Mail (MacOS)

Keine Veränderung

Die Anzeigefarbe Ihrer E-Mails verändert sich nicht, wenn der Dunkelmodus aktiviert ist.

iPhone / iPad (iOS 13)
AOL
Yahoo Mail
Gmail-App für Android

Teilweise umgekehrte Farbanzeige

Ihre E-Mail wird mit dunklerem Hintergrund und hellerem Text angezeigt. Dunkle Bereiche bleiben dunkel.

Outlook App (iOS/Android)
Outlook 2019 (MacOS)
Outlook.com
Office 365 (MacOS)
Gmail-App für iOS

Vollkommen umgekehrte Farbanzeige

In Ihren E-Mails werden helle Hintergründe dunkel und dunkle Hintergründe hell angezeigt.

Outlook 2019 (Windows)
Outlook 2021 (MacOS/Windows)
Office 365 (Windows)
Windows Mail

Optimieren Sie Ihre E-Mails für die Anzeige im Dunkelmodus

Folgende Informationen helfen Ihnen dabei, Ihre E-Mails für die Anzeige im Dunkelmodus zu optimieren.

💡 Gut zu wissen
Wir empfehlen, bei der Gestaltung Ihrer E-Mails auf unnötige Extras zu verzichten und insbesondere für den Text die schwarze Standardschriftfarbe zu verwenden.

Bevor Sie mit der Gestaltung Ihrer E-Mail in Brevo beginnen, können Sie selbst ein paar Dinge mit Ihren Bildern unternehmen, damit Ihre E-Mails für den Dunkelmodus geeignet sind:

Verwenden Sie transparente PNGs

Transparente PNGs sind Bilder ohne Hintergrund und häufig durch ein Schachbrettmuster gekennzeichnet. Wir empfehlen die Verwendung dieses Bildtyps für Ihr Logo.

Dark_mode_email_png_model_en-us.png

Wenn Sie transparente Bilder verwenden, haben Sie die Möglichkeit, in Ihren E-Mails ein natürliches Erscheinungsbild mit weißem oder schwarzem Hintergrund zu wahren. Darüber hinaus verbessert ein transparentes Bild die Benutzererfahrung, da beim Lesen von E-Mails im Dunkelmodus keine hellen Hintergründe entstehen.Hier ein Beispiel für eine empfohlene Gestaltung:

Dark_mode_email_example_transparent_PNG_en-us.jpg

Bilder zuschneiden wie ein Profi

Wenn Ihre Bilder nicht im PNG-Format vorliegen (also keinen transparenten Hintergrund besitzen), sollten Sie sich überlegen, wie sie im Dunkelmodus aussehen werden. Wird der Hintergrund in Ihrem Bild etwa zu nah am Logo oder Bild abgeschnitten, sieht Ihre E-Mail im Dunkelmodus wie im nachstehenden Beispiel unprofessionell aus. Achten Sie daher beim Zuschneiden Ihrer Bilder unbedingt darauf, ausreichend Hintergrund oder weiße Fläche mit auszuschneiden.

Dark_mode_email_crop_images_2_en-us.png

Einfügen von Glanz, Rändern oder Schatten in Ihren dunklen PNGs

Fügen Sie in Ihre dunklen PNGs Glanz, Ränder oder Schatten ein, um sicherzustellen, dass sie im Dunkelmodus gut zu sehen sind, unabhängig davon, welche Farbe der Hintergrund hat. Fügen Sie speziell dann, wenn Sie im hellen Modus ein dunkles Logo auf weißem Hintergrund verwenden, Glanz, einen Rand oder einen Schatten hinzu, der zur Hintergrundfarbe passt. Sie können dies ganz einfach mithilfe von Online-Tools erledigen. 
Hier ein Beispiel für ein Text-PNG-Bild mit Glanz:

Dark_mode_email_glow_image_dark_en-us.jpg

Hintergrundfarbe oder -bilder hinzufügen

Falls Sie keinen Glanz, Rand oder Schatten hinzufügen können oder möchten, können Sie beim Gestalten Ihrer E-Mail einen farbigen Hintergrund aus dem Drag & Drop-Editor von Brevo hinzufügen. Fügen Sie Ihrem Stilblock eine Hintergrundfarbe hinzu und wählen Sie hellere Schattierungen aus, zum Beispiel grau, um eine gute Sichtbarkeit zu gewährleisten.

Dark_mode_email_background-color_en-us.png

Dark_mode_email_background-color_result_en-us.png

Vorschau und Test Ihrer E-Mail im Dunkelmodus

Wir empfehlen, Ihre E-Mail vor dem Versenden auf verschiedenen E-Mail-Systemen in einer Vorschau anzuzeigen. Dies können Sie nach dem Gestalten der E-Mail direkt aus Brevo heraus tun und dabei das Aussehen Ihrer E-Mail – auch im Dunkelmodus – prüfen. Beachten Sie dabei, dass Vorschauen nicht immer ganz präzise sind. Daher empfehlen wir Ihnen, sich selbst eine Text-E-Mail zu senden, falls Sie auf Ihren Geräten den Dunkelmodus aktiviert haben. Weitere Informationen finden Sie in unserem Artikel Anzeigen der Vorschau und Testen der E-Mail-Kampagne.

Dark_mode_email_preview_en-us.png

🤔 Sie haben eine Frage?

Wenden Sie sich bei Fragen an unser Support-Team: Erstellen Sie einfach ein Ticket über Ihr Konto. Wenn Sie noch kein Konto haben, können Sie uns hier kontaktieren.

Wenn Sie Unterstützung bei einem Projekt mit Brevo suchen, können wir Sie mit dem richtigen zertifizierten Brevo-Expertenpartner zusammenbringen.

💬 War dieser Beitrag hilfreich?

16 von 38 fanden dies hilfreich