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

Тёмный режим — это перевернутая цветовая схема, которая использует светлую типографику, элементы пользовательского интерфейса и иконки на тёмном фоне.

Как это работает? Некоторые считают, что темный режим переводит цвета в контрастные, когда письмо открывается на устройстве с темным режимом.

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

Как это сделать? Клиент электронной почты с установленным темным режимом определяет цвет фона содержимого письма. Затем применяет темный фон, если он не был установлен, и применяет контрастные оттенки цветов содержимого письма.

(светлый режим)

(темный режим)

Однако, когда дело доходит до черного фона - темный режим превращает его в белый в Gmail на iOS и Android. Темно-серый становится светло-серым и т.д.

КАКИЕ ПОЧТОВЫЕ КЛИЕНТЫ ПОДДЕРЖИВАЮТ ТЕМНЫЙ РЕЖИМ?

Почтовые клиенты и приложения, перечисленные ниже, в настоящее время предлагают Dark Mode - либо в качестве опции, которую пользователь может установить вручную, либо путем автоматического определения предпочтительной цветовой схемы пользователя:

Мобильные приложения:

  • Gmail App (Android)

  • Gmail App (iOS)

  • The iPhone Native Mail App (Native Mail on iOS)

  • Outlook App (Android)

  • Outlook App (iOS)

Десктоп клиенты:

  • Apple Mail on macOS

  • Gmail on macOS and Windows

  • Outlook (Mac OS)

  • Outlook (Windows)

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

  • Outlook.com

Уловки, которые помогут оптимизировать отображение письма в темном режиме:

1. Работа над изображением

При использовании изображений в большинстве случаев лучше использовать прозрачный фон.

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

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

2. Работа над логотипами

а) Допустим, Ваши логотипы не имеют фона

б) Тогда пусть Ваши логотипы будут написаны любым цветом, но не черным, чтобы они хорошо отображались как на темных, так и на светлых темах.

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

Мы тестировали - код не помог. При этом, сделал наш код письма намного тяжелее.

в) Нанесите светлые тени на черные логотипы

Если Ваш логотип должен быть написан черным, добавьте легкую тень/обводку вокруг него. Он будет красиво смотреться и будет соответствовать дизайну Вашего бренда.

3. Всегда проверяйте перед отправкой.

В конце концов, тестирование письма в светлых и темных режимах абсолютно неотъемлемая часть. Поскольку мы не можем сделать все письма идеальными для каждого режима, то мы можем воспользоваться приемами для создания писем, которые хорошо работают как в темном, так и в светлом режиме.

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

4. Не добавляйте лишние элементы кода

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

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

Если у Вас появятся дополнительные вопросы, пожалуйста, напишите нам на почту support@stripo.email.

Вы нашли ответ?