Abstände anpassen

Abstände sind verfügbar für Bild-, Text-, Button- und Video-Elemente.

Sie dienen dazu, Abstand zwischen den Elementen in Ihrer E-Mail zu schaffen und helfen so dabei, diese zu strukturieren, die Lesbarkeit der Inhalte zu optimieren, visuellen Freiraum zu schaffen und die Informationshierarchie zu verbessern.

Es gibt keinen universellen Wert für Abstände, aber verwenden Sie gerne die gleichen Abstände für jeden Elementtyp. Beispielsweise eine Abstandsgröße für den Platz zwischen einem Titel und einem Absatz, eine andere für den Platz zwischen einem Titel und einem Untertitel.

Teil 1: Abstände in der Desktop-Ansicht anwenden

Um Abstände zu einem Element in der Desktop-Ansicht hinzuzufügen, wählen Sie es aus und öffnen Sie die Kategorie "Abstände" im Tab "Stile" des Design-Panels.

Sie können Abstände oberhalb, unterhalb, rechts oder links von Ihrem Element hinzufügen.

Abstände können in Pixeln oder Prozent angewendet werden, je nach gewünschter Darstellung.

In der Desktop-Ansicht werden Abstände im Allgemeinen in Pixeln angewendet, um eine präzise Darstellung zu gewährleisten.

Teil 2: Abstände in Tablet- und Mobilansichten anwenden oder ändern

In Tablet- und Mobilansichten sind die Abstände unabhängig. Sie können diese Werte ändern, ohne die in der Desktop-Ansicht eingegebenen zu beeinflussen. Standardmäßig werden die Abstände von Ihrer Desktop-Version übernommen und erscheinen in grauer Farbe.

Bei diesen Breakpoints werden die Abstände im Allgemeinen in Prozent angewendet, um eine optimale Darstellung auf allen Bildschirmgrößen zu erzielen.

Teil 3: Fall der Hintergrundfarbe

Wenn Sie Abstände zu einem Element mit einer Hintergrundfarbe hinzufügen, behalten die Abstände diese Farbe bei.

In diesem Fall haben Sie zwei Möglichkeiten, wenn Sie einen transparenten (oder weißen) Abstand oberhalb oder unterhalb Ihres Elements hinzufügen möchten:

  • Den Abstand zum vorherigen oder nächsten Element hinzufügen
  • Ein Separator-Element verwenden

Für weitere Informationen zum Separator-Element siehe Abstandselemente.

Teil 4: Abstände vs. Separatoren

Abstände sind ein wichtiger Vorteil für die Erstellung von Zwischenräumen, da sie weniger Code-Gewicht (HTML/CSS) zu der E-Mail hinzufügen. Wenn sie verwendet werden können, werden Abstände gegenüber der Verwendung des Separator-Elements empfohlen.