Дизайн Шаблоны How-to
~ 8 мин читать
5185 просмотры
оценить
08 февраля 2020

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

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

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

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

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

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

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

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

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

Black-And-White-Emails_Examples

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

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

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

Classy-Email-Design_Black-and-White

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

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

Black-and-White-Emails_White-as-Priority

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

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

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

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

The-Luxury-of-Black

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

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

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

Black-and-White-Email-Design_Colorful-Accents

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

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

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

Banner Block_Black and White Emails

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

Setting Filters for Banners

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

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

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

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

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

Black-and-White-Email_White-Background

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

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

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

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

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

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

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

Uploading-Additional-Image_Black-and-White-Emails

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

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

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

Black-and-White-Email-Design_Chubbies

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

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

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

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

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

Focus-on-the-Content_Black-and-White-Design

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

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

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

Black-and-White-Designs_White-Photos-Over-Colorful-Banner

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

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

Вот и всё.

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

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

Black-and-White-Email-Example-by-Banana-Republic_Social-Media-Icons

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

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

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

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

Choosing-Black-and-White-Social-Media-Icons

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

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

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

Black-and-White-Email-with-Colorful-Button

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

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

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

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

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

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

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

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

Black-Filters-and-White-Fonts-Over-Colorful-Images

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

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

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

Black-and-White-Email-Design_Maybelline

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

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

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

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

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

Building-Templates-with-Stripo

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

The-Email-That-You've-Chosen

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

Editing-Background-Image

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

Applying-Filters-over-Images-with-Stripo-Editor

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

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

Black-and-White-Email-Built-with-Stripo

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

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

В завершение

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

Разбавьте свои рассылки утонченным черно-белым дизайном прямо сейчас!

Вас также может заинтересовать

← Предыдущие статьи Следующие статьи →
Mothers-Day-Best-Practices-Featured-Image
5 дней назад · 10 мин читать
Email-маркетинг ко Дню матери: полное руководство

Если у вас есть сомнения по поводу того, как создать эффективную рассылку на День матери, то просто придерживайтесь универсального правила — делайте ее от всей души. Потому что суть этого праздника — настоящая искренняя любовь. А чтобы сделать инструкцию более детальной, мы подготовили для вас десять email-маркетинговых идей и советов по email-дизайну, которые вы можете использовать при создании рассылки. И да, в этой статье вы найдете несколько отличных готовых шаблонов, похожих на пример ниже. Они сократят время разработки праздничного письма:...

Дизайн Маркетинг Шаблоны
Earth Day Email Examples_Cover Image
9 дней назад · 13 мин читать
Примеры писем ко Дню Земли

За последние годы интерес общественности к проблемам экологии только вырос и мы не можем не поговорить с вами про наступающий День Земли. А точнее про email рассылку к этой дате. Что неуместно в таких письмах, а что все-такие стоит включить, как сделать письмо оригинальным — мы разберем на 15 примерах известных компаний.  С этим шаблоном вы создадите рассылку ко Дню Земли в считанные минуты Использовать Подготовка дизайна писем ко дню Земли Создавая email-рассылку, нужно учитывать множество факторов. Они вам известны:...

Дизайн Маркетинг Шаблоны How-to
Будьте всегда в курсе последних новостей в области email-маркетинга!