交付第 5 集：电子邮件设计究竟是什么？

在这一集中的交付中，主持人杰森罗德里格斯试图回答这个问题，“什么是电子邮件设计？” 它了解您对 HTML 和 CSS 的理解吗？ 或者它不仅仅是代码？

请务必订阅在 iTunes 或 Spotify 上交付以收听未来的剧集，并使用标签#DeliveringPodcast 在 Twitter 上加入对话。

情节抄本

从表面上看，电子邮件设计似乎很简单。 它只是编写一些 HTML 和 CSS 并将其发送给订阅者，对吗？ 但是再深入一点，你就会打开一个复杂的世界，而不仅仅是代码。 在这一集中的交付中，我试图回答这个问题，“电子邮件设计究竟是什么？”

欢迎来到 Delivering，这是一个关于电子邮件营销、战略、电子邮件行业以及电子邮件设计和开发的播客。 Litmus 为您提供投递服务，Litmus 是一个创意平台，超过 600,000 名电子邮件专业人士使用该平台来设计、测试、分析和协作开展更好的电子邮件活动，让订阅者更快乐。 了解更多信息并在 litmus.com 上免费试用 Litmus 7 天。

电子邮件设计很简单，对吧？ 归根结底，电子邮件只是 HTML 和 CSS，有点像编写网页。 有整个文档结构——HTML 文件中的头部和正文——然后是该文档中的所有内容。 您使用非常标准的 HTML 来标记内容，然后使用 CSS 来设置该内容的样式。 理论上，任何有一点构建网页经验的人都可以编写一封快速电子邮件，将其上传到 ESP，然后将其发送给订阅者。

至少，这是很多人的想法。

实际上，HTML 和 CSS 只是电子邮件设计的开始。 当然，电子邮件设计人员、开发人员和营销人员需要了解他们的 HTML 和 CSS。 没有它，您只能任由所见即所得编辑器的奇思妙想以及它生成的任何意大利面条式代码。 但是，电子邮件设计究竟是什么？

在近十年来设计和编码电子邮件的过程中，我将电子邮件设计归结为三个关键事项：降低风险、突破界限以及为所有订阅者创造更好的体验。

和很多人一样，我首先学习了 HTML 和 CSS 来构建自己的网站。 我在网络标准运动中长大，并虔诚地追随像 Jeffrey Zeldman 和 Eric Meyer 这样的人。 每当我有时间时，我都会花时间阅读 Rachel Andrew 和 Jen Simmons 等人的写作和演讲。

然而，当我负责构建我的第一封电子邮件时，我很快了解到仅了解基于标准的 HTML 和 CSS 是不够的。 电子邮件是它自己的野兽，这要归功于许多流行的电子邮件客户端，它们都以不同的方式对待 HTML 和 CSS。 所有电子邮件客户端都使用自己的渲染引擎来解释和显示我们电子邮件活动背后的标记。 在某些情况下，同一电子邮件客户端的不同版本使用截然不同的渲染引擎。

众所周知，Microsoft Outlook 从使用 Internet Explorer（一种相对较好的电子邮件渲染引擎）切换到在后端使用 Microsoft Word 来显示电子邮件。 微软做出这一转变的原因有很多，但从那以后，这一直是电子邮件营销人员的眼中钉。

电子邮件客户端的范围从 Apple Mail 中令人惊叹的渲染到最糟糕的。 想想旧版本的 Lotus Notes，它不支持大量标记。

这就是为什么这么多电子邮件设计都是为了降低风险。 这是关于了解每个电子邮件客户端和相关的怪癖，并防御性地编码电子邮件。 作为电子邮件设计师，我们希望限制活动中出错的数量。 在这样做的过程中，我们开发了一些非常有创意的技术和技巧，以帮助电子邮件在电子邮件客户端之间良好运行。

Microsoft 条件注释和幻影表、混合编码和 Fab Four 方法，甚至像使用内联 CSS 和限制电子邮件中使用的 HTML 元素和 CSS 属性的数量这样的基本方法都是为了降低风险。

不过，许多电子邮件设计师就止步于此。 他们默认使用防御性编码技术，而不想知道在电子邮件中还可以完成什么。 不过幸运的是，有些电子邮件设计者并不满足于现状。 他们致力于突破电子邮件设计的界限。

公平地说，许多防御性编码技术都是创造性的，并以自己的方式突破界限。 但他们应该只以最好的方式感受到限制。 他们应该激励电子邮件设计师超越传统的电子邮件设计。

这就是有效电子邮件设计的第二部分是推动这些界限的原因。 了解电子邮件的局限性，但从其他领域（如网页设计和开发）或从视觉设计的角度，如创意印刷设计之类的事物中汲取灵感才是它的所在。

这种设计最流行的例子是构建交互式电子邮件。 Mark Robbins 和 Rebelmail 的工作人员在收件箱中为 Burberry 等品牌打造了完全交互式的结账体验。 在 Litmus，我们在电子邮件活动中发送 Twitter 提要、背景视频和寻宝游戏后，得到了巨大的反响。

但是不要认为电子邮件必须具有交互性才能突破界限和发展媒体。 文案、策略、图形和视觉设计也能起到推动作用。 真正的好电子邮件吸引了大量忠实的受众，不是通过让他们的所有电子邮件都具有互动性，而是通过拥抱他们独特的声音、幽默品牌和一些很棒的个性化。

我最喜欢的时事通讯之一，Mailchimp 现已解散的 UX 时事通讯，并没有对代码做任何花哨的事情。 但是他们的艺术指导电子邮件——我最喜欢的是看起来像 90 年代的 HTML 电子邮件，纯文本 ASCII 艺术——激励其他设计师将艺术指导带入他们自己的电子邮件活动中，并扩展订阅者认为电子邮件通讯可以做什么的概念是。

尽管其中一些定义类型的电子邮件只是为了好玩而进行的一次性活动，但很多工作都围绕着良好电子邮件设计的最后一个方面：为订阅者创造更好的体验。

如果没有 Fabio Carneiro 和 Nicole Merlin、Stig Morten Myre 和 Remi Parmentier 等人的开创性工作，我们就不会有我们都认为理所当然的技术来为订阅者提供更好的体验。 Fabio、Nicole 和 Remi 都参与了围绕构建响应式、适合移动设备的电子邮件的对话，全球有数百万订阅者每天阅读这些电子邮件。 Stig 致力于解开 VML 的秘密，以及防弹按钮和背景的世界，使世界各地的订阅者都能参与电子邮件活动，尽管电子邮件客户对我们的代码做了所有奇怪的事情。

最近，我们看到了创建更易于访问的电子邮件活动的巨大推动。 像 Mark Robbins 和 Paul Airy 这样的人进行了大量研究，以帮助我们所有人了解如何制作任何人都可以使用的电子邮件活动，无论他们的能力如何。 更加注重使用排版、对比度、图像替代文本和更清晰的文案，为比以往更多的人打开了电子邮件营销的大门。

所以，这让我们回到了这个问题，“什么是电子邮件设计？”

电子邮件设计不仅仅是代码。 还有很多。

电子邮件设计是关于了解一种独特的媒介。 一种与网页设计和开发相关但又独立的媒介。 一种建立在熟悉的技术之上，但需要专家的知识才能做得好。

当然，电子邮件是关于减轻如此多的电子邮件客户端和渲染引擎带来的风险，每个客户端和渲染引擎都有自己的一组令人沮丧的错误。 但它是关于超越这些风险和限制，并找到创造性的方法来为我们的所有订阅者打造令人惊叹的、可访问的体验。

所以，下次有人问你是否是电子邮件设计师时，不要回避回答。 不要说，“是的，但我也做前端 Web 工作。” 告诉他们真相：告诉他们您解决了有趣且具有挑战性的问题，并使用世界上最有价值和最受欢迎的沟通渠道电子邮件提供更好的体验。

喜欢《交付》的这一集吗？ 在 iTunes 上给我们评论并与您的朋友分享播客。 并确保在您最喜欢的社交网络上使用#DeliveringPodcast 标签加入对话。