有了这么多无代码构建器、现成的模板和 AI 工具，电子邮件开发似乎已不再必要，设计也简单通用。然而，许多电子邮件客户端在渲染方面存在差异，可访问性和暗模式优化仍需要手动编码。
为了找出最佳的电子邮件开发实践以及它为何如此重要，Selzy 采访了响应式 HTML 电子邮件开发人员 Anne Tomlin。
保持 联系
订阅我们的博客文摘，每两周获取提示和灵感。此外，您还将获得我们的电子邮件列表构建万无一失指南
您的电子邮件地址
订阅
我同意 Selzy 根据欧盟法律和隐私政策处理和保护我的个人数据。我同意通过电子邮件接收 Selzy 产品更新和优惠。
Selzy 博客文摘
Anne Tomlin 是 Emails Y’all 的所有者和 HTML 电子邮件开发人员。
安妮·汤姆林 (Anne Tomlin) 肖像照，演讲者面带微笑，看着镜头
来源：Anne Tomlin
跳至您最感兴趣的主题：
职业生涯
工作中最棒的部分
电子邮件开发人员工作的隐藏面
学习编码的资源
电子邮件自定义编码的重要性
人工智能和电子邮件开发
响应式电子邮件设计的基本要素
电子邮件可访问性
AMP 和电子邮件中的交互性
暗黑模式优化
遵循电子邮件编码趋势
常见的电子邮件开发问题
电子邮件发展的未来
最佳电子邮件品牌
每个电子邮件开发人员都应该做的一件事
职业道路
请介绍一下您的职业道路。您是如何对电子邮件开发产生兴趣的？
我一直从事客户服务工作，直到我哥哥建议我学习 PHP。
您最喜欢您的工作中的哪一点？
成就感。电子邮件编码非常困难，因此当我能够编写新结构并使其在所有主要电子邮件客户端（包括 Outlook）上正确显示时，我感觉自己就像电子邮件开发半神。
电子邮件开发人员的工作中有哪些部分是人们没有意识到的？
数学！数学太多了。如果你告诉我，当我 16 岁的时候，我会每天做分数乘法，我会嘲笑你，但我现在做到了。还有很多空间推理和解决问题的方法。编码结构有很多不同的方法，你需要想出正确的方法，让桌面电子邮件的宽度尽可能优雅地缩小到移动视图，并且使用最少的代码（因为 Gmail 的上限是 102 KB）。这绝对不容易，但你会习惯的。
您可以向想要学习电子邮件编码的人推荐哪些资源？
我的课程“电子邮件编码基础知识”是学习电子邮件编码的绝佳资源。您不仅可以学习如何编码，还可以了解为什么要这样编码。我将带您了解电子邮件编码的不同技术、文本、图像和 CTA 的最佳实践，以及如何为可访问性和暗模式编码。最后，我会附上几段我编码和解释的视频，以便您从头到尾观看它是如何完成的。我还为您提供了一个样板，您可以在未来的所有电子邮件开发中使用。我将在 2025 年发布我的中级/高级课程。
我还推荐电子邮件资源——它列出了其他电子邮件开发课程，还列出了可以帮助您学习和支持未来开发技能的工具、人员、社区等。
阅读更多
电子邮件模板大小的终极指南
学习这 8 项技能 哥伦比亚电子邮件列表 4 万个联系人线索 在这个开学季成为 T 型电子邮件营销专家
尽快获得顶级电子邮件营销课程
100 多种免费电子邮件营销资源，每个营销人员都会发现它们很有用：从工具到社区
电子邮件开发和设计
对于企业来说，编写 HTML 模板而不是使用现有模板有多重要？
最重要的是发送所有订阅者都可以访问的电子邮件，并在所有主要电子邮件客户端上呈现最佳效果。虽然编写自己的电子邮件代码可以获得最佳效果，但有一些工具可以提供帮助。
这个行业有各种电子邮件创建的空间。如果您正在寻找相对简单的设计和/或无法访问电子邮件开发人员，所见即所得 (WYSIWYG) 和预先存在的模板是很好的选择。使用这些工具的缺点是，您需要依赖：
原始编码器已正确编码所有内容，以便其在所有主流电子邮件客户端中看起来良好。
原始编码器已整合了所有必要的可访问性标记，这些标记对于每个收到电子邮件的人都能使用该电子邮件至关重要。
您可以在这个市场上获得模板或所见即所得的创建者，以便让他们了解最新的编码技术和技巧，因为电子邮件客户端会定期更改支持而没有任何警告。
此外，当您使用预先存在的模板时，您无法为 webkit 客户端自定义暗黑模式，也无法使用 hack 将某些暗黑模式背景颜色和文本颜色保留在背景图像之上，除非您可以访问 head 并知道如何编码。而且您通常必须将图像顶部的文本作为图像的一部分，这违反了可访问性。
当您拥有一位电子邮件开发人员时，您可以做更多的事情，晚上睡得更好，因为您知道，当您的电子邮件以最佳方式通过可访问性被大多数人使用时。
但我们都在自己的工作范围内工作，因此你要利用你所拥有的资源，并在可能的情况下提倡使用更好的工具。
你在工作中使用人工智能工具吗？如果是，如何使用以及使用哪些工具？
我在工作中不使用任何人工智能工具。人工智能无法编写出可访问、响应迅速且在所有主流电子邮件客户端上看起来最好的电子邮件。我实际上在这段简短的视频中解决了这个问题。
不使用 AI 工具也符合我的编码价值观。我只手工编码 — 我不使用内联程序，也不走任何捷径。这就是我确保我的代码在所有主要电子邮件客户端中呈现最佳效果的方法。有些人可能认为这太难或浪费时间，但自 2010 年以来，它一直对我有用，我的客户名单很长且多种多样，我从来不用找工作 — 所有客户都会来找我。
响应式电子邮件设计的基本要素是什么？
我的工作中见过很多模型。我自己不是设计师，所以我依靠公司内部设计师或值得信赖的电子邮件设计师自由职业者来为我做这件事。
我发现，对于刚接触电子邮件设计的设计师来说，最简单的方法是将电子邮件想象成一堆矩形。你有一个大矩形，然后将矩形放在其他矩形内，以构成设计元素。当你这样想的时候，很容易想象出移动视图会是什么样子——它是你的矩形堆叠在一起。当你使用这种思维框架时，你通常会得到一系列的列和行，这正是我编写设计代码的方法。这几乎就是我的工作——将矩形放在其他矩形内。
您对电子邮件可访问性有何看法？
我是一名无障碍训练员！这是一个非常重要的主题。您需要将您的信息传达给所有订阅者，而做到这一点的方法是包含无障碍标记并遵循无障碍最佳实践。Parcel.io 有一个很棒的无障碍标记工具。
至于最佳实践，您需要考虑所有可能患有残疾并会消费您信息的人。这不仅仅意味着盲人——我们谈论的是神经多样性人群、色盲或诵读困难人群、运动障碍人群。您可以使用代码和设计来做一些事情，让您的信息消费更容易，而且因为它更容易，所以更有可能转化！
我希望更多公司遵循的主要可访问性要点是使用实时文本。您应该在电子邮件中使用真实文本，而不是使用包含文本的图像。当您将文本作为图像的一部分时，使用屏幕阅读器或关闭图像的人将永远无法阅读您的消息！替代文本用于外观和感觉，而不是重申锁定在图像内的文本。依赖替代文本来传达您的信息是不对的。
您必须使用实时文本，以便每个人都能理解您的信息。否则，您只是在浪费金钱。能够消费您信息的人越多，您获得的转化就越多。如今，对于所有主流电子邮件客户端，您都可以轻松地将文本放在电子邮件中的图像之上，因此，如果您有使用实时文本的工具，就没有理由使用内置文本。
阅读更多
最佳免费响应式电子邮件模板和网站
电子邮件可访问性的综合指南
电子邮件设计的重要性：最佳实践、技巧和工具
如何快速轻松地制作 HTML 电子邮件模板
您对 AMP 和电子邮件交互性有何看法？
AMP 很酷，但要使用它需要经过很多步骤，因此大多数公司都无法接受它。你必须在 Google 注册才能使用它。此外，AMP 版本的电子邮件会在 30 天后过期，你剩下的只有 HTML 版本。如果它要流行起来，现在早就流行起来了。好消息是，开发人员仍然可以使用复选框黑客技术做很多 AMP 曾经做过的事情——无需注册或到期日期。
你对电子邮件中的暗黑模式有什么看法？你认为有必要针对暗黑模式优化电子邮件吗？
我个人在所有设备上都使用暗黑模式。我认为这对视力有障碍的人和想让眼睛休息一下的人来说是一个重要的工具。
虽然大多数电子邮件客户端都会为您实现暗黑模式，而没有给您机会进行自定义，但您仍可以通过代码对电子邮件进行大量优化，以适应暗黑模式。Apple Mail 和 iOS Mail 让您 100% 控制暗黑模式，因此您可以完全针对这些客户端进行优化。您还可以在 Gmail 和桌面 Outlook 中实施一些技巧，以强制在暗黑模式下使用文本颜色。甚至还有一个技巧可以强制 Gmail 的背景颜色在暗黑模式下保持不变！
由于我们不知道有多少人使用暗模式，并且我们知道我们可以完全自定义 Apple Mail 和 iOS Mail 暗模式，因此没有理由不对其进行优化。
阅读更多
引人入胜的交互式电子邮件示例和提示，帮助您创建自己的电子邮件
暗黑模式电子邮件终极指南：它们是什么以及如何创建它们
每个人都应该遵循哪些电子邮件编码或设计趋势？
渐进式增强是一种永不消逝的“趋势”，始终是时尚，每个开发人员都应该践行。您应始终确保 Outlook 和其他功能有限的电子邮件客户端的后备功能干净、易用、外观美观且易于使用。这是底线。然后，您可以为使用能够呈现这些功能的电子邮件客户端的用户添加一些很酷的东西。
想要渐变色吗？太棒了——为那些使用 Gmail、Apple Mail 和 iOS Mail 的用户提供渐变色，但仍然要确保其他电子邮件客户端的后备方案符合品牌定位。想要为您的电子邮件添加互动性吗？那就更好了！那些使用 Apple Mail 和 iOS Mail（以及根据您使用的互动类型而定的其他一些电子邮件客户端）的用户将能够看到它，并且会惊叹不已——但是，那些看不到它的人仍然能够轻松阅读您的主要信息。
使用正确的技术，电子邮件中可以实现许多设计，但不同的电子邮件客户端对它们的支持程度有所不同。因此，我们会尽力为那些可以看到它的客户端提供最佳支持，但始终确保为那些看不到它的客户端提供良好的渲染回退。
阅读更多
Selzy 关于设计趋势和其他趋势的文章
您的客户最常需要哪些电子邮件设计或 HTML 电子邮件开发问题的帮助？
大多数客户都会给我设计一个代码。电子邮件的演变我必须利用我的电子邮件开发经验和知识来找出编写电子邮件的最佳方法，以便它能够无缝地从桌面过渡到移动设备，易于访问，使用尽可能少的代码，并在所有主流电子邮件客户端中呈现良好。
当客户有需要帮助的特定问题时，他们通常会要求我查找并修复特定问题，或者清理现有模板、添加暗黑模式并添加可访问性标记。这些都很有趣，因为我可以逐行检查代码以确保符合上述所有要求。感觉我就像一名侦探，试图找到所有小线索，以便解决问题或改进代码。
我热爱我的工作。
电子邮件营销的未来
您如何看待电子邮件设计和开发的未来？
我认为电子邮件开发和设计的未来将稳步朝着标准化的方向发展。如果我们能让所有电子邮件客户端以相同的方式支持相同的内容，事情就会变得更容易 酒店电子邮件营销 — 每个收件箱都充满热情好客 因为我们不必确保电子邮件在考虑到所有电子邮件客户端和 ESP 时，在所有 40,000 种不同的呈现方式下看起来都很好。我认为我们正在朝着这个方向前进，但我们仍处于电子邮件设计和开发故事的前几章。我们现在有了电子邮件标记联盟，它正在倡导标准，所以我们正在前进。然而，让每个电子邮件客户端都采用标准需要大量的工作，因此需要大量的时间，所以我们在相当长的一段时间内仍然有工作保障。
如果你担心人工智能会抢走你的电子邮件编码工作，那就让它编写一封响应式电子邮件，使用所有可访问性和最佳实践，这些实践可以在所有主要电子邮件客户端中很好地呈现——你将花费比自己编写电子邮件更多的时间来完善该提示。然后，你会为某人在 ESP 中复制模板而做所有额外的工作。
电子邮件营销最佳实践
就发送电子邮件而言，哪些品牌表现最佳？它们为何能脱颖而出？
BBC 拥有一些最吸引人、视觉效果最出色、编码最严谨的电子邮件。他们使用 ActionRocket，所以我对此抱有很高的期望。
一封电子邮件鼓励读者从 BBC 了解更多内容，并宣传名为《王朝》的节目和其他节目
来源：Really Good Emails
HEB 是德克萨斯州中南部的一家杂货店，其电子邮件服务非常出色。他们的营销和交易信息都很到位，即使没有打开图片也很容易理解。他们总是使用实时文本和 HTML CTA。他们的设计非常干净利落，符合我的审美。
一封电子邮件，其中包含 HEB 购物的特殊条件的新信用卡 beb 目录 以及带有 CTA 的按钮“立即申请
来源：Deal Town
每个电子邮件开发人员应该做或不应该做的事情是什么？
我要在这里重新开始我的无障碍演讲。每个电子邮件开发人员都应该包括无障碍标记并遵循无障碍最佳实践。a11y.email是一个很好的资源。当然，每个电子邮件开发人员都应该 100% 使用实时文本。
