So optimieren Sie Ihre Newsletter-Designs für den Dark Mode

E-Mails sind die Lebensader einer Marketingkampagne. Kein Vermarkter wird zustimmen, eine Kampagne ohne eine E-Mail-Marketingstrategie zu starten. Und das liegt nicht daran, dass sie daran gewöhnt sind oder nicht innovativ sein wollen.

Sondern weil es dem uralten Sprichwort „Repariere nichts, was nicht kaputt ist“ folgt. E-Mail-Marketing oder Ihre Newsletter können Ihnen den höchsten ROI bringen, den Sie sich vorstellen können. Und es funktioniert für Verbraucher jeder Bevölkerungsgruppe – alt oder jung.

Die Welt des Newsletter-Marketings läuft schon lange ziemlich glatt. Es gibt jedoch ein kleines Problem, das aufgrund einer Funktion auftaucht, die vor 4 Jahren ins Spiel kam.

Ja, wir sprechen über den dunklen Modus. Aber warum ist das jetzt so eine große Sache? Gibt es schon eine Weile? Wenn Sie kürzlich ein Smartphone gekauft haben, hätten Sie beim ersten Blick in Ihren E-Mail-Posteingang gedacht: „Warum ist der E-Mail-Hintergrund schwarz?“

Smartphone-Unternehmen haben jetzt damit begonnen, den Dunkelmodus zum Standard zu machen, was bedeutet, dass die Adoptionszahlen (die bereits hoch sind) noch weiter steigen werden.

Es ist also an der Zeit, eine Designstrategie zu erstellen, um Ihre Newsletter für den Dark Mode zu optimieren. Und genau dabei hilft Ihnen dieser Blog von Kimp.

Aber vorher noch ein wenig Geschichte und eine kurze Zusammenfassung aller Dinge im Dark Mode.

Die Entwicklung und wachsende Popularität des Dark Mode

Der Liebling des Internets und unser sogenannter Gesundheitsretter in dieser digitalreichen Zeit ist immer noch das neue Kind auf dem Block. Sogar TikTok ist älter als der Dark Mode und das will etwas heißen.

Wenn Sie eine kleine Geschichte darüber haben möchten, was die ganze Leidenschaftsepisode im Dunklen Modus begonnen hat, begann alles mit einem Apple-Update. Ja, Apple ist der Grund, warum es den Dunkelmodus gibt. Apple führte den Dunkelmodus während der Einführung der 15. Serie von macOS Mojave im September 2018 ein. Dann war er ein Jahr später in Google Mail für Android- und iOS-Geräte einschließlich iOS Mail verfügbar.

Das Update für Outlook kam etwas später im Juni 2019 mit der Version 1907 des Insider-Kanals als erste, die es erhielt. Später wurde es im Juni 2020 für alle Produkte eingeführt.

Aber was ist der Dunkelmodus?

Wir wissen, dass wir den Begriff oft hören, aber nicht jeder weiß, was es genau ist.

Der Dunkelmodus ist viel mehr als der weiße Bereich auf einem Bildschirm, der schwarz wird. Es ist im Wesentlichen eine Funktion, die die Farbe jedes Designs oder Bildschirms umkehrt, um den Hintergrund dunkler zu machen und die Farbe, UI-Elemente, Symbole und andere Designs in helle Elemente zu ändern.

Jetzt wissen Sie also, dass es nicht nur um ein Designelement geht. Es ist eine ganze Erfahrung für sich.

Warum das plötzliche Interesse am Dark Mode überall?

Nun, die Aufregung nimmt seit einigen Jahren zu, aber die Branche glaubt, dass die COVID-19-Pandemie ihr Wachstum beschleunigt hat. Wie?

Nun, unsere Bildschirmzeit war immer lächerlich, aber als die Außenwelt offiziell geschlossen wurde, hatten die Leute keine andere Wahl, als Trost in virtuellen Erfahrungen zu finden. Dies bedeutete, geräteübergreifend viel Zeit auf Bildschirmen zu verbringen. Dies führte schließlich zu Kopfschmerzen, Rückenschmerzen und vielen anderen Beschwerden.

Während die meisten Probleme langfristige Anpassungen erfordern, half der Wechsel in den Dunkelmodus den Menschen, das helle Licht des Bildschirms, Blendung und die daraus resultierenden Auswirkungen auf die Augen und das Nervensystem zu vermeiden.

Dies bedeutete auch, dass der Dunkelmodus nicht nur für mobile Bildschirme gedacht war, sondern auch auf Desktops und andere intelligente Geräte wie iPads und Tablets ausgedehnt wurde.

Warum das Design von Newslettern für den Dark Mode optimieren?

Wir wissen, dass die Kunden es lieben. Fast 92 % der Android-Nutzer und über 80 % der MacOS-Nutzer bevorzugen den Dark Mode. Und das muss ein wichtiger Grund für Sie sein, nach Optimierungsstrategien für Ihre Newsletter-Designs zu suchen.

Aber es gibt noch mehr.

Auch wenn Kunden den Dark Mode nicht aktiv suchen. Wie bereits erwähnt, liefern die neuen Smartphones jetzt Produkte mit diesem Modus als Standard aus. Und viele der Apps und E-Mail-Clients stehen kurz davor, diesen Schritt ebenfalls zu machen.

Wenn dies also zum Standard wird und Ihre Designs nicht kompatibel sind, laufen Sie Gefahr, eine wirkungsvolle Botschaft zu verlieren.

Der Dunkelmodus ist nicht nur das Invertieren von Schwarz-Weiß-Anordnungen. Viele Farben funktionieren nicht gleich, einige Symbole sehen nicht gleich aus und nicht optimierte Designs können auch die Lesbarkeit beeinträchtigen.

Aus diesem Grund zeigt uns eine Umfrage zum Dark Mode, dass 44 % der E-Mail-Vermarkter erwägen, eine dunklere UX zu entwickeln, und 28 % von ihnen beabsichtigen, dies bald einzuführen.

Sie wollen nicht der einzige sein, der ein unterdurchschnittliches Erlebnis liefert, oder?

Dies kann zu einem Verlust von Abonnenten, einem Rückgang des ROI und einer Menge Nacharbeit führen, wenn es zu spät ist.

Beginnen Sie also jetzt und bleiben Sie der Zeit voraus.

7 Möglichkeiten, Ihre Newsletter-Designs für den Dark Mode zu optimieren

Nun, da der Grund für die Popularität des Dark-Modus bekannt ist, kommen wir zum vorliegenden Problem. Die Arbeit mit dem Dunkelmodus ist keine leichte Aufgabe. Viele Ihrer Designrichtlinien und Vorlagen müssen entweder über Bord geworfen oder angepasst werden.

Aber als Unternehmen kann es verwirrend sein, den Überblick über alle Änderungen zu behalten, die Sie vornehmen müssen. Sie sollten auch nicht blind darauf vertrauen, was ein Designer Ihnen sagt.

Hier ist also eine kuratierte Liste von Änderungen und Optimierungstechniken, die Sie benötigen, um sicherzustellen, dass Ihre Newsletter-Designs im Dunkelmodus gut funktionieren. Mit diesem Blog von Kimp können Sie die Designs, die Ihr Team liefert, kritisieren und wertschätzen.

Lass uns anfangen.

1. Wählen Sie den richtigen Designstil

Wenn Sie Ihre E-Mail-Marketing-Reise jetzt beginnen, dann haben Sie eine goldene Gelegenheit in Ihren Händen. Sie können das Design so modellieren, dass es mit dem Dunkelmodus kompatibel ist. Normalerweise haben Marken, die dies schon seit einiger Zeit tun, viele Einschränkungen, wie z. B. Designstil, obligatorische Bilder oder Branding-Designs.

Damit Ihre Dunkelmodus-Optimierung ein Erfolg wird, benötigen Sie Farben, Bilder, Symbole und andere Elemente, um damit zu arbeiten. Aber die gute Nachricht ist, dass Sie sie jederzeit aktualisieren können. Während der Designstil ein kleines Problem darstellt.

Der Designstil ist wichtig, da er über das Layout, die Organisation der Elemente und die gesamte Nachrichtenübermittlung entscheidet.

Normalerweise ist der beste Designstil für den Dunkelmodus Minimalismus, da er reichlich weißen Raum enthält. Die Designs sehen vor einem dunkleren Hintergrund groß und überfüllt aus, aber der minimalistische Designstil beeinträchtigt die Benutzererfahrung nicht.

Versuchen Sie also, einen minimalistischen oder mit dem Dark Mode kompatiblen Designstil zu übernehmen.

Kimp-Tipp: Ein minimalistischer Designstil ist möglicherweise nicht die Stimmung jeder Marke. Möglicherweise hatten Sie früher ein Retro- oder Pop-Art-basiertes Newsletter-Design. Das Umschalten ist schwierig, also arbeiten Sie mit einem Designteam zusammen, um zu sehen, wie Sie es abschwächen können, damit es im dunklen Modus funktioniert.

Wenn Sie einen benutzerdefinierten Designstil erstellen möchten, der einzigartig für Ihre Marke ist und sich von Trendstilen inspirieren lässt, probieren Sie Kimp Graphics noch heute aus!

2. Farbkontraste nach Norm wählen

Der dunklere Hintergrund ist eine Herausforderung für alle Designer. Ein weißer oder heller Hintergrund ermöglicht es Ihnen, verschiedene Farben zu erkunden, mit Kontrasten zu spielen und mit sehr minimalen Einschränkungen an verschiedenen Ausrichtungen zu arbeiten.

Aber der dunkle Modus ist völlig anders. Der dunklere Hintergrund erschwert das Erkennen mancher Farben und behindert die Lesbarkeit enorm. Unabhängig davon, welche Farben Sie wählen (mehr dazu im nächsten Abschnitt), spielt der Kontrast eine große Rolle. Diese entscheidet darüber, ob die E-Mail-Gestaltung im Dark Mode erfolgreich ist oder nicht.

Google Material Design empfiehlt einen Kontrast zwischen Hintergrund und Text von mindestens 15,8:1. Dies gilt für weißen Text und schwarzen Hintergrund, was darauf hinweist, dass Weiß am besten auf dunkelgrauen Hintergründen funktioniert.

Als Faustregel gilt jedoch, dass das Anpassen der Helligkeit und Sättigung Ihrer Farben die Lesbarkeit verbessert. Denken Sie also an den Kontrast und stellen Sie sicher, dass Sie visuelle Vibrationen so weit wie möglich vermeiden.

Kimp-Tipp: Farben können verwirrend sein, wenn Sie im Dunkelmodus arbeiten möchten. Wenn Sie sicherstellen möchten, dass Ihr Designer die richtige Farbe hinbekommt, sehen Sie sich das Design im Dunkelmodus an und überprüfen Sie es. Vergleichen Sie die Farben des hellen Modus nicht mit denen des dunklen Modus, da es möglicherweise nicht möglich ist, exakte Übereinstimmungen zu erzielen.

3. Erstellen Sie eine Farbpalette

Wir denken, der vorherige Punkt zu Kontrasten hat Sie darauf aufmerksam gemacht, wie wichtig es ist, die richtige Farbe für Ihre Dark-Mode-Designs auszuwählen. Farben sehen je nach Hintergrund anders aus, besonders wenn Sie für das Web entwerfen.

Farben im RGB-Modus erhalten ihren Farbton basierend auf dem Prozentsatz jeder Farbe (Rot, Grün und Blau). Der Prozentsatz, den ein Designer für einen schwarzen Hintergrund gegenüber dem für einen weißen Hintergrund hinzufügen muss, variiert. Dies bedeutet, dass Ihre vorhandenen Paletten im Dunkelmodus nicht funktionieren.

Aus diesem Grund empfehlen wir, eine Farbpalette zu erstellen, die am besten für Ihre Newsletter-Designs im dunklen Modus geeignet ist. Auf diese Weise können Sie die Markenkonsistenz aufrechterhalten und müssen sich darüber nicht mehr als einmal Gedanken machen.

Welche Farben funktionieren im Dunkelmodus?

Nun, in der Regel kollidieren zu satte Farben mit dem tiefschwarzen Hintergrund und belasten die Augen ziemlich. Anstatt sich also für kräftige Farben zu entscheiden, können Sie Pastellfarben wählen, um einen besseren Kontrast zum dunklen Hintergrund zu erzielen. Da sie auch dunkler aussehen werden, ändert sich der Designstil nicht zu sehr.

Apropos Hintergründe, es ist nicht notwendig, nur dunkles Schwarz auszuwählen. Sie können auch mit Dunkelgrau experimentieren, solange die anderen Farben damit funktionieren.

Kimp-Tipp : Wenn Sie vorhaben, Farben zu verschieben, um sie besser für den Dunkelmodus geeignet zu machen, nehmen Sie nicht sofort zu viele Änderungen vor. Testen Sie einige Muster in einigen Transaktions- und Routine-E-Mails. Analysieren Sie die Auswirkungen in Bezug auf CTR, Lesezeit usw., bevor Sie den Wechsel vornehmen.

Vergessen Sie auch nicht, dass der Farbinversionsprozess je nach E-Mail-Client unterschiedlich ist, stellen Sie also sicher, dass Ihr Designteam für jede Plattform separat entwirft.

Mit dem unbegrenzten Design-Service-Abonnement von Kimp Graphics kostet Sie das Experimentieren nichts extra.

4. Schriftartauswahl

Jedes Design hat drei Hauptelemente – Farbe, Schriftart und Bilder. Wir haben die Farbe abgedeckt, also gehen wir jetzt zur Schriftart über.

Der größte Ärger, den Designer mit dem Dunkelmodus haben, ist, dass er die Lesbarkeit stark beeinträchtigt. Und die größte Wirkung liegt normalerweise auf dem Text. Weißer Text auf dunkleren Hintergründen lässt die Schrift kräftiger und größer erscheinen. Dies führt zu einem sehr unruhigen und überfüllten Designlayout.

Aus diesem Grund empfehlen wir, den Dunkelmodus über die üblichen Änderungen hinaus, die jeder vornimmt, im Detail zu planen.

In Bezug auf die Schriftauswahl empfehlen wir daher, eine hellere Schriftstärke zu wählen, damit das Ergebnis im Dunkelmodus genau die richtige Menge an Kühnheit ist. Auf diese Weise wird der gesamte Designstil nicht stark beeinträchtigt.

Kimp-Tipp: Wenn Sie der Meinung sind, dass die hellere Version der Schriftart, die Sie normalerweise verwenden, nicht für Ihre Branding-Designs geeignet ist, empfehlen wir, benutzerdefinierte Schriftarten zu erstellen. Ja, auf diese Weise können Sie sich von der vorherigen Schriftart inspirieren lassen, sie aber an Ihr Branding und Ihre Designausdrücke anpassen.

Vermeiden Sie visuelle Vibrationen mit durchdachtem Dark-Mode-Design und benutzerdefinierten Schriftarten. Melden Sie sich für ein Kimp Graphics-Abonnement an, um dies jetzt zu erhalten!

5. Aktualisieren Sie Designelemente für die Arbeit im Dunkelmodus

Wir haben Farbe und Schriftart abgedeckt, aber ein Newsletter-Design hat auch viele andere Elemente. Dazu gehören Symbole, Logos, Markennamen, Bilder und so weiter. Auch diese müssen im Dunkelmodus gut funktionieren, damit das Design gelingt.

Wenn Sie sich nun die Beispiele unten ansehen, können Sie sehen, wie die Symbole mit dunklem Hintergrund im dunklen Modus ganz anders aussehen als im hellen Modus. Manchmal kann Ihr Logo auch verschwinden, wenn der Verbraucher die E-Mail im Dunkelmodus betrachtet. Ihr Design muss also Elemente enthalten, die mit diesem Modus gut funktionieren.

Wie machst du das?

• Beginnen Sie zunächst damit, PNG-Dateien mit transparentem Hintergrund für Symbole, Logos, Markennamen usw. zu verwenden.
• Wenn das Element selbst einen dunklen Hintergrund hat oder wie das TikTok-Logo schwarz ist, sollten Sie dem schwarzen Design einen weißen Strich hinzufügen. Dies verleiht dem Design Gewicht und hebt es vom Hintergrund ab.
• Einige Newsletter-Designs haben auch Text, der Hintergrundbilder überlagert. Wenn Ihr Text weiß ist, wird der Dunkelmodus in Schwarz umgewandelt. Wählen Sie also ein Hintergrundbild, das nicht kollidiert. Wenn nicht, ziehen Sie in Betracht, eine Ebene dazwischen hinzuzufügen.

Kimp-Tipp: Wenn Sie ein kleines Unternehmen sind, das mit Branding-Designs beginnt, stellen Sie sicher, dass Ihr Designteam Assets erstellt, die im Dunkelmodus gut funktionieren. Um nicht zu sagen, dass Sie keine schwarzen Logos haben können, aber stellen Sie sicher, dass sie Ihnen die PNG-Datei geben.

Hast Du gewusst? Bei Kimp Graphics haben Sie das vollständige Eigentum an allen Dateien und wir teilen die Designs formatübergreifend, damit Sie das Beste daraus machen können.

6. Vergiss deine Illustrationen nicht

Wir leben in einer Zeit, in der sich Grafikdesign von Stock-Bildern oder sogar Fotos in E-Mails entfernt hat. Ja, Illustrationen und Doodles sind die aktuellen Trends, und das aus gutem Grund. Sie setzen Ihre Markenpersönlichkeit optimal in Szene und darauf dürfen Sie um keinen Preis verzichten.

Da die Markenillustrationen jedoch mit voreingestellten Farben geliefert werden, stellen sie eine Herausforderung dar, wenn Sie Ihren Newsletter für den Dunkelmodus optimieren. Aber nicht unmöglich zu machen. Wenn Ihre Marke es nicht aushält, die Farbe der Illustrationen aus Branding-Gründen zu ändern, kann Ihnen ein professionelles Designteam helfen.

Sie können den Hintergrund von der Vordergrundillustration trennen und die Ebenen ändern, sodass das Design im Dunkelmodus gut funktioniert.

Und wenn Sie neue Illustrationen entwerfen, stellen Sie sicher, dass Sie die Dunkelmodus-Kompatibilität in Ihr Design-Briefing aufnehmen. Und arbeiten Sie mit dem Designteam zusammen, um pastellfarbene und ungesättigte Farben für die Illustration auszuwählen.

7. Testen, testen, bis perfekt

Der letzte und wichtigste Schritt bei der Optimierung Ihrer Newsletter-Designs für den Dunkelmodus ist das Experimentieren, bis Sie es richtig hinbekommen. Da jeder E-Mail-Client die Dark-Mode-E-Mail anders darstellt, ist es praktisch unmöglich, es beim ersten Mal richtig zu machen. Ganz zu schweigen davon, dass die Farben je nach Bildschirm variieren, ebenso wie die Benutzererfahrung.

Aber wenn Sie sich dem Testen, Analysieren und Experimentieren verschreiben, dann sind Sie auf dem richtigen Weg.

Überprüfen Sie die E-Mails selbst auf Geräten und im Dunkel-/Hell-Modus. Verstehen Sie, wie die Farbe, die Schriftart und die Bildwiedergabe variieren. Gehen Sie zurück zum Zeichenbrett oder zur Besprechung des Designteams, um an den Problemen zu arbeiten.

Gestalten Sie Dark-Mode-kompatible Newsletter mit Kimp

Sind Sie stolz auf Ihre Newsletter-Kampagnen? Liebst du es, jeden Tag Inhalte dafür zu erstellen? Wir sind so froh, dies zu wissen, und Sie sollten dies auch weiterhin tun. Lassen Sie sich nicht von den Änderungen in Designstilen oder Trends abschrecken.

Kimp ist hier, um all das für Sie zu erledigen. Ja, wir wissen, dass es ein langer Prozess ist, den perfekten Designstil für den Dunkelmodus zu finden, aber wir sind bei Ihnen. Unsere unbegrenzten Design-Services (Kimp Graphics und Kimp Video) sind speziell für diese Szenarien konzipiert. Damit Sie experimentieren und das beste Design erhalten können, ohne sich Gedanken über das Budget machen zu müssen.

Melden Sie sich also noch heute für unsere Abonnements an und optimieren Sie!