2010 年代至今：经受住时间考验的电子邮件设计趋势
已发表: 2021-04-01电子邮件已经走了很长一段路。 由 Ray Tomlinson 于 1971 年创立，最初作为与不接听电话的同事交流的一种方式，后来发展成为一种强大的力量。 电子邮件营销渠道继续带来惊人的高回报，投资回报率为 36:1。
今年 10 月，电子邮件正式迎来 50 周年纪念。我们不禁感到有些怀旧。 这就是为什么我们决定回顾电子邮件从 2010 年代到现在的历史。
我们请了电子邮件专家 Lily Worth，我们的电子邮件设计和制作专家，以及电子邮件开发人员和 Thies Publishing 的所有者 Brian Thies，深入了解档案并分享他们多年来的经验，特别是在编码和设计方面的一些见解。
在我们重新审视 2010 年代幸存下来的电子邮件设计趋势时，与我们一起沿着记忆之路走一走。 在这篇文章中，我们将研究一些最具标志性的设计趋势以及它们如何变得更好。
电子邮件在 2010 年代成长起来
1990 年代到 2000 年代是电子邮件设计的复兴时期。 1991 年左右，互联网——正如我们现在所知——诞生了。 然后在 1990 年代后期，随着将 HTML 引入电子邮件，电子邮件经历了重生。
2010年代呢？ 尽管是有史以来“最合适”的十年，但电子邮件营销确实取得了重大进步。
在这十年中，很多事情开始发展：细分、个性化、电子邮件自动化、合规性（如 GDPR）、可访问性等等。 这为我们今天所知的电子邮件营销奠定了基础。
以下是过去十年电子邮件营销里程碑的简史：
- 2009 年 - 引入了响应式电子邮件。
- 2010 年——触发式电子邮件成为常态，48% 的营销人员现在发送触发式电子邮件。
- 2012 年——现在有 9000 万美国人在移动设备上使用电子邮件。
- 2013 年 – Google 在 Gmail 中引入了标签。
- 2014 年 – CSS 与 HTML 的集成带来了交互式电子邮件时代。
- 2014 年 – 动态内容用于为订阅者创造个性化体验。
- 2014 年 – 加拿大的反垃圾邮件立法 (CASL) 生效。
- 2015 年 - 电子邮件中的 CSS 动画越来越受欢迎。
- 2016 年 – 个性化接管。
- 2016 年 – 采用 GDPR。
- 2018 年——Apple 在其第 15 个操作系统版本中引入了黑暗模式。
编码和设计呢？
定义 2010 年代的电子邮件设计趋势
为了唤起我们的回忆，我们让莉莉挖掘档案并分享她能找到的最早的电子邮件。 让我们来看看她在 2009 年为 Experian 设计和开发的第一封电子邮件：
她在重新访问这封电子邮件后有何想法？ “大量图像切片，小字体，没有响应代码。”
这是 Lily 的另一封第一封电子邮件，来自 Experian 的另一个项目：
莉莉从这件事中想起了什么？ “按钮和冗长的标题文本。 很高兴看到那个时候，我们大部分时间都在使用实时文本。”
为了更进一步，我们要求我们在 Twitter 上的社区分享他们发送的第一个电子邮件活动（感谢#EmailGeeks！）。 让我们看看定义这十年电子邮件的一些关键特征。
花哨的按钮
在防弹纽扣之前，有各种各样的纽扣。 常见的处理是光面处理，以及良好的斜面和浮雕。
首先，让我们看一些光泽按钮的示例。
这是电子邮件中的一个示例，可追溯到 2014 年：
看看这个斜面和浮雕效果。 不可抗拒，你不觉得吗？
虽然这更像是 90 年代的一个特征，但我们在早期的电子邮件中看到了光泽与斜面和浮雕技术的结合，梅根·博舒伊森 (Megan Boshuyzen) 于 2008 年设计的第一封电子邮件就展示了这一点。
我在 2008 年的第一个平面设计实习期间在 Photoshop 中设计了这个。 它已发送给开发团队进行编码！ pic.twitter.com/OA9xsrXjrF
- 梅根 Boshuyzen (@megbosh) 2021 年 3 月 10 日
阴影
那时，我们似乎很喜欢以任何可能的方式为我们的电子邮件增加深度。 除了上面列出的按钮样式？ 投下阴影。
查看这封 2010 年的电子邮件。“浮动”星巴克卡和礼品卡是通过阴影实现的。
导航栏
电子邮件设计往往紧跟网页设计的脚步。 许多在网络上流行的内容很快就会找到通过电子邮件发送的方式。
以下是 Paul Airy 的第一个电子邮件活动中导航栏的示例：
我设计和开发的首批电子邮件活动之一。 pic.twitter.com/euS5FcafnV
— 超越信封 (@Paul_Airy) 2021 年 3 月 10 日
下面显示的导航栏的另一个示例，来自 Justine Jordan：
正如 Emily Benson 所说，电子邮件往往看起来像“被电子邮件困住的网站”。 我们不能说得更好了！
标注框
在移动成为常态之前，重点主要放在桌面上。 该方法似乎是“尽可能多地进入这封电子邮件”。
虽然侧边栏在今天的电子邮件中很常用，但当时，标注框通常会出现在电子邮件的侧边栏中，作为一种结构内容的方式。
侧边栏的一些缺点是它们会增加视觉混乱并且难以做出响应。 即使是更干净、设计良好的侧边栏也可能分散订阅者对电子邮件活动主要目标的注意力。
开启电子邮件营销的新时代
我们今天所知的许多设计趋势都是在过去十年中引入的。 2009 年响应式设计的引入——加上 2010 年代初电子邮件使用量的激增——是一种催化剂，打开了大门，后来影响了现在电子邮件的大部分构建方式。
随着我们过去十年的进步，可访问性和包容性设计成为对话的重要组成部分。
为移动设备设计
随着 2010 年代初期移动设备的日益普及，针对移动设备进行优化变得必不可少。 可扩展、流畅和响应式设计成为电子邮件开发中需要考虑的重要方法。 根据我们 2015 年的帖子：
2011 年，移动电子邮件几乎不是我们关注的焦点，仅占打开电子邮件的 8%。 快进到 2014 年，近一半的电子邮件是在智能手机和平板电脑上打开的——四年内增加了 500%。
以下是 2016 年未响应电子邮件的示例（以及被困在电子邮件中的网站的另一个示例）：
合作
当我们向 Brian 询问他在过去十年中通过电子邮件看到的最大变化时，他谈到了自动化和交易工具需求的增加如何导致招聘激增：
“最大的变化之一是来自希望在其行业中立足的公司的合法（和相关）营销电子邮件数量的增长。
这包括更多地使用自动化和交易工具，以与用户和消费者建立更紧密的联系。 这种激增引发了招聘热潮，并为我们今天享受的庞大电子邮件营销社区铺平了道路。”
布赖恩·蒂斯
人越多，合作越多。 最终，更智能地跨协作工作的需求变得明显。 它需要考虑所编码内容的长期使用过程——不仅对于电子邮件开发人员，而且对于“招聘狂潮”中不断壮大的营销人员、设计师和工程师团队。
可重复使用的内容块、片段、全局变量和模板等策略成为更有效地编码电子邮件的常规部分。
哪些电子邮件设计趋势得以幸存和发展？
让我们来看看过去十年中哪些设计趋势得以幸存和演变。
按钮，但更好
如前所述，过去十年电子邮件设计最具标志性的方面之一是那些花哨的按钮。 虽然我们仍然可以看到斜面、浮雕和光面，但它们已经变得低调而简单。
这是具有斜面和浮雕效果的按钮的现代示例：
一旦可访问性成为图片的重要组成部分，我们就想出了如何使按钮防弹，这样我们的号召性用语就不会包含在可以被阻止或关闭的图像中。
使用图像，但更智能
在我们知道仅使用图片的电子邮件不是制作电子邮件活动的最佳方式之前，我们一直在这样做。
那时，一种流行的创建电子邮件的方法是在 Photoshop 上切片（#SlicinAndDicin，有人吗？），导出 HTML，然后从那里开始工作。 然而，随着我们随着时间的推移不断学习和发展，我们发现这并不是最好的方法。
到 2012 年，有 9000 万美国人在移动设备上使用电子邮件。 随着移动设备的兴起，我们想出了如何更智能地工作。
在 2014 年麦当劳的这个例子中，我们看到他们如何使用替代文本和背景颜色实施一些最佳实践技术，将订阅者体验放在首位。 这是显示图像与关闭图像的并排比较。
总体主题：简单
虽然我们今天确实在电子邮件中看到了所有这些内容，但它们比当时更加微妙和简单。 简而言之，Lily 解释说，电子邮件现在拥有“更简洁的设计——简化的布局，更少的混乱和更大的字体。 现在更好地考虑了可读性。”
总的来说，与我们今天看到的电子邮件相比，过去的电子邮件倾向于发生很多事情。 杂乱的布局（标注框和导航栏）的使用已经演变成更简单的布局。
回想起来真好
回忆我们的过去可以让我们意识到我们已经改变了多少。 改变是好的——这是我们成长和进化的标志！ 所以谢天谢地，电子邮件总是在变化，对吗？
当 Lily 和 Brian 想到 2010 年代时，会想到什么？
“我是电子邮件演变的粉丝，绝对活在现在/未来，不回头。 ”
百合值得
“虽然我怀念管理少量电子邮件客户端的简单性，但我不会怀念 Litmus 之前涉及的大量测试。 能够对代码进行小幅调整并同时查看所有电子邮件客户端的结果，可以节省大量时间。”
布赖恩·蒂斯
 | 确保您的电子邮件在面对变化时看起来完美无缺 电子邮件在不断发展，有超过 15,000 种不同的潜在渲染——而且还在不断增加。 确保您的电子邮件在面对变化时看起来完美无缺。 通过确保在任何收件箱中发送的每封电子邮件都符合品牌要求且没有错误，从而在每封电子邮件中保护您的品牌声誉。 开始免费试用 → |
回忆过去的一种方法是从整体的角度考虑具体的细节。 因此，为了帮助 Lily 和 Brian 回到过去，我们不得不询问他们除了电子邮件之外还遗漏的事情。
莉莉和布莱恩在过去十年中错过了什么？
“那时对银幕的依赖较少，英国喜剧更好，我想念几乎每晚都能看到乐队现场演出。”
百合值得
“简单。 不用戴口罩。”
布赖恩·蒂斯
最后，我们迫不及待地鼓励 Lily 和 Brian 分享他们的第一个电子邮件地址（提示：只有一个人说的是实话）。
啊，美好的时光
时不时的回想一下也是不错的。 查看我们过去的电子邮件可以提醒我们已经走了多远。 因此，它可以帮助我们对当下产生新的欣赏。
虽然我们可能会错过 Photoshop 上#SlicinAndDicin 的禅意，但进化是一件好事。 2010 年代是电子邮件的决定性十年。 90 年代走了，所以 2010 年代可以运行。
还是有点怀旧？ 我们也是。 这就是为什么我们制作了这个特别版的 Litmus Weekly 来向 90 年代致敬。
 | 认识你的新电子邮件好友 这是我们由电子邮件营销人员、设计师和开发人员制作的绝无仅有的时事通讯。 订阅您应该了解的精心挑选的内容和新闻——所有这些都带有个人特色。 给我报名！ → |