18 narzędzi przydatnych podczas tworzenia newslettera

Tworzenie newslettera i mailingu w dzisiejszych czasach jest dość łatwe, a to za sprawą dostępnych narzędzi wspomagających pracę projektantów i programistów. Wiele spośród nich jest prostych w użyciu, nie wymaga żadnej wiedzy technicznej a jednocześnie dostarcza profesjonalne rezultaty.

Poniżej opisaliśmy narzędzia, dzięki którym projektowanie mailingów będzie przyjemniejsze i bardziej inspirujące, a Ty zaoszczędzisz sporo czasu.

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”.

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 pożą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 Color CC

Program pozwala wygenerować paletę pasujących do siebie kolorów na wiele róznych sposobów.

Paletton

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 strony www.

Pobieranie koloru ze strony

Chcesz, aby kolory, których używasz w swoim mailingu idealnie pasowały do umieszczonego w nim zdjęcia? A może tworzysz profesjonalną grafikę i potrzebujesz znać dokładnie, jakie kolory zostały wykorzystane na stronie Twojego klienta? jest na to prosty sposób...

ColorZilla

jest to wtyczka, którą możesz zainstalować z Chrome. Pozwala ona na pobranie koloru z dowolnego miejsca witryny internetowej i wykorzystania go w swoich projektach.

Pick Color from Image

Jest to kolejne narzędzie, które pomoże Ci pobrać kolory ze zdjęcia. Wystarczy, że wgrasz zdjęcie i najedziesz myszką na odpowiednie miejsce na zdjęciu. Program nie tylko wskaże Ci dokładny "numer" koloru, ale dodatkowo zaproponuje pasującą do niego paletę odcieni.

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. I tak wracamy do ColorZilla, która jest do tego idealna, gdyż generuje odpowiedni kod CSS, wiec pozostaje tylko skopiować i wkleić.

SecretGeek

Program ten pozwala na tworzenie gradientu 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ą.

Bulletproof 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 pewnoś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ś...

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óżnego rodzaju narzędzi 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.