非常好的电子邮件设计趋势：网络研讨会录音 + 问答

您的订阅者会收到来自各种渠道的数千条消息的轰炸，让您的品牌脱颖而出比以往任何时候都更加困难。 一种消除噪音的方法？ 用非常好的电子邮件设计给他们留下深刻印象。

在本次网络研讨会中，我们研究了多年来的电子邮件设计趋势。 2000 年代初期的电子邮件是什么样的？ 2019年哪些趋势加入了赢家圈？ 2020 年甚至 2030 年会发生什么？ 真正好的电子邮件团队加入了我们的电子邮件设计记忆通道，并帮助我们预测接下来会发生什么。

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

问答

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

这些电子邮件设计趋势在 B2C 和 B2B 之间有何不同？

Mike Nelson ：这些趋势在 B2B、B2C 和非营利组织中是一致的。 仅仅因为你在一个垂直领域并不意味着你不能使用另一个的设计理念。 唯一似乎有自己感觉的垂直行业是政府电子邮件，它们通常是非常繁重的文本。

使用空白的最佳方法是什么，既然暗模式往往会使它变得更难？

迈克：当它实际上只是表示空白时，将其称为“空白”似乎有点令人困惑。 在这种情况下，它是白色还是黑色都没有关系——您只想为每个元素留出一些空间。

Lily Worth ：我认为白色空间这个词通常被认为是负空间，这很方便，因为它不是特定于颜色的。

关于在纯文本样式的电子邮件中包含更周到的视觉设计元素的方法的任何提示？

Jason Rodriguez ：对于纯文本样式的电子邮件，它确实归结为层次结构，因此它不仅仅是您的订阅者可能不会看到的一长串文本。 如果您可以通过创建具有不同标题的部分并使用不同的权重或不同样式的文本使这些标题脱颖而出来创建可扫描性，那也很有帮助。

迈克：除非你正在写一篇长篇文章并使用电子邮件作为媒介，否则尽量将你的段落限制在几个或几个句子中。 在可以总结想法的地方使用要点。 使用特殊字符，例如“#################”在想法之间创建视觉中断。 我们在 RGE 上的这个集合中有一些很好的文本和字母样式电子邮件示例。

莉莉：我同意杰森的看法。 使用不同的字体大小和粗细——可能还有几种不同的字体样式来创建一些层次结构——将有助于使电子邮件易于浏览和消化。 您当然可以在排版方面发挥创意； 在我们关于粗体字体的博客文章底部有一些纯文本电子邮件的好例子。

有没有办法让动画和动画 GIF 可访问？

Lily ：动画应该起到辅助作用，因此关键信息和号召性用语应该存在于书面内容中。 如果动画确实包含任何单独且重要的信息，则应在 ALT 标签中表示。

对于动画本身，2 Hz 到 55 Hz 之间的内容闪烁率可能会伤害患有光敏性癫痫症的用户。 此外，视障用户可能难以在动画更改之前阅读或查看 GIF 上的内容。 确保您的动画 GIF 具有平滑的过渡或不以高速率从一帧动画到下一帧。

Jason ：对于大多数活动来说，GIF 本质上是非常具有装饰性的。 但是，如果该 GIF 没有加载，如果您的订阅者打开电子邮件时它不在那里，那么您的消息是否仍然有意义？ 如果有人使用屏幕阅读器阅读您的电子邮件，他们是否能够理解您的信息？ 就像 Lily 说的，如果 GIF 提供非重复的价值，那么确保将该消息放在 ALT 标签中，以便所有订阅者都可以访问该信息。

你有什么工具可以推荐来创建动画和 GIF 动图吗？

Matt Helbig ：我们仍然看到品牌使用 Adob​​e Photoshop 或 After Effects 等工具。 添加一些CSS 动画或悬停效果可能是使用几行代码为电子邮件添加动作的好方法。

Lily ：为了创建 Litmus 电子邮件中的动画，我们使用 Adob​​e Animate。 该软件允许我们创建 GIF、PNG 和 HTML5 动画——过去使用过 Flash 的人会发现这个软件很熟悉。

Whitney Rudeseal Peet ：如果您希望实现动画 PNG (APNG) ，目前无法使用 Adob​​e Photoshop 或 Adob​​e Animate 将动画保存为 APNG。 当我们在电子邮件中包含 APNG 时，我们使用 Adob​​e Animate 创建动画——但我们将每一帧导出为单个 PNG。 为了将所有这些单独的 PNG 转换为 APNG，您可以使用PNG Animator或ezgif.com 中的免费替代工具等工具。

自定义插图是在 B2B 和 B2C 受众中使用的，还是主要用于 B2C？

迈克：他们差不多。 我们在网络研讨会中使用的示例可能看起来更像消费者风格，但它们都是 B2B 公司的：Mailchimp（向其他公司出售电子邮件服务）、HelpScout（向企业出售客户服务技术）和 Bulb（向企业出售能源） .

Jason ：就像电子邮件中的所有内容一样，这取决于您的品牌和受众——以及您对每个广告系列的目标。 因此，如果您所在的行业之一可能会认为自定义插图之类的事情不那么严重，那么请不要使用它们。 但请记住，也有机会颠覆该行业。 金融行业的 Simple 或 Stripe 等品牌确实拥抱了一些较新的设计趋势，因为它们可以更清晰地表达抽象概念，并为其品牌赋予一点个性。 所以永远不要说永远。

跨电子邮件客户端呈现交互式功能是否仍然存在挑战？

惠特尼：对于许多公司来说，不一致和有限的收件箱提供商支持是他们不发送更多交互式电子邮件的主要原因。 不幸的是，对于悬停效果和交互式图像轮播等功能来说，情况仍然如此。 考虑到这一点，如果您仍然想要实现交互性，那么如果您有备用方案，您就不必担心有限的支持。 查看我们的博客文章，了解交互式电子邮件的回退以开始使用。

暗模式如何提供更好的无障碍体验？

迈克：这个领域还有很多研究正在进行。 说“黑暗模式”在眼睛上更容易因为笼统的说法是不正确的，但它确实对某些人有帮助——或者，对于其他人来说可能更糟，比如那些有严重散光的人。 对于睡眠有问题的人来说，在晚上使用深色模式比使用更亮的屏幕更有帮助，后者可能会影响您的昼夜节律。 暗模式也通常被视为不那么分散注意力并用于帮助人们集中注意力。 但是，如果对比度太强——例如，真正的黑色背景和真正的白色文本——对于阅读障碍的人来说更难阅读。 这可以通过仍然使用深色背景来缓解，但使用类似深灰色和奶油色的字体。

您认为这些设计趋势如何适用于 65 岁以上的年长观众？

迈克：我们没有具体介绍这一点，但与几年前相比，我们在网络研讨会上展示并在“真正好的电子邮件”上看到的电子邮件的字体大小显着增加。 这是老年人口所接受的东西。 人们也熟悉包豪斯和瑞士设计的趋势。

莉莉：正如迈克所暗示的那样，预计在 2020 年流行的复古风格很可能会让老年人怀旧。 简化也可能对您的受众有所帮助，因为电子邮件变得更加混乱，使信息和号召性用语更易于阅读和理解。

虽然排版是一种脱颖而出的好方法，但当电子邮件客户端不支持许多字体时，很难证明其合理性。 你认为这会很快改变吗？

Lily ：不幸的是，无法知道是否会推出更多的网络字体支持，但我们当然希望这种情况发生。 同时，这个方便的工具可以帮助您找到正确的后备以与您的网络字体一起使用。

当涉及到这些新趋势时，您认为个性化将如何发展？

马特：我们期待看到更多品牌个性化电子邮件的每个部分。 客户将交换数据以获得更好的体验。 易于理解的报告、独特的优惠和致谢让客户感觉自己是贵宾。 电子邮件营销人员应该将客户数据转化为对订阅者最有用和最相关的数据。

另外，这里是我们在网络研讨会中涵盖的趋势的所有真正好的电子邮件集合：

• 自定义插图
• 更贴心的视觉设计
• 深色设计
• 更大胆的颜色
• 动画电子邮件