Графический дизайн в Outlook HTML-письма

Question

На данный момент мы создаем иллюстрации в Word и сохраняем их в виде файла HTML. Открыв новое электронное письмо, нажмите «Вставить» в меню> выберите «Файл»> «Выбор файла HTML» и выберите «Вставить как текст». Слово документа затем встраивается в электронную почту, и мы можем создавать ссылки HTML оттуда.

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

Я хотел бы начать с Adobe InDesign (графический пакет, который мы используем). До сих пор я мог создавать графические объекты в InDesign и создавать кнопки и гиперссылки в InDesign> Экспортировать их в формате PDF, сохраняя гиперссылки> Сохранить как документ HTML> Открыть новое электронное письмо> Вставить файл HTML, выбрав «Вставить как текст».

Проблема этого метода заключается в том, что изображения перемещаются, текст имеет разный размер, но с другой стороны, гиперссылки были сохранены. Так что я почти у цели, но не совсем. Может кто-нибудь предложить, что мне нужно сделать, чтобы дизайн отображался «правильно» в Outlook.

Answer 1

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

Что вы можете сделать: попытаться справиться с Outlook в способе обработки HTML и CSS.

Хорошее руководство для понимания того, что можно и чего нельзя, можно найти здесь:

• http://www.campaignmonitor.com/blog/post/2533/a-guide-to-css-support-in-emai-2/
• и здесь: http://www.campaignmonitor.com/css/

Answer 2

Поддержка электронной почты в формате HTML ограничена небольшим подмножеством встроенного CSS.

InDesign не является инструментом веб-дизайна, вы должны использовать рабочий процесс разработки в Photoshop> нарезать, а затем встроить Dreamweaver, если вы используете пакет Adobe.

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

Определенно стоит посмотреть. Затем тестируйте, тестируйте, тестируйте и тестируйте.

Answer 3

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

Answer 4

Очень хорошая коллекция ресурсов по дизайну электронной почты размещена на сайте Марка Браунлоу (он рассказывает обо всем, что касается маркетинга по электронной почте): http://www.email-marketing-reports.com/iland/2008/07/42-html-email- дизайн-resources.html