По данным независимой исследовательской организации EarthWeb 82% пользователей выбирают тёмную тему на смартфонах, и 83% переключаются на неё на компьютере. Поэтому брендам стоит адаптировать свои email рассылки под Dark Mode для удобства клиентов.

В мире высокой конкуренции пользователи становятся более требовательными к компаниям, у которых покупают. Это значит, детали важны, особенно те, которые влияют на восприятие контента. Человек не будет читать ваше письмо, если плохо видно текст. Адаптация емайл под экраны пользователей повысит шансы на внимание со стороны клиента и приведёт его к конверсии.

В статье расскажем, как работает инверсия цвета в email и как настроить переход в Dark Mode правильно.

Что такое тёмная тема в email рассылках

У почтовых клиентов есть функция Dark Mode — автоматизированное инвертирование цвета в электронных письмах во время переключения экрана пользователя на ночной режим. Светлый фон email конвертируется в тёмный, а текст имейл и другие элементы оборачиваются в светлые оттенки.

Ошибочно думать, что инвертация цветов — это полное их изменение на другие. На самом деле это просто смена оттенков. Изначальный цвет становится более контрастным, чтобы быть хорошо читаемым в тёмной версии. То есть синий не превратится в жёлтый и наоборот.

Какой бывает инверсия цвета в письмах

Сервисы рассылок инвертируют цвета по своим правилам или ничего не меняют при переключении на Dark Mode.

Какие есть варианты:

1. Никаких изменений в тёмной теме. То есть письма останутся такими же, какими их сверстали.
2. Неполная инвертация цвета. Почтовый сервис автоматически распознает элементы эмэил, где фон светлый, и меняет их на тёмный. Блоки с изначально чёрным, тёмно-серым и другими тёмными оттенками не изменятся.
3. Полное инвертирование цветов включает все разделы емаил: адаптируются и светлые, и тёмные элементы. Письмо полностью трансформируется под ночной режим и становится более комфортным для восприятия.

Зачем нужно адаптировать письма под Dark Mode

Адаптация под тёмную тему — не всегда простое решение, для которого нужны ресурсы: время, знания кода. Также почтовики иногда меняют правила работы Dark Mode. Поэтому, если вы решили перейти на «тёмную сторону», придется следить за их изменениями всегда.

Преимущества адаптации писем под Dark Mode

Удобство для пользователя. Переключение на тёмную тему нужно, чтобы экран при неярком вечернем свете не «резал» глаз. Яркость уменьшается, читать текст приятнее. Если емаил рассылка не адаптирована, пользователь с тёмной темой получит яркое и контрастное письмо.

Эстетичный вид. Тёмное (фон) на светлом (текст) смотрится удачно, дорого и стильно. Подобное оформление сразу показывает, что бренд старается: вкладывается в дизайн.

Адаптация рассылок для Dark Mode без кода

Несколько лайфхаков в дизайне для адаптации имейл для тёмной темы.

1. Выберите универсальные цвета дизайна и текста, которые подходят одновременно под дневной и ночной режимы.

2. Сделайте письмо с прозрачным фоном, тогда контраста при переключении на Dark Mode не будет.

3. Оформите лого и другие атрибуты бренда как картинки так же без фона в формате PNG. Иначе при инверсии может случиться так:

4. Сделайте свечение или обводку для элементов в тёмных цветах, чтобы при инверсии их было видно на тёмном фоне. Такой же подход примените к кнопкам в имейл, которые должны быть самыми заметными для успешных конверсий.

5. Верстайте email сразу в тёмных цветах, если такой стиль подходит вашему бренду.

Важно! Всегда проверяйте письма в обеих темах. Всегда проверяйте письма в обеих темах.

Узнайте подробнее, как правильно настроить переход в Dark Mode.