2022 年电子邮件设计终极指南

已发表: 2022-03-23

您可能认为电子邮件是一种垂死的媒介,但根据 Campaign Monitor 的一份报告,他们的客户在 2020 年发送的电子邮件比 2019 年多 130 亿封,总计超过 1000 亿封。 在所有这些竞争中,让您的电子邮件从人群中脱颖而出并非易事。

良好的电子邮件设计可以帮助您与潜在读者打破僵局并立即吸引他们的注意力。

通过正确的设计,您可以抓住读者的想象力,让他们参与进来,并推动他们对您的产品或服务按下“立即购买”。

如果你不太确定什么是好的设计——别担心。 这就是我们将在本指南中介绍的内容。 具体来说,我们将教您如何改进您的电子邮件设计,甚至向您展示 26 个示例来激发您的灵感。

什么使电子邮件设计好?

目前,超过 90% 的美国人口使用电子邮件。 因此,当然,没有一种完美的电子邮件设计风格会吸引所有人。

但是,一些通用概念可以帮助您始终如一地设计有效的电子邮件。 我们喜欢称它们为“三个 C”。

  • 明确:电子邮件的目的是显而易见的
  • 引人入胜:电子邮件吸引了读者的注意力并激起了他们的兴趣
  • 创意:电子邮件是独一无二的,从其他营销电子邮件中脱颖而出

让我们看一个屡获殊荣的例子,看看三个 C 在现实生活中的样子。

HP Instant Ink 营销电子邮件
HP Instant Ink 营销电子邮件。

这封来自 HP Instant Ink 的营销电子邮件在 2021 年获得了 IAC“最佳技术电子邮件消息活动”奖。

Instant Ink 的徽标和标题强调了将墨水运送到您家的想法。

它令人着迷——结合了插图、颜色和精美的特色图片,它吸引了您的注意力。

它很有创意——不是专注于墨盒,而是服务可以送到您家门口。

你不需要有史以来最惊人的想法来创造一个好的设计。 首先评估您现有的电子邮件并找到需要改进的地方。

你应该考虑:

  • 您的电子邮件如何与三个“C”叠加
  • 您的点击率 (CTR)。 作为参考,平均点击率在 2.6% 到 2.34% 之间
  • 您的电子邮件是否能帮助您实现目标
  • 您的电子邮件是否会为您的网站带来流量

在创建新的电子邮件和活动时,请继续以您所学的知识为基础。

如果您从头开始,我们还为您提供了可以立即开始使用的提示和最佳实践。

良好的电子邮件设计可以帮助您与潜在读者打破僵局并立即吸引他们的注意力 在此处获取一些有用的设计灵感点击推特

11 个至关重要的电子邮件设计最佳实践

以下是所有电子邮件营销人员应遵循的 11 种最佳做法。 当您专注于电子邮件的营销方面时,您还可以考虑电子邮件营销最佳实践。

1. 制作一个强有力的主题行

主题行是您给读者留下第一印象的机会,并且对打开率有独特的影响。 虽然电子邮件的平均打开率介于 18-22% 之间,但一些营销人员仅通过优化主题行就能获得高达 57% 的打开率。

基本上,主题行是至关重要的。 要优化它们,请使用简洁和描述性的语言,并包含统计数据、数字或“钩子”以吸引读者的眼球。 您还应该避免使用诸如“免费”或“轻松赚钱”之类的“垃圾邮件”字眼。

2. 坚持品牌

您的电子邮件设计会影响消费者如何看待您的品牌,因此仔细考虑每个设计元素至关重要。 设计元素包括徽标、颜色、字体、布局选择、视频、图像和信息图表。

为了获得最佳效果,请将您的设计与您的受众相匹配。 例如,如果您需要定位 B2B 受众,您可以使用专业的设计元素,如柔和的颜色和干净的字体。 B2C 产品可能会使用更多“休闲”品牌。

3.保持简单和专注

复杂的电子邮件布局可能会使读者感到困惑,当读者感到困惑时,他们会单击“返回”按钮。 您应该在电子邮件中采用简单、干净和简约的设计。

您还应该在每封电子邮件中使用相同的布局和品牌,以便读者知道会发生什么。

4. 促进参与

吸引读者的参与,包括在每封电子邮件中强烈的号召性用语 (CTA)。 仔细选择您的锚文本,使您的 CTA 按钮变大,并有策略地放置它以优化您的转化。

5.给你的内容空间呼吸

如果你填满阅读器屏幕的每一平方英寸,他们将不知道该往哪里看。 使用分隔符和空白将他们的注意力吸引到您的内容上,并强调关键组件,例如您的 CTA 或产品图片。

6.遵循信息瀑布

信息瀑布(有时称为信息金字塔)在底部显示您最重要的信息和最不重要的信息。

7. 使用响应式电子邮件

您是否曾经打开过一封电子邮件而无法看到整个部分或图像? 如果您使用固定尺寸,不同的设备屏幕尺寸会扭曲您的设计。 这就是为什么响应能力是必不可少的。 使用响应式网页设计原则使您的设计适应不同窗口和屏幕尺寸的最佳比例。

8. 确保可访问性

如果您想最大限度地扩大影响范围并满足可访问性指南和法律,则必须考虑患有阅读障碍、色盲或视力障碍的人如何看待您的电子邮件营销。 为了使您的电子邮件设计易于访问,请使用阅读障碍友好字体、替代文本、色盲友好颜色和屏幕阅读器(如 KNFB 阅读器)可以大声朗读的纯文本。

9. 优化性能

由于普通人查看一封电子邮件的时间仅为 11 秒,因此您需要关注绩效才能获得结果。 理想情况下,您的电子邮件应能快速加载并在所有设备上运行(如 2021 年,54.8% 的互联网流量来自移动设备)。

您还应该跟踪您的转化,以衡量您的营销工作和您尝试的任何新策略的有效性。

10.包括一个退订链接

许多法规要求使用退订链接。 联邦贸易委员会 2003 年的 CAN-SPAM 规则(控制未经请求的色情和营销 (CAN-SPAM) 的攻击)就是其中之一。

为确保人们可以毫无问题地取消订阅,请始终包含一个清晰、易于使用且显眼地显示的链接。

11. 使用电子邮件验证

电子邮件身份验证允许您的电子邮件营销工具将电子邮件作为您的域发送(因此它们来自“yourwebsite.com”,而不是“通过 mcsv.net”)。 使用电子邮件身份验证将使您的电子邮件看起来更专业。

良好的电子邮件设计示例

即使您是天生具有创造力的人,从头开始构建创意和高质量的设计也不是一件容易的事。 值得庆幸的是,您不必从零开始。

本节将分解 26 个优秀的电子邮件设计示例,突出我们喜欢它们的地方。

欢迎电子邮件

欢迎电子邮件是客户在注册您的邮件列表时收到的第一件事。 进行良好的介绍对于建立持久且引人入胜的关系至关重要。

易普西

来自 Ipsy 的欢迎电子邮件示例
来自 Ipsy 的欢迎电子邮件。

Ipsy 的欢迎电子邮件是一个很好的介绍的 A+ 示例。 这是我们喜欢它的地方:

  • Ipsy 将其电子邮件时事通讯命名为“刷新”(这使它感觉更像是一个爱好俱乐部,而不是营销电子邮件)
  • Ipsy 的电子邮件为读者提供免费的自我保健入门工具包
  • Ipsy 匹配背景、图像和产品包装中的颜色

安德玛

Under Armour 的欢迎电子邮件示例
来自 Under Armour 的欢迎电子邮件。

Under Armour 的欢迎电子邮件之所以有效,是因为营销团队选择了围绕其产品主题的图像和文本。 这里还有一些我们喜欢的东西:

  • Under Armour 的标志是你看到的第一件事
  • 图像中的颜色匹配并使电子邮件弹出
  • 电子邮件的视觉层次结构使它看起来很有趣

Beefree.io

来自 beefree.io 的欢迎电子邮件示例
来自 beefree.io 的欢迎电子邮件。

虽然从技术上讲不是欢迎电子邮件,但这封 BeFree 确认电子邮件非常好,我们不得不在这里展示它。 为什么? 这封电子邮件完美地展示了 BeeFree 设计软件的可能性。 这里还有一些我们喜欢的东西:

  • 动画很可爱
  • 柔和的颜色很漂亮,但看起来并不幼稚
  • BeeFree 包含指向其社交媒体的链接
  • BeeFree 使用其软件创建电子邮件设计

佩洛顿

来自 Peloton 的欢迎电子邮件示例
来自 Peloton 的欢迎电子邮件。

Peloton 的欢迎电子邮件包含几个文本部分,但看起来并不拥挤,因为它们有效地使用了空白。 我们也喜欢它,因为:

  • Peloton 使用符号将读者的注意力吸引到“阻力”和“节奏”部分
  • Peloton 的电子邮件开头是一张给人一种社区感觉的图片
  • 该电子邮件解释了 Peloton 应用程序的功能并教读者如何使用它

印象笔记

来自 Evernote 的欢迎电子邮件示例
来自 Evernote 的欢迎电子邮件。

Evernote 的欢迎电子邮件有两个目的:欢迎订阅者并帮助他们下载免费的 Evernote 应用程序。 我们也喜欢它,因为:

  • 该电子邮件包含指向 Evernote 介绍性资源的链接
  • Evernote 的 CTA 按钮为绿色,与 Evernote 的品牌颜色相匹配
  • Evernote 为安装应用程序有困难的客户提供了一个客户服务链接

购物车放弃电子邮件

购物车放弃电子邮件是您在客户放弃购物车后 24-72 小时内发送给客户的自动生成的电子邮件。 由于重新吸引潜在客户是这些电子邮件的主要目标,因此它们需要吸引读者的注意力。

美国巨人

来自 American Giant 的购物车放弃电子邮件示例
购物车放弃来自 American Giant 的电子邮件。

American Giant 的购物车放弃电子邮件是时尚的黑白设计的一个很好的例子,看起来很活泼。 我们也喜欢它,因为:

  • American Giant 向读者展示他们购物车中的商品
  • 美国巨人链接到其社交媒体
  • 电子邮件有效地使用了preheader文本

格里的

来自 Gerry's 的购物车放弃电子邮件示例
来自 Gerry's 的购物车放弃电子邮件。

Gerry 的电子邮件与 American Giant 的电子邮件截然不同。 这是我们喜欢的:

  • 标题以创造性的方式提醒读者他们废弃的购物车
  • 电子邮件按姓名地址收件人
  • 颜色很有趣,但不是压倒性的

斯泰森

来自 Stetson 的购物车放弃电子邮件示例
来自 Stetson 的购物车放弃电子邮件。

Stetson 的电子邮件有一个对客户友好的转折点,使它起作用:提供免费送货。 这里还有一些我们喜欢的东西:

  • Stetson 在整个电子邮件中使用其品牌颜色
  • 该电子邮件将读者链接回相关的商店类别
  • CTA 通过声明“售完即止”来表明稀缺性

时事通讯

时事通讯是定期电子邮件,用于向您的客户更新有关新产品和服务、您的最新内容和慈善工作的信息。 自然,他们需要内容丰富但引人入胜。

舒卡设计局

舒卡设计局的通讯示例
舒卡设计局的通讯。

这封来自 Shuka Design Bureau 的电子邮件是创意时事通讯的一个很好的例子。 这是我们喜欢的:

  • 该电子邮件具有引人注目的漫画
  • 文案符合漫画主题
  • 漫画使用鲜艳的色彩和鲜明的艺术风格

关于酸的电子邮件

来自 Acid 上的电子邮件的时事通讯示例
来自有关酸的电子邮件的时事通讯。

Acid 时事通讯上的电子邮件也采用了独特的方法。 我们喜欢:

  • 电子邮件的报纸主题
  • 使用空白分隔文本
  • 这是电子邮件如何在有效的内容营销中发挥作用的一个很好的例子
  • 黑白配色方案

增量

来自 Increment 的时事通讯示例
来自增量的时事通讯。

Increment 对其时事通讯设计采取了更时尚的方法。 我们爱:

  • Increment 使用问题来激励读者点击“Read the Issue”的方式
  • The Increment 将本期的时事通讯命名为“Containers”,以赋予其主题
  • 迷幻空间主题的标题图像如何与主题对齐

假期电子邮件

假日电子邮件吸引了读者的注意力,并通过特别的庆祝优惠激励他们购买。 这一切都是为了通过您的电子邮件和促销来捕捉假期的精髓。

树皮盒

来自 BarkBox 的“生日快乐”电子邮件示例
来自 BarkBox 的生日快乐电子邮件。

BarkBox 的“生日快乐”电子邮件通过向客户提供独特的产品(狗的生日蛋糕)来向上销售客户。 我们喜欢这种方法的独特性,以及:

  • 有趣的语言,如尾随乐趣
  • 它使报价的价格、时间限制和期望变得清晰的方式

甘特里

来自 Gantri 的假日电子邮件示例
来自 Gantri 的假日电子邮件。

Gantri 的电子邮件巧妙地向读者提出了一个问题(“仍在寻找完美的礼物”并将 Gantri 卡定位为解决方案)。 我们也喜欢这样:

  • 该电子邮件强调了 Gantri 卡的好处
  • 将 CTA 放置在以问题为中心的标题下方

朱迪

来自朱迪的国际妇女节电子邮件示例
来自朱迪的国际妇女节电子邮件。

Judy 的电子邮件采用与 BarkBox 或 Gantri 不同的方法,因为 Judy 的电子邮件旨在与读者建立关系。 我们喜欢它,因为:

  • 大字体和设计强调标题
  • 该电子邮件的标题图片中包含不同背景的女性
  • 它使用空白来突出显示文本

接收条

来自 RXBAR 的万圣节电子邮件示例
来自 RXBAR 的万圣节电子邮件。

RXBAR 的万圣节电子邮件既诡异又有趣。 我们喜欢这样:

  • 标题使用了“不给糖就捣蛋”的有趣旋转
  • 该电子邮件在顶部包含相关链接
  • 该设计使用了标志性的万圣节图像,如科学怪人的指甲、蝙蝠和南瓜

数字产品的电子邮件

数字产品的电子邮件在销售中特别有效,因为客户在通过您的 CTA 链接注册后不久就可以访问您的服务。 他们的重点往往是迫使人们当场购买。

可邮寄

来自 Postable 的数字产品电子邮件示例
来自 Postable 的数字产品电子邮件。

来自 Postable 的这封电子邮件有效,因为它解决了读者的问题:假期期间地址过时。 我们也喜欢它,因为:

  • Postable 的 CTA 是读者首先看到的
  • 该电子邮件包含 Postable 应用程序的图形
  • 充分利用空白来突出主要目标——让用户更新他们的地址

标记

来自 MarkUp 的欢迎电子邮件示例
来自 MarkUp 的欢迎电子邮件。

这封来自 MarkUp 的电子邮件非常棒,因为它教读者如何在向他们销售软件的同时使用 MarkUp。 我们也喜欢它,因为:

  • MarkUp 使用图标来强调文案
  • MarkUp 的软件是您看到的第一件事
  • CTA 在首屏

打字机

来自 Typeform 的“关于我们的产品”电子邮件的示例
来自 Typeform 的“关于我们的产品”电子邮件。

Typeform 的电子邮件之所以有效,是因为它以公司的独特卖点 (USP) 开头——“一种在营销中使用视频的新方法”。 我们也喜欢这样:

因停机时间和 WordPress 问题而苦苦挣扎? Kinsta 是旨在节省您时间的托管解决方案! 查看我们的功能
  • Typeform 展示了其视频营销的示例
  • 电子邮件使用可访问的字体
  • 图像使用层次结构来抓住读者的眼球

销售电子邮件

销售电子邮件为订阅者提供独家折扣,以激励他们购买。 自然,他们需要强大的 CTA。

GoPro

GoPro 的销售电子邮件示例
GoPro 的销售电子邮件。

这封来自 GoPro 的电子邮件中的 CTA 效果很好,因为文本的层次结构使其成为观众在“降价”之后第二次阅读的内容。 我们也喜欢它,因为:

  • GoPro 在整个电子邮件中使用了匹配的配色方案
  • 海量产品图片突出产品
  • 该电子邮件包含两个优惠:免费送货和更低的价格

MCM

来自 MCM 的“新产品”电子邮件示例
来自 MCM 的新产品电子邮件。

这封来自 MCM 的销售电子邮件非常棒,因为它使用图片而不是一大块文字来宣传这款包。 我们也喜欢这样:

  • 特色图片融合了插图和摄影
  • CTA按钮突出
  • 电子邮件在标题中包含商店链接

现代哺乳动物

Modern Mammals 的“新产品”电子邮件示例
现代哺乳动物的新产品电子邮件。

这封来自 Modern Mammals 的销售电子邮件效果很好,因为它通过静态镜头显示了产品的实际运行情况。 我们也喜欢它,因为:

  • 电子邮件使用多种字体颜色来强调
  • 背景图片与产品包装相匹配
  • 文字强调产品的 USP

推荐和评论电子邮件

推荐和评论电子邮件要求读者帮忙,因此,他们需要利用忠诚度来激励读者留下评论。

G2

来自 G2 的“今天复习”电子邮件示例
查看来自 G2 的电子邮件。

G2 的“今天复习”电子邮件很有说服力,因为它让读者觉得他们可以帮助他人进行复习。 我们也喜欢这样:

  • G2 在图片中显示了一系列评论(不仅仅是正面评论)
  • G2 保持电子邮件简短
  • CTA 是描述性的

目标

来自 Target 的“立即查看”电子邮件示例
立即查看来自 Target 的电子邮件。

Target 的电子邮件之所以有效,是因为它针对每个客户进行了个性化处理——要求审核并帮助不满意的客户联系支持。 我们也喜欢这样:

  • 电子邮件使用标题作为内容块之间的分隔符
  • 为了清晰起见,两个 CTA 按钮颜色不同
  • 它通过图像显示读者的购买

来自 Bite 的评论电子邮件示例
查看来自 Bite 的电子邮件。

Bite 的这封评论电子邮件采用了一种独特的方法,因为它可以向读者展示其他客户的评论。 我们也喜欢这样:

  • Bite 使用多种绿色阴影来创建层次结构
  • 咬链接到其“关于我们”页面
  • 咬在图片中包括其产品

品牌电子邮件

品牌电子邮件告诉读者您业务的“ABC”,包括您的品牌标识、使命和 USP。 自然,他们需要对您的品牌产生浓厚的兴趣。

瘦身

来自 Thinx 的个人品牌电子邮件示例
来自 Thinx 的个人品牌电子邮件。

这封来自 Thinx 的品牌电子邮件通过将读者介绍给员工 (Morgs) 来吸引读者的注意力。 我们也喜欢这样:

  • Thinx 使用了合适的哑光调色板
  • Thinx 的主题是围绕其产品和使命的电子邮件文案

小精灵

来自 Wisp 的个人品牌电子邮件示例
来自 Wisp 的个人品牌电子邮件。

来自 Wisp 的这封品牌电子邮件之所以有效,是因为它可以帮助潜在客户浏览他们的产品。 我们也喜欢这样:

  • Wisp 使用问题来吸引读者的注意力
  • Wisp 链接到其“社区最爱”
  • Wisp 使用与电子邮件背景融为一体的图像

如何创建自己的电子邮件设计

既然您已经看到了 26 个优秀电子邮件设计的示例,那么您已经准备好将新训练的设计眼光投入工作。 以下是创建电子邮件设计的三种方法:

1.使用电子邮件营销软件

许多流行的电子邮件营销软件工具都有您可以使用的内置模板。 这包括 Mailchimp、Constant Contact、SendinBlue、Drop 和 HubSpot。

您可以轻松使用他们的模板和拖放构建器来创建您独特的设计。

Mailchimp 电子邮件生成器
Mailchimp 电子邮件生成器。

优点:

  • 简单快捷
  • 您可以更改模板的文本、图像和关键部分
  • 您知道您的设计将适用于台式机和移动设备
  • 您可以多次使用相同的模板
  • 您通常不需要支付额外费用

缺点:

  • 这些模板是为广泛的目标受众制作的(因此它们可能与您的其他品牌不匹配)

2.使用专用的电子邮件设计工具

电子邮件设计软件工具提供电子邮件模板和独特的功能来创建独特的设计。 Stripo、Chamaileon、BeeFree 和明信片都是不错的选择。

优点:

  • 对于没有设计背景的人来说非常容易使用
  • 这些工具有数百个模板(因此很容易找到适合您需求的模板)
  • 完全可定制性——更改布局、颜色、图像、样式和文本
  • 许多模板都适合移动设备

缺点:

  • 您可能需要付费才能使用这些工具
  • 您需要下载您的模板并将其导入您的电子邮件营销软件(或使用可用的集成)

3. 创建定制设计

最后,您可以使用 Adob​​e InDesign、VivaDesigner、Scribus 等工具从头开始创建自定义电子邮件设计,或者简单地使用 HTML 和内联 CSS 对其进行编码。

优点:

  • 您的设计将是独一无二的
  • 充分的灵活性
  • 您可以确保您的设计适合移动设备,并且您的图像是高质量的

缺点:

  • 设计软件很昂贵
  • 非常耗时
  • 你需要强大的设计背景
了解如何改进您的电子邮件设计,并在本指南中查看 26 个示例以获得灵感️ Click to Tweet

概括

截至 2020 年,全球电子邮件用户超过 40.3 亿,每天收发电子邮件 3196 亿封。 自然,在订阅者的收件箱中脱颖而出是很棘手的。

这就是为什么良好的电子邮件设计至关重要。 吸引观众的注意力是培养与潜在客户的关系、增加收入和有效向上销售客户的第一步。

要掌握良好的电子邮件设计,请确保您:

  • 使用空格来强调
  • 开发高质量的视觉效果来吸引读者的注意力
  • 使用清晰的副本——尤其是在您的标题和 CTA 中
  • 使用自上而下的方法来确定内容的优先级
  • 发挥创意

我们想听听您所知道的关于良好电子邮件设计的一切。 您最喜欢这些设计中的哪一个,您如何为您的品牌创建独特的电子邮件? 请在下面的评论中告诉我们。