Poniżej opisaliśmy 19 narzędzi, dzięki którym projektowanie mailingów będzie przyjemniejsze i bardziej inspirujące, a Ty zaoszczędzisz sporo czasu.
Generator imagemap
http://imagemap-generator.dariodomi.de/ – Map Area do obrazków.
Symbole – aby mailing był oryginalny
Symbole w temacie wiadomości – lub też w treści mailingu – dodają mu oryginalności. Często dodawane są by “mrugnąć okiem” do odbiorcy, zażartować lub też wprowadzić trochę “luzu”.
Symbole w temacie mailingu zwiększają jego otwieralność. Duże grafiki, wielość kategorii i zdecydowana łatwosć obsługi to zalety strony która jest biblioteką takich symboli. Klikając na konkretny symbol, automatycznie zostaje on skopiowany do pamięcie podręcznej. Następnie wystarczy CTR+V w docelowym newsletterze.
UTF-8 encoding table & Unicode characters
Zaletą tej strony jest uwzględnienie kodowania zarówno UTF-8, jak i HTML. Można wybrać symbol, a następnie skopiować kod w porządanym formacie.
Kolory, aby newsletter przyciągał wzrok
Jak dobrać odpowiedni kolor? Można skorzystać z narzędzi generujących gamy pasujących do siebie kolorów.
Adobe Kuller
Program pozwala wygenerować paletę pasujących do siebie kolorów na wiele róznych sposobów.
Color Scheme Designer
Jest to aplikacją zaprojektowana do łatwego tworzenia zestawu pasujących do siebie kolorów. Dużym plusem jest możliwość zobaczenia, jak wybrana kolorystyka ma się do przykładowej storny www.
Pictaculous
Dzięki temu programowi możesz dopasować gamę kolorów do wybranego zdjęcia. Wystarczy wgrać do aplikacji zdjęcie które ma być wyznacnzikiem a Pictaculous zaproponuje zestawy pasujacych kolorów zacigniętych z aplikacji Kuler i ColourLovers. Pozwala także wysłać powyższe informacja na maila, gdybyś przykładowo chciał przekazać je grafikowi.
Gradient – gdy kolor to za mało
Gradient, czyli płynne przejście od jednego koloru do drugiego.
ColorZilla
HTML5 wprowadziło wiele ciekawych możliwości dla twórców mailingów. Jedną z cech jest umiejętność określenia gradientów przy użyciu czystego CSS3, bez konieczności tworzenia żadnych obrazów i używania ich jako powtarzanie tła dla efektów gradientu. ColorZilla jest do tego idealna, gdyż generuje odpowiedni kod CSS, wiec pozostaje tylko skopiować i wkleić.
SecretGeek
Program ten pozwala na tworzenie gradietu w sposób niezwykle prosty ale często wystarczający. Wystarczy wpisać kolor początkowy, końcowy, długość oraz kierunek, a zobaczysz stworzony przez siebie gradient.
CSS Gradient Generator
CSS3 Gradient Generator przeszedł redesign i przeniósł się do CSS3 Factory. Utrzymane są wszystkich jego narzędzia i funkcje, ale wygląda jeszcze lepiej. Zwiększona została także użyteczność generatora i poszerzone są także zaawansowane funkcje, z którymi możesz się zapoznać w łatwy sposób.
Pattern i tła
Pattern, czy też po polsku deseń to rodzaj tła, które składa się z powtarzalnego elementu, którego wielokrotne użycie tworzy całość grafiki. Można go wykorzystać jako tło mailingu.
Stripe Generator 2.0
Za pomocą tego programu możesz ustawić sobie: rozmiar patternu, rozstaw, kolory paska, styl tła, cień, kolor tła, orientacja patternu. Następnie stworzony pattern zastosować w swoim mailingu.
MudCu
Program ten obejmuje duży zbiór tekstur drewna, rdzy, papieru i betonu którym możemy nadać własny kolor, jasność i inne parametry. Dodaj zdjęcie z linka lub komputera a następnie eksperymentuj z kolorystyką.
Bulletrproof Email Background Images
To narzędzie, za pomocą którego możesz wygenerować tło mailingu ze zdjęcia. Na pozór proste zadanie, ale spróbuj stworzyć tło, które będzie się wyświetlać we wszystkich programach pocztowych z popularnym Outlookiem na czele. Ciężko…
Korzystając z EmailBG otrzymasz kuloodporny kod HTML tła, który możesz zastosować w swoim mailingu.
Przyciski – kreatywne call to action
Prezentowane poniżej generatory przycisków maję tą zaletę, że są widoczne bez względu na to, czy internauta ma włączone wyświetlanie obrazków w programie pocztowym, czy też nie.
Da Button Factory
Dabutton Factory oferuje wszystkie potrzebne funkcję, aby stworzyć przyzwoity przycisk. Żonglując między rodzajami czcionek, tła czy cieniem możesz osiągnąć zamierzony cel. Stworzony button dostępny jest jednak tylko w wersji graficznej.
CSS Button Generator
Tam gdzie kończy się powyższy program, zaczyna się CSS3 Button Generator. Oprócz możliwości stworzenia konkretnego przycisku, otrzymujesz także bardzo dokładny kod CSS, który możesz bez obaw wkleić do swojego mailingu.
Cięcie i kadrowanie zdjęć
Oprócz kolorów i przycisków w mailingów również bardzo ważne są odpowiednio dobrane i skadrowane grafiki. Zatem poniżej kilka narzędzi, które pomóc mogą w tej kwestii.
Croppola
Croppola służy do kadrowania zdjęć, jednak robi to w inteligentny sposób. Algorytm tego narzędzia opiera się bowiem na teoriach i zasadach kompozycji obrazu, wykorzystywanych przez fotografów w czasie robienia zdjęć. Dzięki temu przekadrowane zdjęcie zachowuje wizualną równowagę a praca z nim jest przyjemnością tworzenia 🙂
Online Image Splitter
Nie wszystkie obrazki w mailingu można dodać w całości. Te większe wymagają pocięcia aby zredukować ryzyko trafienia mailingu do spamu. W takich sytuacjach z pomocą przychodzi Online Image Splitter. O tym narzędziu pisaliśmy szczegółowo we wpisie „Jak pociąć zdjęcia w mailingu„.
Tiny PNG
Pliki PNG z przezroczystością przydają się w czasie tworzenia mailingu, ale jednocześnie potrafią sporo ważyć. I tu pojawia się problem bo zazwyczaj istnieją limity wagi mailingu (przykładowo w o2.pl limit = 50 KB). W takiej sytuacji zalecam sięgnąć po program Tiny PNG, który zredukuje wagę każdego pliku PNG.
Tych narzędzi na pewno wcześniej nie znałeś …
Gif Countdown
To narzędzie idealne dla mailingów e-commerce. Pozwala wygenerować i wstawić do maila animowany zegar, który odmierza czas do ustawionej przez Ciebie “godziny zero” czyli np. do czasu zakończenia promocji.
Premailer
Wiele programów pocztowych nie pozwala na linkowanie zewnętrznych arkuszy styli, a także pomija te zawarte w sekcji head oraz body. Dlatego szablony HTML mailingów należy stylować za pomocą CSS-ów, wpisując właściwości inline w elementy. Przerobienie mailingu do wersji inline CSS może okazać się nuuuudnym zadaniem. Narzędzie Premailer pozwoli Ci zaoszczędzić sporo czasu biorąc to zadanie na siebie. Możesz liczyć także na dodatkowe funkcje takie jak czyszczenie kodu HTML ze zbędnych tagów i komentarzy oraz analiza kodu pod względem zgodności z programami pocztowymi.
Narzędzia we FreshMailu
Oprócz zewnętrznych narzędzi dostępnych na różnego rodzaju stronach sam FreshMail oferuje w ramach swoich funkcjonalności sporo róznego rodzaju narzedzi usprawniających tworzenie, testowanie i wysyłanie mailingów.
FreshMail posiada takie narzędzia jak:
- testy antyspamowe
- inbox test
- testy A/B
- optymalizator czasu wysyłki
- edytor szablonów newsletterów
- gotowe szablony
Gdzie szukać inspiracji?
Jeśli brak Ci weny zainspiruj się wykonanymi już mailingami. Czasem nie ma powodów aby wymyślać “koło na nowo”.
Jeśli znasz narzędzie, które ułatwia Ci tworzenie newslettera, a nie zostało tu opisane, podziel się nim w komentarzu.
Więcej na ten temat
Jak pociąć grafiki w mailingu – kilka technicznych porad
Jak tworzyć treści do mailingu – poradnik o pisaniu do internetu
FreshMail Designer – tworzenie newslettera może być jeszcze prostsze
Jak stworzyć dobry mailing – dobre rady dla zaangażowanych
Źródło: http://freshmail.pl/blog