5 praktiska designtips för drag & drop editorn

Detta är en uppföljning på artikeln 5 enkla designtips som gör ditt nyhetsbrevet snyggare, om du inte har läst den än så rekommenderar jag att du börjar där. I den här artikeln tänkte jag visa hur du kan använda tipsen i vår drag & drop editor för att skapa lättlästa, snygga och personliga nyhetsbrev.

Använd få typsnitt

Ett återkommande önskemål från våra kunder har varit att kunna använda Google fonts i sina nyhetsbrev. Nu är det äntligen möjligt 🙂 Hela Google’s bibliotek finns tillgängligt i drag & drop editorn. Vi har valt ut några typsnitt som vi anser håller hög nivå och resten når du genom att söka i fältet:

Trots alla fördelar med Google fonts så finns det några saker som kan vara bra att tänka på:

• Varje typsnitt ”väger”(Kilobyte) ganska mycket. Med det menar jag att ju fler typsnitt du använder desto längre tid tar det för dina mottagare att ladda ner och kunna läsa nyhetsbrevet.
• Google fonts stöds inte i alla e-postklienter. Vi anger dock en reserv som går i samma stil som det typsnitt du valde.

Välj färger med omsorg

I den nya drag & drop editorn har vi gjort det väldigt enkelt att välja färger med omsorg. De färger du väljer under ”Design”-tabben är de färger som sedan finns tillgängliga i färgväljaren i resten av verktyget.

I videon nedan demonstrerar jag detta, där jag sätter ganska enkla och högt kontrasterande färger på typsnitt och avskiljare, men väljer att sätta min accentfärg på knappar och länkar. Då finns dessa tillgängliga om jag vill belysa något särskilt i ett annat block medan jag bygger nyhetsbrevet.

Var inte rädd för tomrum

Precis som i den förra versionen av drag & drop editorn har även den nya ett särskilt block för att kontrollera vertikala avstånd i nyhetsbreven. Det som är extra bra i den nya versionen är att du manuellt kan bestämma hur hög varje avstånd ska vara. Tidigare hade avståndet en fast höjd på 20px vilket resulterade i att man var tvungen att dra in flera avskiljare för att nå önskad höjd, men problemet var att man inte kunde finlira med avståndet, men nu är det alltså möjligt.

Se till att ha tillräckliga kontraster

En annan högt efterfrågan funktion har varit att kunna använda bakgrundsbilder i drag & drop editorn, även det är nu möjligt! Bakgrundsbilder kan vara ett utmärkt sätt att skapa nyhetsbrev som verkligen fångar blicken men det finns några saker som är bra att tänka på:

• Som rubriken lyder – Se till att ha tillräckliga kontraster. Detta är extra viktigt när man använder bakgrundsbilder, jag ser ofta nyhetsbrev och webbplatser med vit text på ”mörk” bakgrundsbild som är väldigt svår att läsa.
• Välj en bra reservfärg. Tyvärr så finns det några e-postklienter som inte har stöd för bakgrundsbilder, då är det väldigt viktigt att välja en liknande bakgrundsfärg om bilden inte kan visas.

Videon nedan visar hur du lägger till en bakgrundsfärg som reserv. Det är enkelt att se om reservfärgen är lämplig då vi visar den som bakgrundsfärg för alla textblock i den aktuella sektionen:

Fatta dig kort

Andemeningen med den här punkten i förra artikeln var egentligen att belysa vikten av att tänka noga kring kompositionen av varje nyhetsbrev. Det finns inget fel i att ha mycket innehåll, problemet jag ofta ser är att texten är väldigt komprimerad och avsaknaden av tomrum gör att man kan tendera att tappa läslusten.

Många av de saker jag gått igenom i den här artikeln kan användas för att undvika den fällan. Nedan har jag samlat alla tips i ett och samma nyhetsbrev:

PS. Om du gillar mallen och vill använda den som grund för ditt nästa nyhetsbrev finns den nu tillgänglig i verktyget – helt gratis. Du hittar mallen genom att Logga in eller registrera ett gratiskonto och gå till ”Utskick > Skapa utkast”.