Прошлое, настоящее и будущее инструментов электронной почты: запись вебинара + вопросы и ответы

Инструменты, которые мы используем для разработки, создания и тестирования почтовых кампаний, кардинально изменились за последние годы. От Dreamweaver и Builder до Photoshop и Figma, инструменты эволюционировали, чтобы сделать нашу работу более динамичной, совместной и приятной. Эти классические инструменты по-прежнему занимают особое место в сердцах любителей электронной почты во всем мире. Что еще более важно, они влияют на то, что мы ожидаем от наших текущих инструментов и что мы хотим видеть в будущем.

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

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

Вопросы и ответы

Большое спасибо всем, кто задал вопрос во время вебинара! Вот краткий обзор наших ответов на самые популярные вопросы, а также наш ответ на некоторые вопросы, которые мы не получили во время веб-семинара. Есть дополнительные вопросы? Пожалуйста, оставьте их в комментариях.

Есть какие-нибудь советы по адаптации электронной почты для темного режима?

Лили Уорт : Элис Ли, главный инженер электронной почты Litmus, написала отличное руководство по Dark Mode, которое было бы полезно прочитать. Он проведет вас через медиа-запросы темного режима, чтобы добавить их во встроенный CSS, чтобы вы могли адаптировать свой опыт темного режима.

Можете ли вы определить открытый исходный код для тех, кто знает только DW HTML?

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

Dreamweaver - единственное приложение для редактирования по принципу «наведи и щелкни»?

Камилла Палу : Dreamweaver - единственный, о котором я знаю. Также Litmus Builder имеет свой функционал.

Как Atom по сравнению с Sublime?

Камилла Палу : Оба хороши! Вы обязательно должны изучить реальные потребности и причины использования инструмента для работы, которую вы делаете весь день. Я предпочитаю настраивать пакеты, которые поддерживает Atom. Стоит протестировать и то, и другое, чтобы увидеть, что работает для вас и вашей команды.

Как вы узнали об Adobe Animate? Вы учились сами или нашли полезные уроки?

Лили Ворт : Изначально я научилась анимировать во Flash. Когда он стал Adobe Animate, он сохранил большинство функций анимации Flash. Насколько я могу вспомнить того времени, я пользовался руководствами и учебными пособиями, которые поставлялись с программой. Мне сложно сохранить все приемы, которые вы можете использовать с этим программным обеспечением, поэтому я часто обращаюсь к YouTube, чтобы освежить свои знания. Я бы порекомендовал Tiptut для забавного обучения анимации.

Какие ресурсы вы порекомендуете дизайнеру, который хочет работать в After Effects?

Лили Уорт : Хотя я не добилась успеха в анимации в After Effects, я окунулась в некоторые из предлагаемых замечательных ресурсов, пытаясь учиться. В этом посте Creative Bloq предлагает не менее 50 удобных руководств, которые варьируются от базовых до более сложных. И у Tiptut есть несколько забавных видеороликов на YouTube.

Камилла Палу : YouTube точно!

Шани Нестинген : YouTube точно. Кроме того, в Smashing Magazine есть несколько отличных статей об этом, а также отличные вводные руководства по Lynda и Pluralsight.

Как вы справляетесь с нарезкой элементов для дизайна электронной почты в Figma? Моя команда только что перешла на Figma, и я изо всех сил пытаюсь с ней разобраться.

Камилла Палу : Я сохраняю из Figma в 2 раза больше и беру эти сохраненные элементы в Photoshop, чтобы улучшить их. Я очень придирчив к тому, насколько идеальными должны быть изображения. Часто элементы сохраняются очень хорошо, но мне нравится делать это в Photoshop и сохранять для Интернета.

Лили Ворт : Я использую тот же процесс, что и Кэм! Я много борюсь с десятичными пикселями в Figma, поэтому я часто проверяю и совершенствую свои изображения в Photoshop, прежде чем передать их Алисе для создания электронной почты.

Что вы посоветуете дизайнеру, который пытается ворваться в программирование и создание электронных писем?

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

• Новичок в программировании электронной почты? Вот с чего начать. (Действительно хорошие письма)
• Пошаговое руководство по созданию собственного электронного письма в формате HTML (Uplers)
• Справочник по дизайну электронной почты (Mailchimp)
• 101 кода электронной почты (лакмус)

Кроме того, свяжитесь с сообществом электронной почты через #emailgeeks в Twitter! Сообщество электронной почты потрясающее и всегда готово помочь. Вы также можете разместить свои вопросы в сообществе Litmus, чтобы обратиться к дизайнерам и разработчикам электронной почты за поддержкой, или присоединиться к сообществу Email Geeks Slack.

Шани Нестинген : Я бы начал с тех ссылок, которыми поделилась Лили, но определенно подключаюсь через социальные сети, Twitter и Slack-группу Email Geeks. Там так много замечательных ресурсов и людей, с которыми можно связаться.

Есть ли у вас какие-либо рекомендации, как лучше всего перейти с одного инструмента на другой? Мы планируем переместить наш стек дизайна в Figma.

Лили Уорт : Figma позволяет легко импортировать ваши дизайны из Sketch. Если вы переходите с Photoshop, есть способ преобразовать ваши PSD-файлы в файлы Sketch, а затем импортировать их в Figma.

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

Кто-нибудь из вас использовал Adobe Fireworks в свое время? Поговорим о возврате!

Шани Нестинген : Я использовал Fireworks только тогда, когда он все еще принадлежал Macromedia, но мне понравилось сохранять веб-версии всего за несколько шагов!

Какие инструменты вы бы порекомендовали на любом этапе процесса создания электронного письма?

Джейсон Родригес : Вот некоторые инструменты, которые мы обсуждали во время вебинара, а также инструменты, рекомендованные другими участниками:

• diffchecker.com
• rectangleapp.com
• emailcomb.com
• howtotarget.email
• betterplaceholder.com
• imageoptim.com
• ezgif.com
• tinypng.com