Дизайн для письма рассылки: Дизайн email-рассылки: что нужно знать об оформлении электронного письма — Независимое театральное объединение "Зрительские симпатии"

Содержание

Дизайн email-рассылки: что нужно знать об оформлении электронного письма

Дизайн email-рассылки — это оформление писем с помощью различных блоков и визуальных элементов.

Стандартные блоки — это хедер, тело письма и футер (подвал). К визуальным элементам относят логотип компании-отправителя, иллюстрации, фирменные цвета, шрифты, интерактивные элементы.

Наличие тех или иных составляющих зависит от наполнения и задачи конкретного письма.

Пример дизайна рассылки от «Нетологии». Письмо не перегружено элементами и цветовыми решениями — спокойный фон, одна основная картинка, короткий текст и призыв к действию

Какие задачи решает дизайн в рассылках

Дизайн рассылок влияет на общую визуальную привлекательность и на функциональность письма.

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

А еще рассылки, оформленные в одном стиле, повышают узнаваемость бренда.

В каждом письме от S7 есть логотип компании, а кнопки окрашены в фирменный зеленый цвет

Главные мысли

ТОП-8 рекомендаций для создания идеального письма — Маркетинг на vc.ru

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

6440 просмотров

1. Адаптивный email-дизайн

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

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

2. Размер письма

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

Общая высота веб-страницы составляет 960 px, и этого, как правило, недостаточно для предоставления всей необходимой пользователям информации, которую нужно донести через email-канал. Увы, от скроллинга не уйти. Обычно в среднем длина писем составляет порядка 1500-2000 px. Этого хватает для размещения контента, и юзерам при этом не трудно сделать 1-2 скролла. Также помните, что на мобильных устройствах, в связи с перестановкой блоков, длина email-шаблона может сильно увеличиться.

Важно отметить: во многих email-клиентах типа Outlook, Apple Mail, Thunderbird есть окно превью с ограниченным размером — 600 px в ширину и 300-500 px в высоту. Они не отображают уменьшенную копию всего письма, но захватывают верхнее его поле с соответствующим размеру окна превью. Поэтому вам следует убедиться, что первые 300-500 px содержат важную и вовлекающую информацию, которая заинтересует пользователя прочитать его до конца.

3. Не забывайте о весе письма

Не нужно говорить громких слов о важности маленького веса письма — даже в нашем современном мире множество людей сталкивается с проблемой плохого интернет-соединения.

Это не значит, что нужно отправлять только простые скучные письма. Просто делайте сжатие картинок.

Хочется также отметить, что вес кода для полного отображения в почтовом клиенте Gmail не должен превышать 102 KB, и этого стоит придерживаться.

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

д. и т. п. Этой цели можно достичь с помощью четкого и убедительного призыва к действию в своей рассылке:

выбор правильного цвета кнопки. Мы знаем, что все элементы письма должны дополнять друг друга, поэтому следует придерживаться выбранной цветовой гаммы. НО, в случае с кнопкой CTA — можно поиграть;

выбор правильной формы. Делайте свои кнопки призыва к действию квадратными, закругленными, овальными — все на ваше усмотрение. Согласно многочисленным исследованиям, форма таких кнопок абсолютно не важна;
выбор правильного типа кнопок: затененных, CSS-анимированных, со стрелками, жирным текстом в email-дайджестах, с фейковыми триггерами, с добавлением в кнопки картинок.

Так много способов сделать кнопки привлекательными! Не бойтесь использовать любую из перечисленных идей.

5. Повышайте вовлечение с помощью АМР-компонентов и геймификации

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

Сегодня геймификация является одним из самых известных способов использования технологии AMP для писем. И да, в редакторе Stripo для этого не требуется никаких скиллов в верстке.

Так что же можно сотворить с помощью технологии AMP?

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

Предоставление клиентам возможности выбирать элементы в письмах.

Назначение встреч прямо в письмах.
Сбор отзывов.

Звучит прикольно, и это может повысить конверсию, не правда ли?

6. Позвольте всем подписчикам прочувствовать красоту письма

Только представьте, 285 миллионов людей по всему миру имеют проблемы со зрением, даже когда носят очки. Это равно более половине населения Евросоюза и 87% жителей США.

А вы знали, что люди со слепотой и проблемами со зрением используют так называемые скрин-ридеры (VoiceOver для Mac, Microsoft Narrator для Windows, и т. д.), когда хотят прочитать письмо?

Так что же нужно делать, чтобы помочь этой аудитории ощутить все совершенство ваших рассылок?

Давайте начнем с малого. Просто следуйте правилам ниже:

размер шрифта должен быть не менее 14px, но 16px более предпочтительны для нормального восприятия письма;
избегайте использования зеленого и красного цветов в качестве контрастных. Например, не применяйте зеленый к тексту на красном фоне, и наоборот. То же самое касается цветов, которые путают люди, страдающие дальтонизмом различной формы;

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

при верстке писем со специальными возможностями стоит использовать элементы хедера типа <h2> и <p> в HTML-коде. Теги <h2>, <h3> будут иметь преимущество над обычным текстом и будут считаны ридером первыми.

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

7. Не рассылайтесь, не протестив.

Не забывайте тестировать письма перед отправкой своим пользователям.

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

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

8. Пользуйтесь шаблонами, чтобы избежать рутины.

Большую часть времени компаниям нужно отправлять очень похожие письма, говорящие о скидках, новых коллекциях, информации о регистрации, о смене пароля и т. п. С большой коллекцией готовых к отправке шаблонов, такой как в Stripo, вы можете отредактировать письмо под себя буквально за пару минут — изменить картинки, описание, цену, — просто делайте все, что позволяет воображение и план продаж. Затем экспортируйте в свои ESP и почтовые клиенты и дайте миру увидеть ваши адаптивные, привлекательные и эффективные рассылки.

Шаблоны писем для рассылки: 20 ресурсов для вёрстки емейлов

В 2021 году цифровизация стала частью нашей повседневной жизни. Теперь не выходя из дома, можно покупать и получать всё, что душе угодно: продукты, мебель, книги. Поэтому так важно использовать инструменты, которые помогут вам увеличить показатели непосредственно в онлайн продажах. Например, отправлять подписчикам емейлы. Но как верстать сообщения, если вы обычный интернет-маркетолог без знаний html? В этом случае вам поможет шаблон рассылки. Это такой универсальный макет с блоками внутри, в которых вы самостоятельно можете изменять контент. Такой инструмент поможет вам сократить время работы над проектом и повысить узнаваемость бренда.

Как же не ошибиться с выбором конструктора и найти подходящий инструмент? Для этого стоит обратить внимание на такие критерии:

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

И не забудьте заранее проверить, какие элементы сообщения можно создавать в выбранном шаблоне e mail рассылок. В нём обязательно должны быть следующие модули:

Хедер — шапка письма.
Баннер — изображение.
Заголовки.
Текстовые блоки.
Кнопки с призывом к действию.
Соцсети.
Товарные блоки.
Футер — самая нижняя часть емейла (подвал).
Информация о причине отправки и возможность отписаться.

О том, какие макеты и инструменты существуют и чем они отличаются друг от друга, расскажем далее.

Antwort

По данным компании EmailMonday, в 2021 году открытия электронных писем на мобильных устройствах составляют 41,6%. То есть без адаптивного дизайна HTML сейчас невозможно полноценно заниматься email-маркетингом. И на этом сайте вы можете отыскать надежные шаблоны для верстки писем в мобильных и десктопных версиях. Они работают для всех основных почтовых клиентов: AOL, Gmail, outlook.com и Yahoo.

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

Эта механика изображена даже на логотипе конструктора.

Материал с сайта github

В этом сервисе можно легко найти подходящий html шаблон электронных рассылок. А самое главное — он интегрирован со многими платформами по автоматизации маркетинга. В enKod именно его используют для вёрстки писем в блочном редакторе.

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

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

Этот популярный ресурс для дизайнеров начал свою работу в глубоком 2006 году. И за время своего существования множество иллюстраторов, фотографов и других специалистов поделились своими работами, получили восторженные отзывы и комментарии коллег. В нём вы сможете найти бесплатные шаблоны писем для email рассылки в формате psd. Адаптировать их для своих проектов можно в любом блочном редакторе для вёрстки писем, например, в Stripo.

Помимо функции «Поиск», на сайте есть проекты «Прямой эфир» и «Вакансии». Они направлены на помощь в поиске работы и отвечают на вопросы, возникающие в карьере, связанной с творчеством.

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

И, конечно, в нём можно найти различные типы дизайна писем. Как и предыдущий сервис, этот сайт — источник вдохновение с примерами, которые позволят вам оставаться в тренде. А вот создать сообщение можно, например, в блочном редакторе Stripo, о котором мы говорили выше.

Бесплатные и красивые шаблоны email рассылки не обязательно искать в крупных сервисах. Например, этот проект позиционирует себя как небольшую коллекцию конструкторов для создания емейлов. На странице всего 3 HTML макета с различной вёрсткой. Но даже этого количества на самом деле хватает, чтобы создать качественные письма для ваших клиентов и адаптировать их для маленьких экранов.

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

Созданные сообщения поддерживаются основными почтовыми клиентами, такими как Gmail, почта Yahoo, почта iOS и все версии Outlook.

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

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

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

На нём возможно найти и нужный шаблон html письма для емейл рассылки. Например, такой макет вы обнаружите на первой странице выдачи, если вобьёте в поисковую строку «templates emails».

Стоит учитывать, что многие конструкторы предназначены не для новичков, а для опытных верстальщиков. Потому что Github используют специалисты по всему миру, в том числе и крупные компании. Например, Microsoft, RedHat и другие.

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

Компания начала свою работу в 2005 году. И к сегодняшнему дню более 700 тысяч пользователей из разных сфер бизнеса пользовались их проектами.

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

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

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

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

Цель компании — помочь людям, которые испытывают трудности при использовании электронной почты. Поэтому они создали более 50 тысяч макетов. И сейчас их приоритетная задача — технология AMP (интерактивные письма с различными динамическими элементами).

Руководитель компании Дженна Молби управляла маркетинговыми операциями в B2B и B2C секторах, в агентствах и на стороне клиента более десять лет. В прошлом она занималась в том числе и веб-разработкой.

И в этом проекте вы можете найти советы по email-маркетингу и 6 бесплатных конструкторов для создания писем. У каждого из них есть собственный дизайн. Все они протестированы на основных зарубежных почтовых клиентах (Gmail, Yahoo, Outlook, AOL, Zoho, Mail.Com, и ProtonMail) и соответствуют визуальным стандартам электронных почт.

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

Фреймворки других пользователей станут доступны после регистрации.

Эта консалтинговая компания по дизайну создаёт письма с учётом потребностей клиента. На их сайте вы можете скачать пять zip-файлов с макетами. Конструкторы различаются расположением блоков в дизайне. Используя эти работы, вам нужно лишь выбрать, как вы хотите оформить емейл: добавить большое изображение, товарный блок или информационный текст.

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

Canva

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

В библиотеке также можно отыскать шаблоны емейлов, похожих на полноценные стильные веб-страницы. Инструменты сайта предназначен для создания дизайн-макет сообщений. Чтобы сделать из ваших наработок полноценные письма, необходимо сверстать их в HTML или в блочном редакторе, например, Stripo.

Проект был запущен в 2013 году. И к 2021 году в сервисе хранится уже более 7 миллиардов работ пользователей. Стоимость компании сейчас оценивают в 40 миллиардов долларов, поэтому не стоит считать её лишь глупой программой со стоковыми картинками.

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

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

Сам проект собрал в себе группу талантливых разработчиков и дизайнеров, которые любят создавать красивые решения. Их главное преимущество на рынке — простота, лёгкость и широкий ассортимент продукции. Это позволяет Template Monster ориентировать продукт на разные группы пользователей: профессионалов и новичков.

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

На сайте возможно сделать хорошие работы нескольких видов:

адаптированный;
брендированный;
конверсионный.

А если не хотите этим заниматься, то любое готовое письмо можно заказать прямо там.

Сам сервис, помимо макетов, предлагает и другие функции. Например:

тестирование писем;
экспорт в любом формате;
мультипользовательский доступ.

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

Также в сервисе можно сразу протестировать вёрстку в почтовых клиентах: Outlook, Mail. ru, Yandex, Gmail.

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

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

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

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

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

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

Подведём итоги!

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

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

10 тенденций дизайна e-mail рассылки 2021 года

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

Персонализация

Эта тенденция сохранилась с прошлого года. Персонализированная рассылка приносит на 122% больше прибыли. Но персонализация писем нуждается в нескольких важных вещах:

Сегментация. У разных групп клиентов разные интересы и предпочтения.
Имена клиентов. Более того, их рекомендуется использовать не только в тексте письма, но и в строке темы.
Использование предложений на основе предпочтений клиентов или истории покупок.
Использование визуальных элементов (изображений, иллюстраций, gif).
Создание индивидуального читательского опыта. Ориентируйте пользовательский опыт на вкусы вашего клиента.

Рассмотрим пример от Rama Works и Shipt .

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

Rama Works — один из тех брендов, который выводит дизайн рассылки на новый уровень за счет персонализации.

Второй пример — классическое письмо с благодарностью с заголовком “Обзор за год”. Это письмо тоже персонализировано. Оно включает имя, важную для клиента статистику и благодарность.

Обратите внимание на дизайн. Он яркий и запоминающийся. Shipt превратила данные в инфографику.

Длинный текст

В этот тренд свой вклад внесла пандемия. Изоляция подтолкнула общество не только к регулярному выходу в интернет, но и к чтению. Электронные письма, дающие пищу для размышлений, становятся все популярнее среди подписчиков рассылки. Так что если вам есть что рассказать, самое время. Длинные письма — одна из главных тенденций 2021 года. Чтобы осуществить ее, придерживайтесь правил:

Разбавьте текст визуальными элементами (фотографии, иллюстрации, анимации).
Разбейте текст на легкоусваиваемые фрагменты.
Сделайте оптимальный контраст текста и фона, чтобы упростить чтение длинного текста.
Проверьте контент на ошибки.
Добейтесь композиционной гармонии и избегайте перегрузки информацией.

Рассылка от Absurd Design похожа на личное дружеское сообщение. Это способствует развитию прочных отношений между брендом и аудиторией.

Обратите внимание на несколько важных деталей, которые помогут вам добиться того же эффекта в e-mail рассылке:

Теплое приветствие с именем.
Четко выделенные пункты письма. Пробелы улучшают читаемость.
Эмодзи не только привлекают внимание, но и поддерживают дружескую атмосферу.
Привлекательные иллюстрации.
Нижний колонтитул с важной информацией.

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

Информация в карточках

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

Дизайн писем от eWD успешно включает большое количество информации в ограниченное пространство письма. Карточки организуют контент в блоки, чтобы создать визуальный порядок.

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

Второй пример от ActionPocket. Это обычное электронное письмо, которое содержит различную информацию.

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

Крупные шрифты

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

Тщательно подбирайте слова. Все, что написано крупным шрифтом надолго останется эхом в сознании читателей. Убедитесь, что это создает положительный имидж вашей компании.
Используйте цвет с умом. Большие, жирные шрифты не сочетаются с яркими цветами. Придерживайтесь нейтральных тонов.
Оставьте пространство. Для крупного шрифта нужно много места.

Когда речь идет о больших шрифтах, имеется в виду именно это:

Благодаря цвету и расположению текст не выглядит грузно.

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

Цвета

Когда речь идет о трендах дизайна, без цветовых схем не обойтись.

Сайт Pantone выбрал два цвета на 2021 год: серый и желтый. Они выражают силу и позитив — две вещи, в которых мы нуждаемся в это неопределенное время.

Но не зацикливайтесь на этих двух тонах. Pantone собрал несколько цветовых палитр, которые улучшат ваш дизайн рассылки.

В качестве примера посмотрим на письмо от Haus, который уже воспользовался этой палитрой.

Аутентичные образы

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

Ее главная фишка — неограниченность. Вы можете дать волю своему воображению. Людям нравятся уникальные вещи.

Например, письмо от Magic Spoon Cereal привлекает трафик на сайт с помощью аутентичных изображений. Выглядит настолько “вкусно”, что сразу хочется купить.

Обратите внимание на то, что нестандартное изображение не только привлекает внимание к продуктам, но и эффективно продвигает бренд.

3D изображения

Трехмерные изображения популярны среди крупных брендов. 3D-картинки выделяются в плоской веб-вселенной.

Например, Google и Apple постоянно используют выдающиеся 3D-изображения в электронных письмах.

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

Хорошо продуманные изображения творят чудеса. Трехмерная картинка и скидки — все, что нужно Google для привлечения трафика и потенциальных клиентов.

Второй пример — Apple. Его цель — привлечь внимание к продукту. Трехмерное изображение говорит больше, чем текст.

Иллюстрации

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

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

Еще один пример — письмо от Tinder. Иллюстрации живые, интересные. В отличие от предыдущего примера, изображения разбросаны по всему письму. Они дополняют текст и создают дружелюбную атмосферу.

Еще один вариант размещения иллюстраций — на фоне. К примеру, письмо от Uber с интересным фоновым изображением.

Анимированные gif-изображения

Тенденции уходят и приходят, но анимации останутся с нами еще на несколько лет.

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

Рассмотрим письмо от Sueteness. Его задача заключалась в том, чтобы уведомить пользователей о розыгрыше призов и побудить их действовать немедленно.

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

Интерактивные элементы

Эта тенденция находится в зачаточном состоянии, но уже предлагает интересные решения. Например, взгляните на рассылку от Google:

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

Мелкие детали имеют большое значение, особенно когда они интерактивны.

Вывод

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

На материале: https://designmodo. com/email-design-trends-2021/

Как правильно составить письмо для email-рассылки. Часть 2: дизайн

С тем, как написать текст для email-рассылки, разобрались в предыдущей статье. Теперь расскажем, как правильно его задизайнить: как сделать письмо адаптивным, как выбирать цветовую гамму и почему лучше использовать стандартные шрифты.

Оглавление

Проработайте структуру
Сделайте письмо адаптивным
Продумайте расположение элементов
Найдите картинки, которые будете использовать
Выберите шрифты
Выберите цвета оформления
Соберите все воедино
Повторим: как сделать дизайн для письма в email-рассылке

Проработайте структуру

Стандартная структура электронного письма:

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

Так выглядит типовая структура письма в email-рассылке

Структура может быть и другой — в зависимости от целей письма, прогретости аудитории, содержания и других параметров. Например, чтобы заинтересовать получателей сообщением о глобальной распродаже, достаточно будет логотипа, 1–2 предложений и кнопки со ссылкой на сайт: все это можно уместить в одном экране. А если ваша цель — рассказать об использовании сервиса, подойдет длинное письмо со скриншотами и видео. В нем можно не использовать прехедер, но хедер желателен. Если готовите первое письмо в рассылку, обязательно нужны и хедер, и прехедер, и футер, чтобы получатели поняли, от кого оно пришло.

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

При выборе структуры ориентируйтесь на то, какую задачу нужно решить, и на подготовленный текст. Нужно, чтобы пользователь быстро перешел по ссылке или выполнил другое целевое действие, — не растягивайте контент на 3–4 экрана, если можно уместить его в 1–2. При запуске информационной рассылки подробно расскажите о продукте, преимуществах — в этом случае можно использовать длинную структуру.

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

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

Прототип структуры можно сделать даже в Google Рисунках, как этот

Сделайте письмо адаптивным

Делать это нужно сразу, до выбора местоположения конкретных элементов. Самый простой путь — верстать письмо сразу в сервисе для рассылки, типа Mailchimp. Там письма автоматически становятся адаптивными для ПК, планшетов, смартфонов.

Продумайте расположение элементов

Конкретное расположение элементов выбирайте, когда уже решили, какой будет структура и как сделать письмо адаптивным. Ориентируйтесь на прототип и следуйте базовым правилам.

Оставляйте «воздух». Между всеми элементами письма — заголовками, подзаголовками, логотипом, абзацами текста и так далее — должен оставаться «воздух»: небольшое пространство. Если не оставить его, контент «слипнется», а читателю будет сложнее ориентироваться в нем.

Сравните сами, в каком варианте письма легче ориентироваться

Используйте якорные объекты. Якорные объекты — самые заметные элементы, созданные для привлечения внимания: заголовки, кнопки с призывом к действию и так далее. Чаще всего читатели обращают внимание сначала на видео или иллюстрации, потом на заголовки, призывы к действию, логотипы и цифры. Поэтому делайте их заметными: используйте не только выделение жирным и контрастные цвета, но и правильное расположение. Якорные объекты обычно расположены по центру или в одном из углов экрана.

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

Уделяйте особое внимание шапке. Пользователи просматривают сайты и другие страницы в интернете по F- или Z-паттернам, то есть уделяют особое внимание верхней части экрана. Об этом рассказали Евгений Котяк и Денис Нарижный, авторы сервиса AskUsers. Значит, вам нужно привлечь внимание пользователя и заинтересовать его сразу: в прехедере или шапке письма. Можно использовать логотип, выразительный шрифт, контрастные цвета или анимацию.

Используйте модульную верстку. Обычно письма верстают как таблицу, в которой каждый элемент занимает свой прямоугольник. Чаще всего прямоугольники строят в одну или две колонки. Используйте этот прием: выберите расположение элементов так, чтобы их прямоугольники не пересекались друг с другом. Это позволит оставить «воздух» и облегчит адаптивную верстку.

Каждый элемент занимает один прямоугольник

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

Опять же, ориентируйтесь на цели письма и текст, написанный заранее. Он поможет правильно расположить элементы так, чтобы создать акценты на якорных объектах.

Уже на этом этапе, чтобы оценить внешний вид письма, можете добавить текст в прототип. Если что-то не так, сразу исправьте недостатки.

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

Найдите картинки, которые будете использовать

Изображения в рассылках используют, чтобы что-то показать, объяснить, визуализировать. Или для красоты — например чтобы сделать письмо более ярким. В любом случае будьте аккуратны:

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

Если в письме нужно использовать иллюстрации, уменьшите их вес в сервисах iLoveIMG, IMGonline, JPG Zipper или других. Стремитесь максимально уменьшить вес всего письма: чем он больше, тем дольше оно загружается и тем выше шанс неполадок.

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

В рассылке Work-zilla иллюстрация привлекает внимание к цитате, в самом письме всего 6 изображений

Выберите шрифты

Письма в рассылках — не то место, где стоит экспериментировать со шрифтами. Во-первых, почтовые клиенты «понимают» только 9 стандартных распространенных шрифтов, а на незнакомые могут «ругаться» и не отображать их. Во-вторых, «заковыристое» начертание сложнее для восприятия, чем привычные Arial или Times New Roman.

Используйте эти шрифты: их принимают все почтовые клиенты

Обычно в письмах используют 1–2, максимум 3 шрифта. Например, одним пишут весь текст, а другим — заголовки, подзаголовки, призывы к действию и другие важные элементы. Если использовать 4, 5 или 6 шрифтов, внимание пользователя рассредоточится — он не поймет, на что обращать внимание в первую очередь, а само письмо будет выглядеть неаккуратно.

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

Выберите из стандартных шрифтов 1–2, которые будете использовать. Если письмо длинное, для дополнительных акцентов, сносок или информации в футере можно использовать третий шрифт. Главное, чтобы на экране было не больше двух шрифтов одновременно.

Выберите цвета оформления

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

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

Проверьте сами: какой текст вам легче читать?

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

В рассылке от «ЦИАН» использован голубой — корпоративный цвет компании

Следите, чтобы все используемые оттенки сочетались между собой. Подобрать палитры цветов можно в сервисах ColorScheme, Paletton, Material design и других. Например, выберите триаду в ColorScheme — сервис покажет несколько сочетающихся оттенков, их можно использовать для дизайна.

Соберите все воедино

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

Когда соберете макет воедино, сможете сразу увидеть ошибки — например то, что между объектами не хватает «воздуха», цвета не сочетаются между собой или неверно выставлены цветовые акценты. Исправьте их перед тем, как отправить макет в верстку. Если не уверены, протестируйте дизайн на фокус-группе. Отправьте письмо 20–30 подписчикам и попросите дать обратную связь: захотелось ли им выполнить целевое действие, какие акценты раздражают, что непонятно. На основе отзывов доработайте макет и запускайте процесс дальше.

Повторим: как сделать дизайн для письма в email-рассылке

Проработайте структуру исходя из целей письма и текста. Она может быть и короткой, и длинной, и с хедером, прехедером, и без.
Сделайте письмо адаптивным. Собирайте дизайн сразу в сервисе для рассылок или используйте CSS, плавающие блоки или подстраивающееся содержимое.
Продумайте расположение элементов: куда поместить заголовки, изображения, текст. Акцентируйте внимание на важных якорных объектах: призывах к действию, заголовках, иллюстрациях.
Найдите изображения, которые будете использовать для дизайна. Следите, чтобы они были выполнены в одном стиле, не перетягивали на себя внимание с якорных объектов. Сжимайте картинки, чтобы письмо не весило слишком много.
Выберите шрифты. Можно использовать только стандартные, типа Arial или Times New Roman. В одном письме используйте не больше трех шрифтов.
Выберите цвета оформления. Проследите, чтобы текст легко читался, а акценты на якорных объектах были заметными. Подобрать палитру для оформления письма можно с помощью специальных сервисов.
Соберите все воедино. Постройте письмо сразу в сервисе для рассылки или создайте макет в графическом редакторе.

Как дизайнеру не ошибиться при оформлении рассылки — KINETICA

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

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

Основные проблемы, с которыми сталкивается дизайнер при работе с рассылками

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

Если вы решите эти проблемы, письмо станет удобно читать и оно будет отображается в почтовике корректно.

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

Отображение в почтовике. Несоблюдение «технических» рекомендаций по модульной сетке, контейнеру письма, количеству колонок и шрифтам, приведет к некорректному отображению информации в письме или вообще к не отображению ее.

Структура

Размер письма. Оптимальной шириной все еще остается 600 пикселей. С таким размером письмо будет отображаться корректно во всех почтовиках: во всю ширину и без горизонтального скролла.

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

Какие элементы использовать. Минимальный набор: хедер с логотипом вашей компании, заголовок, абзац текста, баннер, CTA, футер.

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

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

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

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

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

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

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

от 1 до 2 колонок — хорошо;
от 3 до 4 колонок — нормально;
5 и более — нельзя, так как ширина колонок станет настолько маленькой, что с высокой вероятностью ваш контент станет просто нечитабельным.

Типографика

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

Arial,
Helvetica,
Verdana,
Tahoma,
Trebuchet MS,
Comic Sans MS,
Courier New,
Lucida Console,
Lucida Grande,
Times New Roman,
Georgia.

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

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

Расстояние между объектами поможет правильно распорядиться вниманием читателя. Чтобы создать письмо комфортное для чтения. Суть быстро дойдет до читателя, достаточно помнить о принципе «внутреннего и внешнего».

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

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

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

Выражайте свою мысль кратко — F-паттерн характерен только для объемных статей и писем. Так вы увеличиваете вероятность быть понятными.
Расставляйте приоритеты, направляя пользователей к тому, что вам нужно и что они хотят увидеть. Для этого используйте заголовки, подзаголовки, списки. Они должны выглядеть более важными и заметными, чем обычный текст.
Делите контент на смысловые блоки. Письмо с информацией, которая подана порционно, будет восприниматься легче.
Используйте форматирование ссылок с выгодой для себя и убедитесь, что они содержат информативные слова: например, в проморассылке с товарами используйте CTA-элемент с текстом «Посмотреть весь ассортимент» вместо общих «Перейти» и «Нажмите здесь».

Изображения

Используйте только изображения, которые соответствуют фирменному стилю вашего бренда. Используйте фотографии с людьми, они «очеловечат» рассылку, увеличат доверие к вам и как следствие конверсию. Но избегайте стоковых фото — пользователи их игнорируют, бренд будет обезличен, а репутация подорвана.

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

Уменьшайте вес изображений и гифок. Пользователи не будут ждать, пока ваше письмо прогрузиться и вы потеряете потенциальных клиентов. По исследованию Adobe за 2018 год, это раздражает 18% опрошенных после «долгой прокрутки писем», которую выбрали всего 2%.

Контролировать вес можно в вашем рабочем редакторе и на специальных сайтах: jpegmini, iloveimg, tinypng.

Я обычно комбинирую инструменты — после сжатия в Фотошопе картинку можно дополнительно прогнать через один из сервисов и ужать ее еще на 15-50%, не сильно потеряв в качестве.

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

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

Не размещайте несколько гифок рядом — человек может сфокусировать внимание лишь на одном объекте. Если нужно использовать больше одной анимации, разбейте их абзацами текста и подавайте последовательно. Тогда пользователя ничего не будет отвлекать и раздражать. Также сделайте первый кадр гифки информативным и самодостаточным, так как outlook не проигрывает анимации.

Визуальный стиль

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

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

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

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

Сформируйте элементы. Чем детальнее вы провели аналитическую работу на предыдущем этапе, тем легче вам будет определиться со списком и формой элементов рассылки.

Подберите цвета: их желательно использовать не более 3, плюс нейтральные.
Выберите шрифтовую пару, которая будет передавать «характер» вашего бренда. Например, для новостных ресурсов или бренда модной одежды будет органично сочетание serif-шрифта для заголовков и sans-serif для абзацного текста. Но для магазина детских игрушек это будет выглядеть странно.
Определите кегль для заголовков каждого уровня и акцентного выделения: цитаты и ссылки.
После проработайте уникальные элементы в зависимости от ваших задач. Это могут быть например карточки товаров для событийных рассылок, блок с актуальными вакансиями или горячими новостями для информационных.
По правилу «внутреннего и внешнего» определите отступы под все ситуации, которые будут встречаться в вашей рассылке: отступ от картинки и до подписи к ней, отступ от заголовка и до подзаголовка, отступы вокруг CTA, интерлиньяж. Все пустое пространство в вашем письме должно быть определено конкретными значениями, а не спонтанно.

«Объедините» элементы. В практике этот этап будет идти параллельно предыдущему — они тесно связаны и разделить их можно только условно. В итоге второго этапа вы получите макет с различными элементами в едином стиле, каждый из которых решает свою задачу на микроуровне. Завершающим шагом в создании визуального стиля будет объединение их в цельную систему.

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

Посмотрите на взаимодействие объектов в вашей рассылке друг с другом. Чтобы прийти к визуальному решению, ответьте на вопрос: «В каком месте и в какой форме использовать каждый элемент»?

Клиенты Кинетики в email-маркетинге

Посмотреть примеры наших работ вы можете на нашей доске в Пинтересте. Все работы выполнены на основе опыта, описанного выше для ecommerce и контентных проектов.

Краткий чек-лист для оформления рассылки

Ширина письма не должна превышать 600px, высота может быть любой.
Используйте минимальный набор элементов: хедер, заголовок с темой письма, баннер, абзац текста, CTA, футер. Не перегружайте письмо — чем проще, тем лучше.
Собирайте макет по модульной сетке — она облегчит верстку и сделает письмо адаптивным.
Количество колонок в письме — не больше четырех.
Выберите для вашей рассылки пару из безопасных шрифтов для заголовка и абзацного текста (Arial, Helvetica, Verdana, Tahoma, Trebuchet MS, Comic Sans MS, Courier New, Lucida Console, Lucida Grande, Times New Roman, Georgia). Нестандартные шрифты используйте только в картинках.
Определяя расстояния между объектами, помните о том, что внутреннии расстояния одного элемента, должны быть меньше внешних.
Если пишете контент самостоятельно, выражайте мысль в письме кратко и делите его на смысловые блоки с явными заголовками, подзаголовками, списками и другими приемами акцентирования.
Типографика в письме важнее графических элементов.
Текста меньше 11px в письме быть не должно.
Даже если пользуетесь стоком, подбирайте только естественные фотографии с эмоциями людей.
Уменьшайте вес изображений и гифок, с помощью редактора, в котором работаете или специальных сайтов (jpegmini, iloveimg, tinypng). Вес гифок не должен превышать 1Мб.
Если вы присылаете подписчику промокод или другую информацию для ввода где-либо, прописывайте ее текстом, чтобы была возможность скопировать.
Никогда не создавайте письмо из одного изображения. Большинство провайдеров автоматически отправляют в спам письма, которые сверстаны одной картинкой.
Постарайтесь нарисовать дизайн так, чтобы его можно было сверстать без картинок. Картинки должны использоваться только в качестве графической составляющей.
Письмо должно делиться на горизонтальные блоки общей шириной всего макета.
Элементы, с которыми можно совершать действия не должны быть меньше, чем 50×50px.

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

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

Реализуя email-маркетинговую стратегию для клиентских и в рамках внутренних рассылок, мы учитываем все нюансы оформления. Проводим аудит за 5 дней: проверим вашу рассылку по всем ключевым параметрам, включая дизайн писем, сервис рассылок, базу подписчиков, контент, сайта и CRM. С помощью аудита вы найдете точки развития и получите список рекомендаций для увеличения лояльности и дохода.

Mail Letter Format: Best Templates

Многие маркетологи считают прямую почтовую рассылку основой маркетинга даже перед лицом растущего цифрового охвата по уважительной причине. Согласно исследованиям, общий средний показатель открываемости прямой почтовой рассылки составляет 90%. Тем не менее, успешные кампании требуют привлечения дизайна и форматирования писем для прямой почтовой рассылки.

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

Таким образом, использование шаблона прямого письма экономит ваше время и усилия. Вот краткое руководство по разработке формата почтового письма, которое улучшит ваши показатели конверсии.

Как разработать шаблон почтового письма

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

Поймите, кто ваши целевые получатели

Формат почтового письма может немного отличаться в зависимости от места, куда вы отправляете, и цели почтового сообщения. Почтовый размер 8,5 x 11 дюймов является стандартом в США, а в Великобритании используется бумага формата A4 210 x 297 мм. Поэтому заранее изучите информацию, чтобы не запутать получателя.

Определите цель письма

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

Прочитать Обзор почтовых тарифов и цен на 2022 год

Шаблон почтового письма: как оформить (с примерами)

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

‍

[фирменный бланк]

‍

123 Drummond Avenue

Portland, OR 97205

‍

23 March, 2022

‍

Mr. James Smith

River Inc.

578 Burns Road

Springfield, OR 97477

‍

Dear Мистер Смит:

‍

В эту Черную пятницу скидка 60%

‍

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

‍

У нас есть широкий выбор товаров для дома для каждой семьи:

‍

Кухонная техника,

Чистящие средства,

Инструменты для дома,

И многое другое.

‍

Спасибо, что являетесь нашим постоянным клиентом.

‍

Ура,

‍

Адам Браун

‍

Глава по маркетингу

‍

Предложение доступно в любом из наших 12 филиалов по всей стране

‍

Как показано в образце письма, типичный формат почтового письма включает:

Бланк

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

Имя и адрес

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

Дата

Если вы отправляете предложение по почте, получатель должен знать, действительно ли оно еще при открытии письма. Как правило, каждое письмо содержит выписанную дату. Примерная дата отправки письма — 16 февраля 2022 года. Ссылка с кратким описанием достигает этого.

Приветствие

Для делового письма наиболее подходящим является официальное приветствие. Пример письма с приветствием по почте может быть «Уважаемый мистер Пит Эдвардс».

Прочитать Как отправить письмо: пошаговые инструкции

Готовы очаровать своих клиентов?

Автоматически отправлять персонализированную прямую почтовую рассылку на основе действий клиента.

Отправляя эту форму, я подтверждаю, что прочитал и понял Политику конфиденциальности Inkit .

Спасибо! Ваша заявка принята!

Ой! Что-то пошло не так при отправке формы.

Предмет/тело

В вашем шаблоне прямой почтовой рассылки тело письма следует после приветствия. Здесь вы делитесь целью письма с читателем. Подробно опишите проблему или предложение. Уточните, это скидка 40% от вашей программы лояльности клиентов или отсутствующий счет.

Закрытие

Закрытие простое, например, С уважением или С наилучшими пожеланиями. Сделайте это кратко и точно.

Подпись

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

Инициалы отправителя

Как и в случае с подписью, имя и инициалы указывают на то, что письмо принадлежит компании.

Приложения

Включите примечание в качестве приложения, если есть что добавить после тела письма.

Примеры прямой почтовой рассылки для делового общения

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

ПИСЬМО ПРИМЕР ФОРМАТ РАСПОЛОЖЕНИЯ ДЛЯ ПИСЬМО СТИРА БЛОКА

‍

123 Drummond Avenue

Портленд, или 97205

(555) 555-1234

19 ноября 2021

‍

Гр. River Inc.

578 Burns Road

Springfield, OR 97477

‍

Уважаемый г-н Джеймс Смит,

‍

Я пишу вам по поводу недостающего счета за последнюю партию, доставленную 2021 октября. , номер заказа 2140164у18. Мы просим вас связаться с нашим офисом, чтобы получить дополнительную информацию о том, как решить эту проблему.

‍

[Подпись]

Terrence John

Менеджер по счетам

Формат письма в стиле полублокирования по почте

‍

Terrence John

15 ноября 2021

‍

Dosiere Inc.

‍

Dosiere Inc.

‍

Doseerer Inc.

123 Drummond Avenue

Portland, OR 97205

‍

Уважаемый г-н Джеймс Смит:

‍

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

‍

У нас есть широкий выбор товаров для дома для каждой семьи:

‍

Home Entertainment Systems,
Couches,
Кухонные приборы,
,
комод.

‍

С уважением,

‍

[Подпись]

‍

Terrence John

‍

. следующая вещь должна автоматизировать ваш почтовый маркетинг. Это работа для Inkit Send. Это инструмент, который синхронизирует почту на основе триггера с онлайн-активностью и событиями пользователя. Люди получают персонализированные письма как часть автоматизированного маркетингового рабочего процесса.

Вот что вы можете ожидать:

Прямая почтовая интеграция . Пользователи могут интегрировать свое программное обеспечение CRM с Inkit Send API, чтобы автоматическая прямая почтовая рассылка стала одной из его функций. Интеграция с API проходит гладко и требует минимального времени для завершения и настройки.
Автоматика полного цикла . Send автоматизирует каждый этап прямого почтового маркетинга, от печати почты до доставки и отслеживания. Следовательно, вашей команде не нужно контролировать процесс. Это уменьшает ручные усилия маркетологов и делает рассылки более точными.
Многоканальные кампании . Inkit Send позволяет сделать прямую почтовую рассылку такой же персонализированной, как онлайн-каналы. Он становится эффективным элементом ваших многоканальных маркетинговых кампаний.

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

Готовы очаровать своих клиентов?

Автоматически отправлять персонализированную прямую почтовую рассылку на основе действий клиента.

Отправляя эту форму, я подтверждаю, что прочитал и понял Политику конфиденциальности Inkit .

Спасибо! Ваша заявка принята!

Ой! Что-то пошло не так при отправке формы.

Создание шаблонов писем прямой почтовой рассылки с персонализацией и отслеживанием

Обзор

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

Это обзор элементов дизайна в редакторе писем Postalytics Direct Mail. Вы научитесь создавать дизайн письма и ориентироваться в редакторе, добавляя текст, изменяя шрифты, добавляя изображения, персонализируя с переменными данными и многое другое.

Шаблоны писем, разработанные в Postalytics, можно использовать либо со стандартным белым конвертом №10 с двойным окошком, либо с индивидуальными конвертами , которые можно спроектировать и заказать через Postalytics.

Размер документа и безопасное поле

Document Size

8.5” x 11” Letter

Guides	H x W (in)	H x W (px)
Safe Margin	8.4375” x 10.9375”	2531.25 x 3281.25
Document Size	8.5” x 11”	2550 x 3300
Background Image Specs	300 dpi (Exactly, not higher or lower)	2550 x 3300
Address Area	2. 35” x 4.32”	705 x 1296

Safe Margin

Keep all text в пределах пунктирной зеленой линии , чтобы убедиться, что все напечатано на букве

Выпуск за обрез

Выпуск за обрез — это точный размер всех фоновых изображений в Postalytics. Это часть вашего дизайна, которая выходит за пределы линий «обрезки» или «разреза» печатной части. Это делается для того, чтобы на почтовом отправлении не остались белые линии из-за незначительных отклонений в процессе печати.

Bleed — это черная полоса на фоне редактора.

Начало создания письма

В приложении Postalytics в раскрывающемся меню Creative выберите New Template . Вы можете создать шаблоны писем прямой почтовой рассылки с нуля в Редакторе или Выбрать готовые шаблоны. Если вы выберете предварительно созданный шаблон (созданный профессиональным дизайнером), вы можете загрузить его в редактор и использовать инструменты, описанные в остальной части статьи, чтобы изменить его в соответствии со своими потребностями.

Подробнее о Готовые шаблоны

Для начала мы создадим шаблоны писем прямой почтовой рассылки в редакторе. Для начала выберите Создать в редакторе .

Создать шаблон с нуля

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

Postalytics Letter Editor

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

Зеленая пунктирная линия – безопасный запас . Сохраняйте весь текст, фигуры и изображения, которые не должны примыкать к краю в пределах этой границы.

Вкладка в левом верхнем углу указывает, что вы работаете над первой страницей дизайна письма. Вы можете добавлять или удалять страницы, используя функции + или – рядом с номером страницы. Каждая страница, которую вы добавляете после страницы 1, влечет за собой дополнительные расходы. Они также не будут включать почтовые ящики, что даст вам больше возможностей для творчества. Вы также можете выбрать печать отдельных страниц или лицевой/оборотной сторон.

Вкладки в верхнем правом углу холста письма:

Отменить
Повторить
Выравнивание
Привязать к сетке
Скрыть/отобразить переключение области почтового отправления
Настройки (множественные настройки)

Несколько страниц

С помощью Postalytics вы можете создавать шаблоны писем для прямой почтовой рассылки, которые могут распечатать до 6 физических страниц, сложенных и вложенных в конверт.

У вас есть возможность размещать содержимое на лицевой стороне распечатываемых страниц или на лицевой и оборотной сторонах (Настройки/Двусторонняя) — таким образом, вы получаете до 12 страниц общего содержимого.

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

Именование шаблона

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

Панель построения и отслеживания

Слева от холста Сборка , Отслеживание и Персонализация панели . Здесь вы можете щелкнуть и перетащить значки на холст. Единственным исключением является значок Variable Data , который можно выбрать, а не перетаскивать.

Build

Функции включают добавление:

Текст
Список пуль
Изображения
Horizontal Line
Squares, Circles
RERTANGLE

Отслеживание

Возможности включают добавление персонализированного URL-адреса (pURL) и QR-кода .

Выберите метод отслеживания, щелкните и перетащите его на холст. Расположите отслеживание в соответствии с вашими предпочтениями и внесите необходимые корректировки для достижения ваших творческих целей.

Персонализация

Возможности включают добавление переменных данных и логики переменных .

Переменные данные персонализирует ваш шаблон с помощью данных, таких как «Имя», которые получены из импортированного списка.

Щелкните и перетащите текстовый блок на холст с помощью значка T. Дважды щелкните текстовый блок. Перейдите на панель «Персонализация» и щелкните значок «Переменные данные». В разделе «Доступные вставки переменных данных» выберите «Имя». В текстовом блоке должно быть указано «%First Name%».

Variable Logic также создает персонализацию из вашего списка.

Нажмите и перетащите значок Variable Logic на холст. Дважды щелкните текстовый блок. Заполните соответствующие поля логики для своей кампании, затем нажмите «Вставить». После завершения логики переменных нажмите «Обновить».

Панель свойств

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

Вкладка «Стили»

Когда на холсте выбран объект или текст, отображается вкладка Свойства , позволяющая переключаться между вкладками Стили , Расположение и Эффекты .

стилей tab allows you to adjust:

Font Family
Font Size
Text Color
Highlight Color
Weight
Decoration
Alignment
Line Height
Style
Letter Spacing
Width
Height

Здесь также можно Удалить или Дублировать элемент на холсте.

Вкладка «Расположение»

Используйте кнопку Позиция стрелок или Сверху ( пикселей) и Слева (пикселей) для перемещения текстовых блоков, изображений или фигур на холсте.

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

Вкладка «Эффекты»

Эффекты предоставляют дополнительные возможности для творческого развития:

Корректировка текстовых блоков, изображений и фигур с помощью поворота, углового радиуса
Параметры границ: (стиль, ширина и цвет)
Параметры тени текста (по горизонтали, вертикали, размытие и цвет)
Параметры тени блока (расположение, по горизонтали) , Вертикаль, Размытие, Распространение и Цвет)

Панель свойств шаблона

Шрифт шаблона по умолчанию

кусок, а не изменять каждый текстовый блок по отдельности.

Настройки переднего шаблона

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

Фоновое изображение

Можно легко добавить фоновое изображение, содержащее изображения, рисунки, логотипы и текст. Просто не забудьте спроектировать адресную область на первой странице письма. Вы можете загружать изображения в Asset Manager в любое время.

Фоновые изображения Letter должны соответствовать следующим требованиям: ширина = 2550 пикселей, высота = 3300 пикселей, 300 точек на дюйм. Помните, что если разрешение выше или ниже, даже если высота и ширина правильные, ваше изображение может не загружаться или отображаться неправильно.

Добавьте фоновое изображение, выбрав Просмотреть (чтобы выбрать изображения из загруженных вами объектов) или выберите Поиск , чтобы просмотреть библиотеку из более чем 200 000 бесплатных фотографий высокого разрешения. У вас также есть возможность разместить фоновое изображение на всех страницах многостраничных писем.

Поиск бесплатных изображений

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

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

*ВАЖНО* При использовании бесплатного инструмента поиска изображений мы рекомендуем загрузить изображение и изменить его размер до соответствующего размера шаблона. Затем загрузите изображение обратно в Postalytics. В данном случае размеры фонового изображения составляют 8,5 x 11 дюймов или 2550 x 3300 пикселей.

Шаблон предварительного просмотра и проверки

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

Шаблон предварительного просмотра можно загрузить в формате PDF, чтобы получить более подробное представление о том, как будет выглядеть готовый продукт. Это отличный инструмент для использования на протяжении всего процесса проектирования.

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

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

Пошаговое руководство по дизайну писем

Как только вы освоитесь с редактором, начните создавать дизайн и дайте волю своему творчеству!

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

Шаг 1: Название письма

Переименуйте свое письмо в «Введение письма» в левом верхнем углу редактора.

Шаг 2. Выберите шрифт

Создайте текстовый блок, перетащив значок T с левой панели Build на холст.

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

Шаг 3. Добавьте переменные данные

Дважды щелкните текстовый блок, выделите и удалите образец текста, перейдите на левую панель персонализации, щелкните значок переменных данных и под « Доступные вставки переменных данных » нажмите « Имя ».

« %First Name% » должно заполнить текстовый блок на холсте.

Узнайте больше об использовании персонализации с переменными данными.

Шаг 4. Напишите содержание письма

Создайте новый текстовый блок. Измените шрифт на Cabin . Напишите желаемое содержание письма.

Существует множество инструментов для улучшения читаемости текстовых элементов, в том числе полужирный , подчеркнутый , курсив и маркированный маркер .

Чтобы использовать эти функции, просто дважды щелкните текстовый блок, выделите определенные слова, чтобы выделить их.

Появится всплывающее окно, которое будет приспособиться:

BOLD
ITALIC
Подключение
Strikethrough
Изменение слова
Добавить специальные символы
Изменение текста.0146
Чтобы добавить изображение, нажмите и перетащите значок изображение с левой панели сборка .
Выберите блок изображения на холсте, который затем заполнит левую панель свойств, выберите Просмотрите и загрузите изображение по вашему выбору.
Вы можете загружать неограниченное количество изображений в Postalytics Asset Manager, а затем использовать их снова и снова.
Изображения должны быть в формате .jpg или .png с разрешением 300 dpi для наилучшего качества печати.
Дополнительную информацию о том, как экспортировать изображения из продуктов Adobe®, см. в нашей статье «Build Offline».

Шаг 6. Добавление маркированного списка
Существует два способа добавления маркированного списка.
Во-первых, вы можете просто щелкнуть и перетащить значок маркированного списка с левой панели build на холст .
При использовании этого метода панель свойств и стилей заполняется и позволяет выбрать « Стиль списка ».
Вы можете выбрать из разных стилей пулеты:
- Circle
- DISC
- квадрат
- Десятичный
- Верхний Alpha