Майя Скиданова

Автор статей

Як адаптувати email-розсилку до темного режиму

Dark Mode — це змінена кольорова схема інтерфейсу програм і додатків, у якій темний текст на білому фоні переформатується у світлий текст на чорному фоні. А всі елементи дизайну зміщуються на кілька відтінків у той чи інший бік. Цю функцію поступово додають до всіх сервісів, зокрема в поштовики. Темний режим у розсилках потребує від маркетолога додаткових зусиль, яких доведеться докласти, якщо ви хочете, щоб розсилка мала привабливий вигляд.

Нюанси роботи пошти з нічним режимом

Нічний режим підтримують усі мобільні версії популярних поштових клієнтів — Gmail, Яндекс.Почта, Mail.ru, Outlook. І хоча багато браузерних варіантів поштовиків поки що не підтримують його повноцінно, працювати над адаптацією своїх розсилок однозначно варто. Адже люди читають 41,9% емейлів у мобільних додатках (у браузерах 39,9%, а в десктопних програмах — 18,2%).

Роби адаптивну верстку листів за хвилини

Поштові сервіси обробляють кольори по-різному. Наприклад, Gmail для Android-пристроїв інвертує всі кольори в автоматичному режимі. Аналогічно робить десктопна версія Outlook для Windows. Ці самі поштовики на macOS та iOS не чіпають темні кольори, а замінюють лише світлі. А ось веб-версії Gmail та Яндекс.Пошти навіть із активованим темним режимом не роблять змін у дизайні листа — тобто якщо ви верстали його на білому фоні, то поштовик не змінить його на чорний.

Тому складно підігнати розсилку під все розмаїття поштових систем, проте створити привабливий лист у темному режимі цілком можливо.

Як створити email у темному режимі

В інтернеті можна знайти поради про те, як за допомогою фрагментів коду, доданих до шаблонів, налаштовується автоматичне відображення емейлів у нічному режимі. Важко сказати, наскільки результативним буде такий хід. Насправді для оптимізації достатньо вибрати відповідний шаблон і ретельно опрацювати дизайн листа.

Приділіть увагу зображенням

Рекомендовано використання зображень із прозорим фоном. Темний дизайн електронного листа потребує цього від таких елементів:

  • логотип і слоган;
  • іконки соцмереж;
  • картки товарів;
  • фото автора розсилки.

Вкрай важливо дотримуватися цієї поради, якщо йдеться про іконки та логотипи. Якщо не змінити фон на прозорий, а в користувача активовано нічний режим, то дизайн листа постраждає. Зверніть увагу, як у прикладі нижче виділяється логотип компанії. Крім того, якщо ви використовуєте фото свого представника, не забудьте доопрацювати його теж, щоб уникнути подібної проблеми.

Адаптація логотипу до темного режиму

А от коли ви переходите до наповнення листа товарними картками, із прозорим фоном слід поводитись обережніше. Наприклад, якщо ви додаєте фото власне товару, то краще зробити фон прозорим. А от якщо використовуєте фото з людиною, наприклад для демонстрації одягу чи аксесуарів, — навпаки, залишайте фон контрастним. Але краще вибрати сірий або інший пом’якшений колір, але не білий.

Темна тема в розсилках

Що робити з чорним логотипом?

Якщо логотип вашої компанії виконаний у світлих тонах, то достатньо зробити його з прозорим фоном, щоб він коректно відображався, коли активовано стандартну чи темну тему листа. Але якщо він чорного кольору, то в нічному режимі лого загубиться в повідомленні. У прикладі нижче слоган компанії та логотип бренду одного з товарів помітні погано.

Темний режим у листах

Рішенням може бути обведення логотипу та слогану білим кольором. Також можна додати до лого світлу тінь. У звичайному режимі відображення ці елементи не будуть привертати до себе увагу, але врятують, якщо ввімкнено темну тему для листів.

Last post

Виберіть універсальний фон

Ви можете створити кольоровий фон для повідомлення, який не зміниться ані в світлому, ані в нічному режимах і привабливо виглядатиме в них обох. Щоб зробити це в системі eSputnik, під час створення нового повідомлення виберіть шаблон, який вам сподобався (або створіть його з нуля) і натисніть у меню вкладку "Оформлення" (знаходиться ліворуч). У розділі "Загальні налаштування" знайдіть "Колір фону листа" й виберіть такий, який вам підходить.

Адаптація листа до темного режиму

Емейл можна зробити ще привабливішим, якщо додати картинку як фон. Для створення такого дизайну на вкладці "Оформлення" в розділі "Загальні налаштування" знайдіть пункт "Картинка в фоні" й натисніть перемикач біля нього.

Налаштування шаблону листа для нічного режиму

За бажанням ви можете трохи змінити фонове зображення, наклавши на нього фільтри й змінивши інтенсивність кольору. Для цього натисніть іконку з чарівною паличкою.

Додавання фону до листа в eSputnik

Вибрана фонова картинка не зміниться ані в світлій темі інтерфейсу поштовика, ані при ввімкненому Dark Mode.

Варіанти відображення Plain text

Якщо ви вирішили використовувати в розсилці Plain text, який нагадує стандартне листування, то слід уявляти, як її відобразять поштовики в нічному режимі. 

У веб-версії Gmail темний дизайн листа поки що не відображається повноцінно. Користувач у будь-якому випадку побачить стандартний варіант повідомлення "чорне на білому".

Нічний режим у Gmail

Аналогічно це працює у веб-версіях Яндекс.Почта і Yahoo.

У мобільних версіях Gmail і Яндекс.Почта текст повідомлення відображається як світлий на темному фоні. Так само текст листа відображається у веб-версії пошти Mail.ru та у десктопній програмі Outlook.

Нічний режим в Outlook

Тож можна не перейматися, чи не будуть літери нечитабельними в нічному режимі. Але в будь-якому разі обов'язково тестуйте свої листи в обох режимах на десктопах і мобільних пристроях, перш ніж відправляти клієнтам

Приклади email у темному режимі

Ви можете надихнутися ідеями й оцінити, наскільки чудово виглядає верстка email-розсилок у темному режимі, у розділі "Приклади розсилок" блогу eSputnik. Багато таких варіантів ви побачите в підрозділі "Чорна п'ятниця". За допомогою фільтра відкрийте "Типи листів" → "Проморозсилка" → "Чорна п'ятниця".

Листи Чорна п'ятниця в eSputnik

Крім того, подібні за кольоровим рішенням дизайни ви побачите, якщо відкриєте "Типи листів" → "Вітальні" → "Хеллоуїн".

Інші приклади email-розсилки в темному режимі можна переглянути на сайті Stripo. Відкрийте на ньому вкладку "Шаблони". Дизайни, які підходять для нічного режиму, можна вибрати за допомогою фільтра "Сезони". Наприклад, виберіть ті самі "Хеллоуїн" та "Чорна п'ятниця".

Чорна п'ятниця в листах на Stripo

Багато дизайнів гарних розсилок можна знайти в соцмережі Pinterest. Там є цілі блоги про email-дизайн та окремі дошки, на яких зібрані тематичні колекції емейлів. Серед них ви знайдете привабливі ідеї, які надихнуть зарядом креативу й допоможуть створити власні шаблони для Dark Mode, які запам’ятають ваші підписники.

Темна тема в розсилках додає роботи дизайнерам і маркетологам. Доводиться вибирати дизайн з урахуванням переформатування кольорової схеми різними поштовиками. Також слід додатково тестувати, як повідомлення відображається в різних режимах. Звичайно, не всі користувачі активують чорний фон на своїх пристроях, але все одно краще дати людині вибір. Впровадивши темний шаблон email-листів, компанія продемонструє свою турботу про клієнта, а також дасть йому зрозуміти, що вона не стоїть осторонь від модних трендів.

5.0 з 5 на основі 1 оцінок

Майя Скиданова

Автор статей

В журналистике с 2007 года. Долго работала в новостных СМИ, а затем ушла в сферу маркетинга. Пишу полезные статьи, проверяю советы в них на практике, доношу сложные темы простыми словами.

Коментарі 0