Краткий гайд по темной теме в email-рассылках

Темная тема – это один из трендов дизайна, который начал набирать популярность в 2018 году, когда Windows и MacOS выпустили обновления ОС с возможностью выбора темного и светлого режима. В email-маркетинге ночное оформление стало появляться в 2019 году – тогда его внедрили 4 крупных почтовых клиента: iOS Mail, Gmail, Apple Mail и Outlook. С того момента прошло немало времени, но вопросы о темных темах до сих пор остаются актуальными.

В этой статье мы разберемся, что представляет собой ночной режим в email-рассылках и как его лучше адаптировать под разные почтовые клиенты.

Что такое темная тема

Какой бы ни была рассылка, ее всегда можно сделать с использованием ночной темы. Такое оформление письма подразумевает изменение цветовой схемы: все элементы становятся светлыми, а фон преобразуется в темный. При этом темная тема – это не перевод цветов в контрастные, противоположные на цветовом круге: зеленый не меняется на красный, а синий – на желтый. Это смещение цветов к более светлым или темным, то есть применяются точно такие же цвета, но с более контрастными оттенками.

Переключение на темную тему происходит автоматически – достаточно включить ночной режим в настройках телефона или компьютера. Например, вот как выглядит письмо без ночного оформления: 

А вот как то же самое письмо выглядит с использованием темной темы: 

Пользователи выбирают такой внешний вид по нескольким причинам:

• Уменьшение усталости глаз. Особенно это актуально в ночное время суток, когда в помещении темно, а экран светит ярким дисплеем. Уменьшение яркости, как правило, такую проблему не особо решает, а вот ночной режим с этим хорошо справляется – он затемняет дисплей, благодаря чему картинка становится не такой раздражающей и яркой. 
• Лаконичный дизайн. Большинству пользователей нравится визуал ночной темы. Темные цвета передают значение премиум-контента – они делают интерфейс более стильным и добавляют нотку роскоши. 
• Экономия заряда смартфона. По этому поводу компания Google проводила исследование, которое показало, что, например, темный режим в приложении YouTube позволяет сэкономить от 15 до 63% времени автономного использования устройства. 
• Удобство использования. Некоторым пользователям проще воспринимать светлый текст на темном фоне. Связано это чаще всего с повышенной контрастностью и уменьшением негативного пространства за счет темных оттенков.

Какие почтовые клиенты поддерживают ночной режим

Существует 3 типа почтовых клиентов: мобильные, десктопные и веб. Ниже приведены приложения, которые на данный момент поддерживают темные темы в рассылках.

Мобильные: 

• Gmail;
• Outlook;
• Яндекс Почта;
• Mail.ru.

Десктопные:

• Apple Mail;
• Outlook 2019 для Windows и Mac OS.

Веб-клиенты:

• Outlook.com;
• Яндекс Почта;
• Mail.ru.

Как почтовые клиенты реагируют на темную тему

Почтовые клиенты способны по-разному воспринимать ночной режим. В этом разделе мы рассмотрим 3 самых распространенных случая: когда цвет никак не меняется, когда происходит частичная инверсия и когда – полная. 

Без изменений

В некоторых почтовых клиентах вы можете изменить пользовательский интерфейс, но это никак не повлияет на то, как отображаются письма. Например, если в Windows 10 включить темную тему и открыть письмо в Gmail, то никаких изменений не будет – светлые письма останутся с тем же оформлением. 

А вот то же самое письмо на iOS с темным режимом – на этой операционной системе рассылка адаптируется под выбранный цветовой режим. 

Частичная инверсия цвета

В данном случае ночной режим в рассылке инвертирует области со светлым фоном. Текст становится светлым, а сам фон – темным. Почтовые клиенты, которые используют такой метод, поддерживают таргетинг. Это означает, что можно обойти темную тему, установленную у клиента по умолчанию. 

Пример из почтового клиента Outlook:

Полная инверсия цвета

Полная инверсия подразумевает «грубое» изменение цветов – она инвертирует области со светлым фоном и влияет на темные цвета. Например, если вы запустите готовую рассылку с темной темой, то в клиентах с таким методом она станет светлой.

Подобные проблемы можно наблюдать в Outlook 2019. На примере ниже видно, что белый фон стал сероватым, а области с темно-синими оттенками преобразовались в светло-синие.

4 полезных совета, как сделать письмо с темной темой

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

Совет 1: Работайте с изображениями

Старайтесь использовать изображения с прозрачным фоном везде, где это возможно. Например, если добавить логотип в формате JPG, то при использовании темной темы он будет залит белым фоном. Чтобы избежать подобных случаев, достаточно удалить фон и преобразовать картинку в формат PNG.

Совет 2: Уделяйте время темным изображениям

Особенно эта рекомендация касается логотипов. Например, если добавить логотип черного цвета на прозрачном фоне и использовать темную тему, то логотипа попросту не будет видно. Для решения проблемы рекомендуем добавлять светлую тень, которая не будет заметна на белом фоне, но зато она станет выделять изображение на темных оттенках.

Например, это может выглядеть так: 

Совет 3: Не используйте шаблонный код

В интернете можно найти много готовых решений с использованием кода для реализации темной темы. Как правило, подобные «решения» не исправляют проблему, а только усугубляют ее: например, могут возникнуть неполадки и письмо будет отображаться некорректно. 

Поэтому рекомендуем большую часть своего времени уделять оформлению, ведь именно благодаря ему ваши письма будут выглядеть адаптивно. И никакой код использовать не нужно.  

Совет 4: Тестируйте

Перед тем как запустить массовую рассылку, проверьте ее во всех почтовых клиентах и убедитесь, что проблем с темной темой нет. Также воспользуйтесь всеми устройствами и операционными системами. Если вы заметите, что где-то письмо в ночном режиме отображается некорректно, то попробуйте переработать оформление и запустить тесты снова. 

Выводы

Темная тема в email-рассылках появилась в 2019 году, но остается востребованной по сей день и продолжит пользоваться популярностью еще долгое время. Это обусловлено тем, что пользователям нравится такой дизайн, от него не устают глаза, а заряд устройства сохраняется на более долгое время. Чтобы ваши рассылки в темной теме выглядели хорошо, следите за дизайном, учитывайте особенности почтовых клиентов и обязательно проводите тесты. Желаем удачи!