Newsletter-Design-Baukasten, Teil 2

Typographie, Bildsprache & Design-Elemente. 🦄 Inkl. Google Doc zum Kopieren & Bearbeiten.

Author

Brigitte Alice Radl
October 18, 2024 • Lesezeit: 5 Minuten

Hallo ,

letzte Woche haben wir uns um Logo und Farben gekümmert. Heute folgen

  • Typographie,

  • Bildsprache und

  • funktionale Designelemente.

Ganz unten findest du den kompletten Newsletter-Design-Baukasten mit der 5-Schritte-Anleitung zum Download.

Happy friday,
deine Brigitte Alice 💌

Das bin ich: Brigitte Alice. Ich habe meistens gute Laune und lache viel. Das ist mein Zauber ;)

PS: Jemand hat dir diesen Newsletter weitergeleitet? Hier kannst du ihn abonnieren. 📫

PPS: Sag doch “Hi!” auf LinkedIn.

Okay, Logo und Farben für deinen Newsletter hast du ausgewählt. Heute geht’s weiter mit …

3. Typographie

Auch die verwendeten Schriftarten prägen deinen Newsletter intensiv. 

Vergiss aber nie die wichtigste Regel für Newsletter: Wähle lieber Schriften, die auf den meisten Geräten und E-Mail-Clients korrekt angezeigt werden (sichere Systemschriften, “websafe/e-mail-safe fonts”), statt in Schönheit zu sterben.

Prinzession stirbt in Schönheit. gif.

Zum Beispiel:

  • Arial

  • Courier New

  • Georgia

  • Helvetica

  • Lucida Sans

  • Tahoma

  • Times New Roman

  • Trebuchet MS

💡 Sicherste Variante: Du wählst aus den in deinem Newsletter-Tool hinterlegten Schriften. Sie sind auf den Empfängergeräten deiner Subscriber vorinstalliert und können problemlos angezeigt werden.

Wichtige Kriterien bei der Wahl deiner Schriften: Lesbarkeit! Lesbarkeit! Lesbarkeit!

  • ✅ Nutze “e-mail-safe fonts” wie Arial, Verdana, Georgia … 

  • ✅ 2 Schriftarten reichen: 1x für Headlines, 1x für den Fließtext 

  • ✅ Vermeide verschnörkelte Schriftarten, Schreib- oder Frakturschrift

  • ✅ Definiere eine angemessene Schriftgröße (mind. 14px für Fließtext) 

  • ✅ … und ausreichenden Zeilenabstand (1.5x bis 1.75x der Schriftgröße)

💡 Profi-Tipp: Wenn du deinem Newsletter einen Extra-Twist verleihen willst, kannst du für Headlines oder Rubriktitel natürlich eine ungewöhnliche, fancy Schrift wählen. Bedenke dabei: Du musst sie als Bild hochladen! 

Screenshot aus "The Good Trade". Du siehst Typo plus Bild als Foto hochgeladen.

In diesem Beispiel von “The Good Trade” sind Überschrift und Foto als Bild gespeichert und hochgeladen. 

💡 So kommst du zu deinen Schriftarten:

✅ Google Fonts bietet eine riesige Auswahl an Schriften, viele kostenlos

✅ Welche Schriften gut zusammenpassen (Font Pairings): Figma Google-Schriftenartenpaare 

4. Bildsprache & Style

Verwendest du in deinem Newsletter Bilder oder Fotos? Wenn ja, sollten sie in einem einheitlichen Stil gehalten sein (z.B. minimalistisch, üppig-oppulent, voller Menschen, schwarz-weiß …). 

Auch die “Mood”, also die Bildstimmung sollte konsistent sein: Sind deine Bilder knallbunt, in romantischem Sepia getönt oder skandinavisch blass? 

Und schließlich ist die Frage: Verwendest du auch Infografiken, Comics, GIFs, Memes … ? Meine GIFs sind mittlerweile ein Erkennungszeichen meines Newsletters 👇

Einhorn-gif!

💡 So kommst du zu deiner Bildsprache:

✅ Nutze lizenzfreie Bilder von Plattformen wie Unsplash oder Pexels. Aber Achtung: Übertreib es nicht mit künstlichen Stock-Photos, die keinen Mehrwert haben. 

✅ Erstelle ein kleines Moodboard mit Beispielfotos, die deine Bildsprache wiedergeben.

✅ Wähle dein Fotobearbeitungstool & deinen Fotofilter und bleib dabei.

5. Funktionale Design-Elemente

Für Newsletter gilt: form follows function. Alle visuellen Elemente in deinem Newsletter haben eine Funktion. Oder anders gesagt: Kein Design-Element ist nur da, weil es schön aussieht.

Wer keine Funktion hat, fliegt! 

"Ab in die Tonne"-gif

Die Klassiker sind Bullet-Point-Listen oder Aufzählungen, Buttons, Content Dividers & Co. Dazu habe ich schon einmal eine eigene Episode geschrieben

👉 Lies die Details hier nach: 5 funktionale Design-Elemente im Newsletter

War das hilfreich für dich?

Login oder Abonnieren um an umfragen teilzunehmen.

Und hier kommt auf Wunsch noch ein freundliches Freebie zum Schluss … 🐝

Dein Newsletter-Design-Baukasten: Hol dir das komplette Google Doc!👇

Weil ich weiß, dass Freebie-PDFs meist ungenutzt am Desktop herumliegen, habe ich den gesamten Newsletter-Design-Baukasten in ein Google Doc gepackt.

Du kannst es Kopieren, Bearbeiten und Teilen.

In diesem Sinne: Hauptsache, du hast einen Look.

Happy friday,
deine Brigitte Alice 💌

Dir taugt mein Newsletter oder du möchtest mit mir zusammenarbeiten?

💙 1. Teile diesen Link mit allen, die auch auf Newsletter abfahren: https://newsletter-newsletter.beehiiv.com/subscribe

💌 2. Folge mir auf LinkedIn für noch mehr Newsletter-Content.

👉 3. Schau auf meine Website, wenn du mit mir zusammenarbeiten möchtest: https://baresleben.com/newsletter/