Тенденции в дизайне электронной почты: жирная типографика
Опубликовано: 2019-07-24Каждый год мы видим новые тенденции дизайна, формирующие цифровой маркетинг - от использования цвета и изображений до тенденций типографики, интерактивности и многого другого. В нашей серии «Тенденции в дизайне электронной почты» мы рассмотрим самые горячие тенденции цифрового дизайна и узнаем, как они отражаются в электронном маркетинге.
Типографика в электронной почте была горячей темой для обсуждения в течение нескольких лет. Веб-шрифты позволили дизайнерам электронной почты быть более креативными и помогли выделить фирменный стиль. В 2019 году в мире печати и цифрового дизайна наблюдается тенденция к созданию более крупной и смелой типографики, и теперь эта тенденция затрагивает и наши почтовые ящики.
Причина такой тенденции? Это еще один способ привлечь внимание подписчика, сделать смелое заявление и быстро передать ключевые сообщения. Крупные, жирные заголовки быстро становятся нормой в дизайне электронной почты, часто крадут эффект - или даже заменяют! - фотографиями или другими изображениями. Копирайтеры создают лаконичный, забавный контент, который соблазняет и интригует, оставаясь при этом удобоваримым и интересным. Эта гармония между большим и кратким текстом увеличивает шансы на то, что сообщения будут услышаны, поэтому, поскольку дизайнеры и копирайтеры становятся более креативными с текстом, растет число электронных писем с меньшим количеством изображений или без них.
Смелая типографика в электронном маркетинге
Вот несколько примеров того, как бренды передают свое сообщение с помощью крупной, жирной и красивой типографики.
Сделал
Многие розничные продавцы полагаются на изображения продуктов, чтобы привлечь внимание подписчиков. Но разве каждое электронное письмо должно сопровождаться этим? Для мебельной торговой площадки Made.com это не так. Вместо этого они приветствуют новых подписчиков красивым жирным заголовком. Их использование повествовательного шрифта FS Neruda и идеально расположенная закорючка, нарисованная от руки, привлекают внимание читателя.

GoPro
Да, изображения в этом письме потрясающие. Но именно смелая типографика делает это письмо от GoPro по-настоящему особенным. Подписчики могут быстро уловить сообщение, просто отсканировав это электронное письмо, и, инвертируя отдельные слова в каждом заголовке, GoPro помогает усилить сообщение о том, что независимо от вашего шума, вы можете сделать идеальный снимок. Чтобы сделать это смелое заявление, GoPro использует Montserrat , шрифт с открытой лицензией, который дополняет чистые, лаконичные композиции.

Посмотрите код и его отображение на клиентах в Litmus Builder
Хилларис
Заказная услуга по отделке окон Хилларис делает громкое заявление в заголовке этого модного электронного письма. Сочетание жирного цвета с крупной типографикой - комбинация, которую трудно игнорировать. Использование шрифта без засечек Proxima Nova в герое прекрасно дополняется шрифтом с засечками Poynter Oldstyle Display , который используется в дальнейших заголовках по всему электронному письму.

MailChimp представляет
Это электронное письмо от MailChimp представляет MailChimp Presents , коллекцию контента, ориентированного на предпринимателей. Mailchimp использует несколько шрифтов, чтобы выделить каждый фрагмент контента и сохранить взаимодействие на протяжении всего письма.

Отель Ace
Ace Hotel демонстрирует, насколько креативной может быть типографика с этим дизайном, анонсируя знаменитого шеф-повара Мэтти Мэтисона, который совершит поездку по пяти их отелям в США. Живой текст в теле письма использует системный шрифт с засечками Georgia, который отлично дополняет нарисованный от руки шрифт, используемый для выделения дат и мест на изображениях.


Уэно
Информационные бюллетени креативного агентства Ueno предлагают чистый и свежий дизайн с красивой типографикой. Крупные жирные заголовки с черными засечками и большие серые подзаголовки красиво ведут подписчиков к статьям. Основной текст набран шрифтом Akagi без засечек , что позволяет выделять непритязательные призывы к действию, выделенные жирным шрифтом.
Чтобы шрифт заголовка отображался во всех почтовых клиентах, Ueno использует изображения, а не живой текст. Это обычная практика, однако всегда лучше учитывать, как электронное письмо будет читать с отключенными изображениями, и не забывать зеркально отображать текст в изображениях в тегах alt при использовании этого подхода.

WeTransfer
Типографика может иметь огромное влияние на идентичность бренда. Лицензионные гарнитуры и индивидуальные шрифты помогают брендам завоевать доверие и выделиться среди конкурентов. WeTransfer обеспечивает уникальное влияние бренда на open, используя Canela для жирных заголовков и Fakt для основного содержимого. Оба шрифта имеют коммерческую лицензию.

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

Студия InVision
Ряд вариантов дизайна в этом электронном письме от InVision Studio усиливают аргументы в пользу текстового объявления. Необычный черный фон с белым текстом, полноразмерный логотип продукта и продуманная иерархия контента с красивой, чистой типографикой делают это письмо привлекательным. Шрифты с открытой лицензией Poppins и Roboto во всем дополняют друг друга, а яркий яркий красный цвет, используемый на ссылках, подчеркивает этот почти монохромный дизайн.

InVision
Еще один отличный пример от InVision - их шаблон вебинара. Дизайн использует преимущества разных размеров шрифта, высоты строк и курсива, чтобы создать отличную иерархию контента и помочь привлечь внимание подписчика к электронной почте. Это отличный способ структурировать электронные письма с большим количеством копий и при этом добиться такого взаимодействия без необходимости использования изображений.
