Feb 23 2018

Objekte nach vorne oder hinten bewegen

By Hans-Peter Erweiterte Design-Techniken

Mit „Objekte nach vorne oder hinten bewegen“ ordnest du überlappende Designelemente in Mail Designer 365 auf der passenden Ebene an. So bleibt dein Newsletter-Layout übersichtlich und wichtige Inhalte stehen sichtbar im Vordergrund.

Objekte nach vorne oder hinten bewegen

Klicke auf einem Objekt. Du wirst nun das "Stil" Menü auf der rechten Seite deines Designs sehen.

Objekte nach vorne oder hinten bewegen im Stil-Menü

In dem "Stil" Menü gibt es vier Symbole: "Hinten", "Vorne" "Rückwärts" und "Vorwärts".

Wähle ein Objekt und klicke auf „Rückwärts“ oder „Vorwärts“ in der Symbolleiste. Für noch mehr Kontrolle über deine Ebenen kannst du auch „Anordnen > Vorne“ oder „Hinten” in der Menüleiste wählen.

Mit der Maus...

Mit der Maus kannst du einen Rechtsklick machen und ein Objekt nach Wünsch in deinem Design anordnen. .

Wie können wir helfen?

Auf einen Blick

Hintergründe

Layoutblöcke

Mit Text arbeiten

Links und Buttons

Textstile

Tabellen

Bildbereiche

Bilder

Retina-Bilder

Grafiken und mehr

Kreative Tools

Erweiterte Design-Techniken

Mobile Optimierung

Klartext-Darstellung

Inbox-Vorschau

Vorschau

Feedback und Teams

Vorbereitung vor dem Senden

Kontakte und Zielgruppen

E-Mail-Versand

1:1 E-Mails

Auswertung und Statistiken

HTML Export

Teilen

Anhang: Designelemente ausrichten

Anhang: Tastaturbefehle

Die Sprache ändern

Ein neues Design erstellen

Grundlegende Tipps

Mail Designer 365 Best Practice Anleitung

Mail Designer 365 Beta-Versionen testen

Den inneren Hintergrund bearbeiten

Einen Hintergrund für einen Textbereich anwenden

Muster im Hintergrund nutzen

Abstände zwischen Layoutblöcken hinzufügen

Die Größe von Elementen in einem Layoutblock anpassen

Layoutblöcke duplizieren

Layoutblöcke in Mail Designer 365 hinzufügen

My Instant Blocks löschen

Automatische Worttrennung

Links hinzufügen

Listen in Textbereichen verwenden

Mit Text arbeiten

HTML Pfeil, Emoji & Symbole – Sonderzeichen in Emails

Text in einem Bildbereich bearbeiten

Webschriften in Mail Designer 365 verwenden

Platzhalter für den Versand mit Mail Designer einfügen

CTA Buttons hinzufügen

Einen Link für Grafiken hinterlegen

Einen Link für Text hinterlegen

Linkstile formatieren

Mehrere Buttons mit mehreren Links erstellen

Text-Buttons erstellen

Ersatzschriften verwenden

Laufweite für Textstile anpassen

Schriftstile verwenden

Text kopieren und Schriftstil beibehalten

Textstile für die mobile Version anpassen

Wortweise Hervorhebung bei Texten anwenden

Den Stil deiner Tabelle anpassen

Die Tabellen-Tools finden

Erstelle eine Tabelle in Mail Designer 365

Rahmen hinzufügen

Tabellen-Inhalte einfügen

Alt-Texte in E-Mails verwenden

Animierte Objekte hinzufügen

Bildbereiche optimieren

Mit Bildbereichen arbeiten

Objekte duplizieren

Video Platzhalter in Mail Designer 365 hinzufügen

Eigene Logos und Unterschriften einfügen

E-Mail Maske befüllen: Foto einsetzen und ausrichten

Fotos

Masken verwenden

Retina-Bilder

Unsplash-Integration

Retina Bilder für deine Vorlage deaktivieren

Retina-Bilder in deinem Design verwenden

Objekte bearbeiten

Objekte drehen

Objekte mit Text verwenden

Pixel-präzise Bearbeitung

Überblend-Modi anwenden

Überblend-Modi bei Textobjekten anwenden

Bildbearbeitung in Mail Designer 365

Den Schatten-Tool verwenden

Eine Design-Border erstellen

Ränder für Designelemente

Bilder in Programmen von Drittanbietern bearbeiten

Design-Elemente gruppieren

Design-Elemente kombinieren

Objekte ausrichten

Objekte nach vorne oder hinten bewegen

Einen Layoutblock nur für die mobile Version hinzufügen

Layoutblöcke für die mobile Version ausblenden

Layoutblöcke von der Desktop Version trennen

Text und Links verwenden

Textstile für die mobile Version anpassen

Vorschau für mobile Geräte öffnen

Ein Layout-Block für die mobile Version anpassen

Klartext optimieren

Inbox Optimierung – Optimiere den E-Mail-Vorschautext

TextScout AI für E-Mail-Betreffzeilen verwenden

Das Vorschaufenster aktualisieren

Ein eigenes Vorschaugerät hinterlegen

Design in der TeamCloud speichern

Design-Feedback im Team anfragen

Ein Design zu Crew Chat hinzufügen

Ein Team einrichten

Dein Dokument auf Probleme überprüfen

Ein Design speichern

Inbox Optimierung – Optimiere den E-Mail-Vorschautext

Rechtschreibung und Grammatik

Abmeldelinks in Mail Designer 365 einfügen: So geht’s

Testmail senden & Mail Test in Mail Designer 365 – So funktioniert’s

Anmeldeformulare erstellen

Das Mail Designer 365 Anmeldeformular-Plugin für WordPress verwenden

E-Mail-Kontakte aus Campaign Monitor in Mail Designer 365 Campaigns importieren

E-Mail-Kontakte hinzufügen

Fallstudie: Zielgruppen-Operatoren für Segmentierung verwenden

Ihren Kontakten Attribute zuweisen in Mail Designer Kampagnen

Apple Kontakte in Mail Designer importieren

Mailchimp Adressen in Mail Designer Campaigns importieren

Newsletter Empfänger hinzufügen

Zielgruppen erstellen

E-Mail Kampagne versenden

Eine Absenderadresse hinzufügen für den Versand

Fallstudie: Zielgruppen-Operatoren für Segmentierung verwenden

Versand an einzelne Empfänger

Zielgruppen aufteilen und A/B Tests durchführen

Einzelversand an einzelne Empfänger über Direktversand

E-Mail-Analyse: Kampagnenleistung messen und verbessern

Deinen Newsletter im Internet zur Verfügung stellen

E-Mail zu anderen Newsletter-Diensten exportieren

Export als HTML Datei

Dein Dokument ausdrucken

E-Mail-Designs als PNG oder JPEG exportieren

Ein Design für Mailchimp exportieren

Einen eigenen Mail-Account für den Versand konfigurieren

Platzhalter mit MailChimp verwenden

Vorlagen bei Mailchimp bearbeiten

Beliebte Beiträge

Einen Link für Grafiken hinterlegen

Testmail senden & Mail Test in Mail Designer 365 – So funktioniert’s

HTML Pfeil, Emoji & Symbole – Sonderzeichen in Emails

Mehrere Buttons mit mehreren Links erstellen

CTA Buttons hinzufügen

Neueste Beiträge

E-Mail-Analyse: Kampagnenleistung messen und verbessern

Zielgruppen aufteilen und A/B Tests durchführen

E-Mail-Kontakte hinzufügen

Abmeldelinks in Mail Designer 365 einfügen: So geht’s

Ein Layout-Block für die mobile Version anpassen

Zuletzt aktualisiert

Ein Vieleck oder Polygramm erstellen

CTA Buttons hinzufügen

Rechtschreibung und Grammatik

Einen Hintergrund wählen

E-Mail-Kontakte hinzufügen

FAQs coming soon

Feb 23 2018

Design-Elemente gruppieren

By Erweiterte Design-Techniken

Du kannst auch Design-Elemente zusammen gruppieren, wodurch das Verschieben zusammengehörender Elemente in deinem Design erleichtert wird.

Markiere durch Anklicken mehrere Elemente und wähle dann „Gruppieren“ aus der Symbolleiste.

Gruppierung für enthaltene Textobjekte aufheben

Mehrere der enthaltenen Textobjekte bestehen aus gruppierten Bildern und Textblöcken. Um die Gruppierung aufzuheben und so noch mehr Kontrolle über das Aussehen einzelner Elemente zu erhalten klicke einfach auf „Gruppierung auflösen“ in der Symbolleiste.

Feb 22 2018

Design-Elemente kombinieren

By Erweiterte Design-Techniken

Du kannst einige interessante Effekte durch das Verbinden mehrere Designelemente kreieren. Mail Designer 365 erlaubt das Anordnen von Objekten auf Ebenen, wodurch einzigartige Effekte entstehen können.

Grafiken kombinieren

Nehmen wir an, dass wir eine große Verkaufsaktion für den 16. Juli planen, die wir ankündigen wollen. Durch die Kombinieren der Kalendergrafik mit einem weiteren Element , lässt sich das Datum visuelle hervorheben.

Ziehe die Kalenderblattgrafik in dein Design:

Klicke nun auf den Reiter „Grafiken“ und ziehe den schwarzen Kreis zum markieren auf das Kalenderblatt:

Zuletzt kannst du mit Hilfe der Aktivpunkt die Größe des Kreises anpassen und ihn durch ziehen über dem 16. Juli platzieren.

Klasse! So hast du eine visuelle Erinnerung, die deine Kunden an das Event am 16. Juli erinnert!

Feb 22 2018

Bilder in Programmen von Drittanbietern bearbeiten

By Erweiterte Design-Techniken

Mit Mail Designer 365 kannst du Bilder, die du in Bildbereichen verwendet hast, direkt aus Mail Designer 365 heraus in anderen Programmen öffnen, um sie dort zu bearbeiten. Wähle hierfür einfach das gewünschte Bild durch Anklicken aus und klicke den „Bearbeiten In“ Button in der Symbolleiste.

Wähle nun das Programm in dem du das Bild öffnen möchtest. Mail Designer 365 öffnet danach das Bild im gewünschten Programm.

Feb 21 2018

Objekte ausrichten

By Hans-Peter Erweiterte Design-Techniken

Objekte ausrichten kannst du in Mail Designer 365 einzeln oder als Gruppe. So positionierst du Bilder und Textboxen präzise innerhalb eines Bildbereichs.

Einzelne Objekte ausrichten

Mail Designer 365 erlaubt dir in einfachen Schritten ein Objekt innerhalb eines Bildbereichs auszurichten. Wähle hierfür zunächst das auszurichtende Objekt aus, indem du es anklickst und wähle "Ausrichten" aus der Liste.

Durch die verschiedenen Ausrichtungsoptionen ist es ganz einfach, ein Objekt, wie bspw. ein Bild oder eine Textbox mittig in einem Bildbereich zu positionieren.

Objekte ausrichten in Mail Designer 365

Mehrere Objekte gemeinsam ausrichten

Neben der Möglichkeit einzelne Objekte auszurichten, kannst du auch eine Gruppe von Elementen in dem gleichen Bildbereich aneinander ausrichten.

Wähle hierzu mehrere Elemente aus, indem du die Hochstell- oder CMD-Taste gedrückt hältst und eines nach dem anderen anklickst. Wähle dann wieder "Ausrichten" aus der Symbolleiste und klicke die gewünschte Ausrichtung an.

Objekte aus unterschiedlichen Layoutblöcken ausrichten

Befinden sich Objekte in verschiedenen Layoutblöcken, können diese nicht über das Ausrichten Menü angeordnet werden. Mail Designer 365 verfügt jedoch über die Möglichkeit Hilfslinien horizontal und vertikal einzufügen, um unterschiedliche Objekte über Layoutblockgrenzen hinweg auszurichten.

Klicke hierfür in eines der Lineale und ziehe den Mauscursor in dein Dokument. Du sieht nun die Hilfslinie, die du weiter an die gewünschte Position ziehen kannst.