Реклама ООО Таймвэб
Реклама ООО Таймвэб
Реклама ООО Таймвэб

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

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

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

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

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

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

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

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

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

Пример темной темы в email-рассылках

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

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

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

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

Мобильные

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

Десктопные:

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

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

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

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

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

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

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

Как Gmail реагирует на темную тему в Windows

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

Как Gmail реагирует на темную тему в iOS

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

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

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

Пример темной темы в email-рассылках

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

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

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

Пример темной темы в Outlook 2019

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

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

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

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

Советы по работе с темной темой в рассылках

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

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

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

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

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

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

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

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

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

Чипсендер

Выводы

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

Повышаем эффективность вашего веб-проекта – делимся знаниями о SEO, SMM, PR, рекламе и создании «продающего» контента.

Комментарии

underground +793
23 дек в 2022
Все это конечно хорошо, но многие получатели писем носят очки. Этот факт не учитывается ни разу.
Ваш баланс 10 ТК
1 ТК = 1 ₽
О том, как заработать и потратить Таймкарму, читайте в этой статье
Чтобы потратить Таймкарму, зарегистрируйтесь на нашем сайте
С помощью соцсетей
У меня нет аккаунта Зарегистрироваться
С помощью соцсетей
У меня уже есть аккаунт Войти
Инструкции по восстановлению пароля высланы на Ваш адрес электронной почты.
Пожалуйста, укажите email вашего аккаунта
Войти в Комьюнити
Регистрация в Комьюнити
Восстановление пароля