Text mit Hintergrund gestalten
Text mit Hintergrund kannst du in Mail Designer 365 mit einer Farbe, einer Textur oder einem Foto gestalten. Entscheide zuerst, ob der Hintergrund für alle Textbereiche oder nur für eine einzelne Textspalte gelten soll. Lesbarkeit und Kontrast bleiben wichtiger als der dekorative Effekt.
Für die Textbereiche in deinem Design lassen sich ebenfalls Texturen, Fotos und Hintergrundfarben verwenden.
Einen Hintergrund für alle Textbereiche verwenden
In der Hintergrundbearbeitung kannst du einen Hintergrund aus dem Menü (Foto oder Textur) in den mittleren Bereich des Designs ziehen und er wird dann für alle Textelemente in deinem Newsletter verwendet.
Einen Hintergrund für einen bestimmten Textblock verwenden
Wähle zunächst einen Layoutblock und klicke dann entweder auf das Farbroller-Symbol für diesen Layoutblock oder auf das Hintergrund-Menü. Nun kannst du einen Hintergrund nur für diesen Layoutblock auswählen.
Hintergrund für eine Textspalte verwenden
Für einige Textbereiche lassen sich separate Hintergründe nutzen. Damit lassen sich Seitenleisten erstellen, um Links und weitere Informationen auf einen Blick zu erfassen.
Textbereiche, die eigene Hintergründe unterstützen, erkennst du an ihrer gelben Markierung im Inhalte-Fenster.
Hintergrund für alle Textbereiche verwenden
Ziehe die gewünschte Farbe, Textur oder das Foto in den mittleren Hintergrundbereich des Designs. Prüfe danach jede Textspalte, weil dieselbe Fläche hinter unterschiedlichen Schriftfarben und Inhalten erscheinen kann. Ein ruhiger, kontrastreicher Hintergrund erleichtert das Lesen.
Wenn du ein Foto verwendest, wähle einen Ausschnitt ohne starke Details direkt hinter dem Text. Eine passende Fallback-Farbe sorgt dafür, dass die Inhalte verständlich bleiben, wenn das Hintergrundbild nicht geladen wird.
Einzelne Textspalte hervorheben
Für Hinweise, Zitate oder kurze Angebote kannst du den Hintergrund nur auf eine Textspalte anwenden. Halte ausreichend Innenabstand zwischen Text und Spaltenrand ein. Die Fläche sollte die Informationshierarchie unterstützen und nicht wie ein zusätzlicher, unklarer Button wirken.
Kontrast und Barrierefreiheit prüfen
Kontrolliere helle und dunkle Bereiche des Hintergrunds. Kleine oder dünne Schrift benötigt besonders deutlichen Kontrast. Farbe allein darf keine Bedeutung vermitteln; ergänze Status oder Aktion immer durch verständlichen Text.
Verwende für längere Absätze möglichst ruhige Vollfarben. Fotos und Texturen eignen sich besser für kurze Überschriften oder klar abgegrenzte Teaser, wenn die Lesbarkeit zuverlässig bleibt.
Abgrenzung zum Newsletter-Hintergrund
Diese Seite behandelt Hintergründe direkt hinter Textbereichen und einzelnen Textspalten. Der äußere beziehungsweise allgemeine Seitenhintergrund wird in E-Mail Hintergrund wählen separat erklärt. Damit konkurrieren die beiden Seiten nicht um dieselbe Suchintention.
Mobile Darstellung kontrollieren
Öffne die Smartphone-Vorschau und prüfe, ob Hintergrund, Innenabstand und Textbreite weiterhin zusammenpassen. Mehrspaltige Bereiche können mobil neu angeordnet werden. Kontrolliere deshalb jede betroffene Spalte und nicht nur die Desktop-Vorschau.
Testmail mit blockierten Bildern
Sende eine Testmail an mehrere E-Mail-Programme und prüfe die Darstellung mit aktivierten und blockierten Bildern. Text, Links und Aktionen müssen auch dann erkennbar bleiben, wenn eine Textur oder ein Hintergrundfoto fehlt.
Checkliste für Texthintergründe
- Geltungsbereich: alle Textbereiche oder einzelne Spalte.
- Schrift und Hintergrund besitzen ausreichenden Kontrast.
- Fallback-Farbe funktioniert ohne Hintergrundbild.
- Innenabstand und mobile Anordnung wurden geprüft.
- Testmail bleibt bei blockierten Bildern verständlich.
Wie können wir helfen?