10 крутых примеров чёрно-белых писем

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

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

Преимущества чёрно-белых писем

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

Чёрно-белая палитра — универсальная цветовая комбинация

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

Почему? Иногда бывает очень сложно комбинировать цвета бренда с цветами продукта в одном письме из-за сильного контраста.

Всё это делает чёрно-белый email идеальной альтернативой разноцветным письмам.

Чёрно-белый дизайн письма — это стильно

Эффект чёрно-белого фона сделает email элегантным и будет ассоциироваться с чем-то высококлассным. Чёрный фон подчеркнёт контраст с цветами изображений. Тёмное пространство, как неотъемлемый элемент тёмного дизайна, даст больше свободы для творчества.

Лёгкое восприятие контента

Хотите сделать упор на текст, а не на картинки? Попробуйте свои силы в создании чёрно-белого письма, так как использование подобных фонов даёт наибольший контраст с текстом и привлекает внимание читателей к последнему.

Примеры дизайна чёрно-белых писем

Следующие примеры чёрно-белых писем доказывают, что всего нескольких цветов вполне достаточно для привлечения внимания.

1. Everlane — роскошь чёрного письма

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

Everlane показывает, как нужно сочетать разные оттенки этого цвета, чтобы email выглядел роскошно и стильно.

2. Victoria’s Secret — яркий цвет поверх чёрно-белой гаммы

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

Как создать такой элемент письма в Stripo?

Проще простого.

• перетащите базовый блок баннеров в свой email;

• примените серый фильтр к изображению баннера;

• затем загрузите картинку со своим ценным предложением в качестве дополнительного изображения;

• добавьте URL к баннеру.

Зарегистрироваться

3. Aritzia — белый как приоритетный

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

В этом письме белый цвет даёт больше яркости и света в общем, а не просто заполняет пространство. Такие варианты проще воспринимаются визуально. 

Как создать этот элемент письма в Stripo?

• примените белый цвет как фон во всём письме во вкладке «Общие настройки»;

• добавьте три структуры в свой чёрно-белый email;

• перетащите блок баннеров в каждую структуру;

• загрузите необходимые чёрно-белые картинки во все структуры или примените фильтры градации серого к каждой из них;

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

Зарегистрироваться

4. Chubbies — белые шрифты на тёмных фонах

Даже если вы всегда делаете весёлые письма, как Chubbies, в них всё равно можно применить чёрно-белую палитру.

По крайней мере, для баннеров.

Очень интересное сочетание — мужчина в шортах и стильная чёрно-белая тема. Это, безусловно, привлекает внимание :)

Более детально о том, как создавать баннеры с помощью Stripo, описано в этой статье.

5. Tom Raffield — чёрно-белый дизайн является лучшим способом передать эмоции

Когда вы собираетесь поделиться чем-то личным, почему бы не сделать это в чёрно-белом дизайне?

 Это делает ваши письма уютными, что ли. Похоже, команда Тома Рэффилда делится чем-то личным и эмоциональным.

6. Growth-маркетинг — чёрно-белые фото на цветном фоне

Очень необычное решение. Конечно, чёрно-белые фото не делают этот email стильным, но такой подход, безусловно, показывает, что у этих спикеров есть чем поделиться с нами на конференции.

Как создать этот элемент письма в Stripo?

Просто создайте его как обычный баннер (мы ранее показали, как это сделать). Но прежде чем это сделать, вам понадобится помощь дизайнера, чтобы связать все фото в одно изображение.

Вот и всё.

7. Banana Republic — чёрно-белая секция «Подписывайтесь на нас»

Если ваш email яркий и содержит большое разнообразие цветов, данный чёрно-белый дизайн будет отличным решением касательно привлечения внимания к вашей секции «Подписывайтесь на нас».

Сделайте её по-настоящему заметной — позвольте клиентам следить за вами в соцсетях.

Как создать этот элемент письма в Stripo?

• просто перетащите блок «Соцсети» в свой email-шаблон;

• выберите необходимую цветовую комбинацию для своих иконок — у нас есть множество их вариантов;

• вы также можете сохранить этот модуль в библиотеку модулей для повторного использования.

Зарегистрироваться

8. Invision — цветная кнопка CTA на чёрно-белом фоне

Кнопки CTA помогают нам перемещать своих пользователей из писем на необходимые им страницы сайта.

Делайте эти кнопки яркими — так получатели поймут, какова главная цель данного письма.

Воспользоваться шаблоном

Как создать этот элемент письма в Stripo?

• создайте обычный баннер;

• затем загрузите картинку вашей кнопки CTA в качестве дополнительного изображения;

• вставьте соответствующую ссылку в баннер.

9. Marketing Profs — применение сероватых изображений на красочных фонах

Хотите представить контент своего письма в цвете, но, в то же время, желаете обратить внимание пользователя на детали, при этом сохраняя общую строгость? Я уверена, что этот email от Marketing Profs — именно то, что вы искали.

Это гениальная идея разнообразить обычный дизайн письма.

10. Maybelline — красочные изображения на чёрно-белых фонах

Эта дизайнерская идея не является чем-то новеньким. Однако email выглядит просто круто.

Мне очень понравился подход использования красочных картинок на сером фоне.

Создание чёрно-белого дизайна писем в Stripo

Мы только что показали вам, как создавать небольшие чёрно-белые элементы для своих писем.

Но я хотела оформить дизайн всего письма в чёрно-белых цветах, поэтому сделала вот что::

• я захожу в свой аккаунт и выбираю шаблон. Там более трёхста вариантов, поэтому я уверена, что вы тоже найдёте себе что-то по душе;

• я выбираю один из них с красивым фоновым изображением, хотя это не похоже на что-то чёрно-белое;

• поэтому мой следующий шаг — открыть «Общие настройки» на боковой панели и выбрать редактирование своей фоновой картинки;

• здесь я могу использовать различные фильтры прямо в редакторе писем. Который, кстати, довольно удобен, ибо мне не нужно открывать еще одну программу типа Photoshop и т. п. Как видите, я предпочла первый фильтр — оттенки серого — так как чёрно-белый будет слишком контрастным, как по мне. Затем, применив тот же фильтр к другим картинкам и изменив фон, мы получаем настоящий чёрно-белый дизайн письма;

• в «Общих настройках» вкладки  «Внешний вид» я выставила чёрный цвет шрифта для всего письма;

• там же я настроила тёмно-серый цвет кнопки CTA и белый цвет шрифта на ней; 

• следом добавила серые иконки соцсетей.

Похоже, мой email готов к рассылке!

В завершение

Многие люди, услышав фразу «простой чёрно-белый HTML-email», думают о минимализме, прямых линиях, строгости и даже скуке. Но продемонстрированные выше примеры доказывают абсолютно обратное. Чёрно-белый дизайн может быть минималистичным и строгим, но интригующим и стильным одновременно.