电子邮件工具的过去、现在和未来：网络研讨会录音 + 问答

已发表: 2020-07-13

多年来，我们用于设计、构建和测试电子邮件活动的工具发生了巨大变化。 从 Dreamweaver 和 Builder，到 Photoshop 和 Figma，工具不断发展，使我们的工作更加动态、协作和愉快。 这些经典工具在各地电子邮件极客的心中仍然占有特殊的地位。 更重要的是，它们会影响我们对当前工具的期望以及我们希望在未来看到的内容。

在本次网络研讨会中，来自 Target 的 Shani Nestingen 和来自 Camiah 的 Camille Palu 加入了 Litmus 团队，以了解（并同情）制作电子邮件的历史和我们使用的工具。

没有机会观看网络研讨会直播？ 别担心。 您可以随时访问完整录音并阅读下面的问答。

问答

非常感谢在网络研讨会期间提出问题的所有人！ 以下是我们对最热门问题的回答的回顾，以及我们对现场网络研讨会期间未解决的一些问题的看法。 还有其他问题吗？ 请在评论中留下它们。

在黑暗模式下调整电子邮件的任何提示？

Lily Worth ：Litmus 的首席电子邮件工程师 Alice Li 写了一本很棒的黑暗模式指南，值得一读。 它会引导您完成暗模式媒体查询以添加到您的嵌入式 CSS，因此您可以定制暗模式体验。

你能为只有 DW HTML 知识的人定义开源吗？

Camille Palu ：定义是：原始源代码可免费提供并可重新分发和修改的软件。 这意味着代码不是秘密。 这很棒，因为它可以更新和迭代以使其越来越好，而不是被公司锁定和拥有。 如果它被锁定并归公司所有，那么及时进行更新的机会就会减少，甚至根本不会进行。

Dreamweaver 是唯一的点击式编辑应用程序吗？

Camille Palu ：Dreamweaver 是我所知道的唯一一个。 Litmus Builder 也有这个功能。

Atom 与 Sublime 相比如何？

卡米尔帕卢：两者都很好！ 您绝对应该仔细查看工具的真正需求和原因，以完成您一整天的工作。 我更喜欢 Atom 支持的包的定制。 值得测试一下，看看什么对你和你的团队有用。

您是如何学习 Adob​​e Animate 的？ 你是自学还是找到有用的教程？

Lily Worth ：最初我学会了如何在 Flash 中制作动画。 当它成为 Adob​​e Animate 时，它​​保留了大部分 Flash 动画功能。 根据我的记忆，我使用了该程序随附的指南和教程。 我努力保留您可以在该软件中使用的所有技术，因此我经常转向 YouTube 来更新我的知识。 我会推荐 Tiptut 来学习一些有趣的动画。

您为想要在 After Effects 中工作的设计师推荐的任何资源？

Lily Worth ：虽然我没有在 After Effects 中成功制作动画，但在尝试学习时我已经深入了解了一些提供的重要资源。 Creative Bloq 在这篇文章中提供了不少于 50 个方便的教程，范围从基础知识到更复杂的技术。 Tiptut 也有一些有趣的 YouTube 视频。

卡米尔帕卢：肯定是 YouTube！

Shani Nestingen ：当然是 YouTube。 此外，Smashing Magazine 上有一些很棒的文章，以及关于 Lynda 和 Pluralsight 的精彩介绍教程。

你如何处理 Figma 中电子邮件设计的切片元素？ 我的团队刚刚切换到 Figma，我正在努力掌握它。

Camille Palu ：我从 Figma 中保存 2 倍大小的东西，并将这些保存的元素放入 Photoshop 中以完善它们。 我对图像的完美程度非常挑剔。 很多时候这些元素保存得非常好，但我喜欢在 Photoshop 中确保并保存到网络上。

Lily Worth ：我使用与 Cam 类似的过程！ 我经常在 Figma 中使用十进制像素，所以我经常在 Photoshop 中检查和完善我的图像，然后将它们交给 Alice 以进入电子邮件构建。

对于试图闯入编码和设计电子邮件的设计师，您有什么建议吗？

Lily Worth ：刚开始时确实感觉有点像爬山，但是有很多资源可以帮助您前进。 以下是一些有用的阅读材料：

  • 电子邮件编码新手？ 这是开始的地方。 （非常好的电子邮件）
  • 创建您自己的 HTML 电子邮件（上传者）的分步指南
  • 电子邮件设计参考 (Mailchimp)
  • 电子邮件代码的 101 (Litmus)

此外，通过 Twitter 上的 #emailgeeks 与电子邮件社区联系！ 电子邮件社区很棒，而且总是乐于助人。 您还可以在 Litmus 社区上发布您的问题，以联系电子邮件设计人员和开发人员寻求支持，或加入电子邮件极客 Slack 社区。

Shani Nestingen ：Lily 分享的链接是我要开始的，但绝对是通过社交媒体、Twitter 和电子邮件极客闲散小组联系起来的。 那里有很多很棒的资源和人可以联系。

对于如何最好地从一种工具迁移到另一种工具，您有什么建议吗？ 我们希望将我们的设计堆栈移至 Figma。

Lily Worth ：Figma 允许您轻松地从 Sketch 导入您的设计。 如果您从 Photoshop 迁移，有一种方法可以将您的 PSD 文件转换为 Sketch 文件，然后导入到 Figma。

Figma 的伟大之处在于您可以多快地创建布局并将模块和元素保存到您的库中，因此如果导入效果不佳，在 Figma 中重新创建一些现有文件可能不会太痛苦（手指交叉）。

你们中有人使用过 Adob​​e Fireworks 吗？ 谈论回归！

Shani Nestingen ：我只在 Fireworks 仍归 Macromedia 所有时使用它，但我喜欢能够以很少的步骤保存网络版本！

您会为电子邮件创建过程的任何步骤推荐哪些工具？

Jason Rodriguez ：以下是我们在网络研讨会期间讨论的一些工具，以及其他与会者推荐的工具：

  • diffchecker.com
  • 矩形应用程序
  • 电子邮箱
  • howtotarget.email
  • Betterplaceholder.com
  • imageoptim.com
  • ezgif.com
  • tinypng.com