Статьи

10 популярных макетов для HTML электронной почты

Даже при ширине 600 пикселей существует множество способов размещения содержимого электронной почты в формате HTML. Как дизайнеры обычно подходят к макету электронной почты? На рисунке ниже показаны некоторые наиболее популярные макеты электронной почты на уровне блоков, взятые из обычного дня кампаний по электронной почте, отправляемых через Campaign Monitor.

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

Макеты с двумя столбцами (примерно 80/20) являются наиболее популярными, что было верно и для веб-сайтов десять лет назад. Идея объединения блоков из двух столбцов с блоками полной ширины очень популярна и дает электронной почте более динамичный вид, если все сделано правильно. Он также очень гибкий и позволяет использовать различные типы контента.

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

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

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

Какой ваш предпочтительный макет электронной почты в формате HTML?