Jak zoptymalizować projekty biuletynów w trybie ciemnym?

E-maile to koło ratunkowe kampanii marketingowej. Żaden marketer nie zgodzi się na uruchomienie kampanii bez strategii e-mail marketingu. I to nie dlatego, że są do tego przyzwyczajeni lub nie chcą wprowadzać innowacji.

Ale ponieważ wynika to z odwiecznego powiedzenia „Nie naprawiaj czegoś, co nie jest zepsute”. Marketing e-mailowy lub biuletyny mogą zapewnić najwyższy zwrot z inwestycji, jaki możesz sobie wyobrazić. I to działa dla konsumentów z każdej grupy demograficznej – starych i młodych.

Świat marketingu biuletynowego już od dłuższego czasu płynie płynnie. Pojawia się jednak niewielki problem z powodu funkcji, która pojawiła się 4 lata temu.

Tak, mówimy o trybie ciemnym. Ale dlaczego teraz jest to tak wielka sprawa? To już od jakiegoś czasu? Jeśli kupiłeś niedawno smartfon, pierwsze spojrzenie na skrzynkę odbiorczą skłoniłoby Cię do pytania „dlaczego tło wiadomości e-mail jest czarne”?

Firmy produkujące smartfony zaczęły teraz ustawiać tryb ciemny jako domyślny, co oznacza, że ​​liczby adopcji (które i tak są już wysokie) po prostu jeszcze bardziej wzrosną.

Nadszedł więc czas, aby stworzyć strategię projektowania, aby zoptymalizować biuletyny pod kątem trybu ciemnego. I to właśnie pomoże Ci osiągnąć ten blog Kimp.

Ale wcześniej trochę historii i krótkie podsumowanie wszystkich rzeczy związanych z trybem ciemnym.

Ewolucja i rosnąca popularność trybu ciemnego

Ulubieniec Internetu i nasz tak zwany zbawca zdrowia w tych bogatych w technologie cyfrowe czasach jest wciąż nowym dzieckiem w bloku. Nawet TikTok jest starszy niż tryb ciemny i to coś mówi.

Jeśli chcesz trochę historii o tym, co rozpoczęło cały odcinek pasji Dark Mode, wszystko zaczęło się od aktualizacji Apple. Tak, Apple jest powodem istnienia trybu ciemnego. Firma Apple uruchomiła tryb ciemny podczas premiery 15. serii systemu macOS Mojave we wrześniu 2018 r. Następnie rok później był dostępny w Gmailu zarówno na urządzenia z Androidem, jak i iOS, w tym iOS Mail.

Aktualizacja programu Outlook pojawiła się nieco później, w czerwcu 2019 r., a jako pierwsza uzyskała ją wersja 1907 kanału Insider. Później wprowadzili go we wszystkich produktach w czerwcu 2020 r.

Ale czym jest tryb ciemny?

Wiemy, że często słyszymy ten termin, ale nie każdy wie, co to właściwie jest.

Tryb ciemny to znacznie więcej niż biała przestrzeń na ekranie, która staje się czarna. Jest to zasadniczo funkcja, która odwraca kolor dowolnego projektu lub ekranu, aby przyciemnić tło i zmienić kolor, elementy interfejsu użytkownika, ikony i inne projekty na elementy o jasnych kolorach.

Teraz już wiesz, że nie chodzi tylko o jeden element projektu. To całe doświadczenie samo w sobie.

Skąd nagłe zainteresowanie trybem ciemnym dookoła?

Cóż, szum narasta już od kilku lat, ale branża uważa, że ​​pandemia COVID-19 przyspieszyła jej wzrost. Jak?

Cóż, nasz czas ekranowy zawsze był śmieszny, ale kiedy świat został oficjalnie zamknięty, ludzie nie mieli innego wyboru, jak znaleźć ukojenie w wirtualnych doświadczeniach. Oznaczało to spędzanie dużo czasu na ekranach na różnych urządzeniach. W końcu doprowadziło to do bólów głowy, pleców i wielu innych dolegliwości.

Podczas gdy większość problemów wymaga długoterminowej korekty, przejście na tryb ciemny pomogło ludziom uniknąć jasnego światła, odblasków i wynikającego z tego wpływu na oczy i układ nerwowy.

Oznaczało to również, że tryb ciemny nie był przeznaczony tylko dla ekranów mobilnych i rozszerzył jego obecność również na komputery stacjonarne i inne inteligentne urządzenia, takie jak iPady i tablety.

Po co optymalizować projekt newsletterów pod kątem trybu ciemnego?

Wiemy, że klienci to kochają. Prawie 92% użytkowników Androida i ponad 80% użytkowników MacOS preferuje tryb ciemny. To musi być główny powód, dla którego warto przyjrzeć się strategiom optymalizacji projektów biuletynów.

Ale jest więcej.

Nawet jeśli klienci nie szukają aktywnie trybu ciemnego. Jak wspomnieliśmy, nowe smartfony dostarczają teraz produkty z tym trybem jako domyślnym. Wiele aplikacji i klientów poczty e-mail również zamierza wykonać ten krok.

Kiedy więc staje się to domyślne, jeśli Twoje projekty nie są kompatybilne, ryzykujesz utratę ważnego przekazu.

Tryb ciemny to nie tylko odwracanie czarno-białych aranżacji. Wiele kolorów nie działa tak samo, niektóre ikony nie wyglądają tak samo, a niezoptymalizowane projekty również mogą wpływać na czytelność.

Właśnie dlatego ankieta na temat trybu ciemnego pokazuje, że 44% marketerów e-mailowych rozważa stworzenie ciemniejszego UX, a 28% z nich zamierza to wkrótce wprowadzić.

Nie chcesz być jedynym, który zapewnia kiepskie wrażenia, prawda?

Może to spowodować utratę subskrybentów, spadek zwrotu z inwestycji i wiele przeróbek, gdy będzie za późno.

Więc zacznij teraz i wyprzedzaj krzywą.

7 sposobów na optymalizację projektów newsletterów pod kątem trybu ciemnego

Teraz, gdy przyczyna popularności trybu ciemnego się skończyła, przejdźmy do problemu. Praca w trybie ciemnym nie jest łatwym zadaniem. Wiele z Twoich wytycznych projektowych i szablonów musi albo wyjść poza okno, albo się dostosować.

Ale jako firma, śledzenie wszystkich zmian, które musisz wprowadzić, może być mylące. Nie powinieneś też ślepo ufać temu, co może ci powiedzieć projektant.

Oto wyselekcjonowana lista zmian i technik optymalizacji, których potrzebujesz, aby projekty biuletynów działały dobrze w trybie ciemnym. Dzięki temu blogowi Kimp będziesz mógł ocenić i docenić projekty, które dostarcza Twój zespół.

Zacznijmy.

1. Wybierz odpowiedni styl projektowania

Jeśli dopiero teraz zaczynasz swoją przygodę z email marketingiem, masz w swoich rękach złotą szansę. Możesz wymodelować projekt, aby był kompatybilny z trybem ciemnym. Zazwyczaj marki, które robią to od jakiegoś czasu, mają wiele ograniczeń, takich jak styl projektowania, obowiązkowe obrazy lub projekty brandingowe.

Aby optymalizacja trybu ciemnego zakończyła się sukcesem, potrzebne są kolory, obrazy, ikony i inne elementy do pracy z nią. Ale dobrą wiadomością jest to, że zawsze możesz je zaktualizować. Podczas gdy styl projektowania stanowi pewien problem.

Styl projektu jest ważny, ponieważ decyduje o układzie, organizacji elementów i ogólnym przekazywaniu wiadomości.

Zwykle najlepszym stylem projektowania dla trybu ciemnego jest minimalizm ze względu na dużą ilość białej przestrzeni, którą zawiera. Projekty wyglądają na duże i zatłoczone na ciemniejszym tle, ale minimalistyczny styl projektowania nie przeszkadza w użytkowaniu.

Spróbuj więc przyjąć styl minimalistyczny lub zgodny z trybem ciemnym.

Porada Kimpa: minimalistyczny styl projektowania może nie pasować do każdej marki. Być może wcześniej miałeś projekt biuletynu w stylu retro lub pop-artu. Przełączanie jest trudne, więc popracuj z zespołem projektowym, aby zobaczyć, jak możesz go stonować, aby działał w trybie ciemnym.

Jeśli chcesz stworzyć niestandardowy styl projektowania, który jest unikalny dla Twojej marki i czerpie inspirację z popularnych stylów, wypróbuj Kimp Graphics już dziś!

2. Wybierz kontrasty kolorów zgodnie ze standardami

Ciemniejsze tło to wyzwanie dla wszystkich projektantów. Białe lub jasne tło pozwala odkrywać różne kolory, bawić się kontrastami i pracować nad różnymi wyrównaniami z bardzo minimalnymi ograniczeniami.

Ale tryb ciemny jest zupełnie inny. Ciemniejsze tło utrudnia dostrzeżenie niektórych kolorów i ogromnie utrudnia czytelność. Niezależnie więc od kolorów, które wybierzesz (więcej na ten temat w następnej sekcji), główną rolę odgrywa kontrast. To decyduje o tym, czy projekt wiadomości e-mail zakończy się powodzeniem w trybie ciemnym, czy nie.

Google Material design zaleca, aby poziom kontrastu między tłem a tekstem wynosił co najmniej 15,8:1. Dotyczy to białego tekstu i czarnego tła, co oznacza, że ​​biel najlepiej sprawdza się na ciemnoszarym tle.

Jednak zasadą kciuka jest to, że dostosowanie jasności i nasycenia kolorów pomaga w czytelności. Pomyśl więc o kontraście i upewnij się, że w jak największym stopniu zapobiegasz wibracjom wizualnym.

Porada Kimpa: Kolory mogą być mylące, gdy chcesz pracować w trybie ciemnym. Jeśli chcesz mieć pewność, że Twój projektant otrzyma właściwy kolor, przejrzyj i przejrzyj projekt w trybie ciemnym. Nie porównuj kolorów w trybie jasnym z kolorami w trybie ciemnym, ponieważ uzyskanie dokładnych dopasowań może nie być możliwe.

3. Zbuduj paletę kolorów

Uważamy, że poprzedni punkt dotyczący kontrastów uświadomił ci, jak ważne jest dobranie odpowiedniego koloru do projektów w trybie ciemnym. Kolory wyglądają inaczej w zależności od tła, zwłaszcza gdy projektujesz w Internecie.

Kolory w trybie RGB uzyskują swój odcień w oparciu o procent każdego koloru (czerwony, zielony i niebieski). Procent, jaki projektant musi dodać dla czarnego tła w porównaniu z białym tłem, będzie się różnić. Oznacza to, że istniejące palety nie będą działać w trybie ciemnym.

Dlatego zalecamy zbudowanie palety kolorów, która najlepiej sprawdzi się w przypadku projektów newsletterów w trybie ciemnym. W ten sposób możesz zachować spójność marki i nie martwić się o to więcej niż raz.

Jakie kolory działają w trybie ciemnym?

Otóż ​​z reguły zbyt nasycone kolory zderzają się z ciemnym czarnym tłem i sprawiają, że jest ono dość uciążliwe dla oczu. Zamiast więc decydować się na odważne kolory, możesz wybrać pastele dla lepszego kontrastu z ciemnym tłem. Ponieważ będą również wyglądać ciemniej, styl projektowania nie zmieni się zbytnio.

Mówiąc o tłach, nie trzeba wybierać tylko ciemnej czerni. Możesz też eksperymentować z ciemnoszarym, o ile działają z nim inne kolory.

Porada Kimpa : Jeśli planujesz zmienić kolory, aby były bardziej odpowiednie dla trybu ciemnego, nie wprowadzaj od razu zbyt wielu zmian. Przetestuj kilka wzorców w niektórych transakcyjnych i rutynowych wiadomościach e-mail. Przeanalizuj wpływ pod względem CTR, czasu odczytu itd. przed dokonaniem zmiany.

Nie zapominaj również, że proces odwracania kolorów różni się w różnych klientach poczty e-mail, więc upewnij się, że Twój zespół projektowy projektuje osobno dla każdej platformy.

Z nieograniczoną subskrypcją usługi projektowania Kimp Graphics, eksperymentowanie nie kosztuje nic więcej.

4. Wybór czcionki

Każdy projekt ma trzy główne elementy — kolor, czcionkę i obrazy. Zakryliśmy kolor, więc przejdźmy teraz do czcionki.

Największą irytacją projektantów w przypadku trybu ciemnego jest to, że w dużym stopniu wpływa on na czytelność. A największy wpływ ma zazwyczaj tekst. Biały tekst na ciemniejszym tle sprawia, że ​​czcionka wygląda na pogrubioną i większą. Powoduje to bardzo drażniący i zatłoczony układ projektu.

Dlatego zalecamy szczegółowe planowanie trybu ciemnego poza zwykłymi zmianami, które wszyscy wprowadzają.

Tak więc, jeśli chodzi o wybór czcionki, zalecamy wybór lżejszej czcionki, aby wynik w trybie ciemnym był odpowiednio pogrubiony. W ten sposób ogólny styl projektowania nie ma większego wpływu.

Porada Kimpa: Jeśli uważasz, że jaśniejsza wersja czcionki, której zwykle używasz, nie działa w przypadku projektów brandingowych, zalecamy tworzenie niestandardowych czcionek. Tak, w ten sposób możesz czerpać inspirację z poprzedniej czcionki, ale modyfikować ją, aby pasowała do Twojej marki i wyrażeń projektowych.

Unikaj wibracji wizualnych dzięki przemyślanemu projektowi trybu ciemnego i niestandardowym czcionkom. Zarejestruj się, aby otrzymać subskrypcję Kimp Graphics, aby otrzymać to teraz!

5. Zaktualizuj elementy projektu do pracy w trybie ciemnym

Omówiliśmy kolor i czcionkę, ale projekt biuletynu zawiera również wiele innych elementów. Obejmuje to ikony, logo, nazwy marek, obrazy i tak dalej. Te również muszą dobrze działać w trybie ciemnym, aby projekt odniósł sukces.

Teraz, jeśli spojrzysz na poniższe przykłady, możesz zobaczyć, jak ikony z ciemnym tłem wyglądają inaczej w trybie ciemnym niż w trybie jasnym. Czasami Twoje logo może również zniknąć, gdy klient wyświetli wiadomość e-mail w trybie ciemnym. Twój projekt musi więc zawierać elementy, które dobrze współpracują z tym trybem.

Jak to robisz?

• Cóż, na początek zacznij od plików png z przezroczystym tłem dla ikon, logo, stylizacji nazw marek i tak dalej.
• Jeśli sam element ma ciemne tło lub ma czarny kolor, jak logo TikTok, rozważ dodanie białego obrysu do czarnego projektu. Zwiększa to wagę projektu i oddziela go od tła.
• Niektóre projekty biuletynów mają również tekst nałożony na obrazy tła. Jeśli tekst jest biały, tryb ciemny zmieni się na czarny. Wybierz więc obraz tła, który nie koliduje. Jeśli nie, rozważ dodanie warstwy między nimi.

Porada Kimpa: Jeśli prowadzisz małą firmę, która rozpoczyna projektowanie brandingu, upewnij się, że zespół projektowy tworzy zasoby, które działają dobrze w trybie ciemnym. Nie mówię, że nie możesz mieć czarnego logo, ale upewnij się, że otrzymasz plik png.

Czy wiedziałeś? Dzięki Kimp Graphics masz pełną własność wszystkich plików, a my udostępniamy projekty w różnych formatach, abyś mógł jak najlepiej je wykorzystać.

6. Nie zapomnij o swoich ilustracjach

Żyjemy w czasach, w których projektowanie graficzne odeszło od obrazów stockowych, a nawet zdjęć w e-mailach. Tak, ilustracje i gryzmoły to aktualne trendy i nie bez powodu. W najlepszy możliwy sposób prezentują osobowość Twojej marki i nie możesz rezygnować z niej za wszelką cenę.

Ale ponieważ ilustracje marki mają wstępnie ustawione kolory, stanowią wyzwanie podczas optymalizacji biuletynu pod kątem trybu ciemnego. Ale nie niemożliwe. Jeśli Twoja marka nie może wytrzymać zmiany koloru ilustracji ze względów brandingowych, profesjonalny zespół projektantów może Ci pomóc.

Mogą oddzielać tło z ilustracją pierwszego planu i zmieniać warstwy, aby projekt działał dobrze w trybie ciemnym.

A jeśli projektujesz nowe ilustracje, upewnij się, że w opisie projektu uwzględniłeś zgodność trybu ciemnego. I współpracuj z zespołem projektowym, aby wybrać pastelowe i nienasycone kolory do ilustracji.

7. Testuj, testuj, aż do perfekcji

Ostatnim i najważniejszym krokiem w optymalizacji projektów biuletynów pod kątem trybu ciemnego jest eksperymentowanie, dopóki nie zrobisz tego dobrze. Ponieważ każdy klient poczty e-mail inaczej renderuje wiadomość e-mail w trybie ciemnym, praktycznie niemożliwe jest uzyskanie tego za pierwszym razem. Nie wspominając o tym, że kolor różni się na różnych ekranach, podobnie jak wrażenia użytkownika.

Ale jeśli zobowiążesz się do testowania, analizowania i eksperymentowania, jesteś na właściwej ścieżce.

Sprawdź e-maile na różnych urządzeniach i w trybie ciemnym/jasnym. Dowiedz się, jak zmienia się kolor, czcionka i renderowanie obrazu. Wróć do tablicy kreślarskiej lub spotkania zespołu projektowego, aby popracować nad problemami.

Projektuj biuletyny kompatybilne z trybem ciemnym za pomocą Kimp

Czy jesteś dumny ze swoich kampanii newsletterowych? Czy lubisz tworzyć do niego treści na co dzień? Cieszymy się, że to wiemy i powinieneś to robić dalej. Nie zniechęcaj się zmianami w stylach lub trendach projektowych.

Kimp jest tutaj, aby zająć się tym wszystkim za Ciebie. Tak, wiemy, że znalezienie idealnego stylu projektowania dla trybu ciemnego to długi proces, ale jesteśmy z Tobą. Nasze nieograniczone usługi projektowe (Kimp Graphics i Kimp Video) są zaprojektowane specjalnie dla tych scenariuszy. Abyś mógł eksperymentować i uzyskać najlepszy projekt bez martwienia się o budżet.

Zapisz się na nasze subskrypcje już dziś i przystąp do optymalizacji!