22个真实世界的例子来激发你的电子邮件设计

电子邮件营销是建立和留住忠实品牌追随者的最有效方法之一。

从本质上讲，电子邮件通信是基于权限的。 当他们注册到您的列表时，订阅者不仅表示他们对您的品牌感兴趣，而且他们希望收到您的来信。 这种态度使电子邮件营销比其他营销渠道更有可能转化销售——平均而言，每花费 1 美元，您最多可赚取 47 美元。

回报不止于此。 定期参与有助于建立忠实的客户追随者：

• 平均花费比新客户多 31%
• 推荐的人比一次性购买者多 50%
• 更有可能尝试您销售的不同产品，从而维持业务增长

最好的电子邮件设计也会梳理出新的潜在客户。 在本指南中，您将找到 22 个真实的电子邮件设计示例来实现这一点以及更多。

无论您是链接到产品、博客文章还是任何其他内容，每次点击营销电子邮件中的链接都会推动流量，从而改善您网站的搜索引擎优化 (SEO)。 随着时间的推移，此活动还会提高您网站的可发现性——让您能够从搜索引擎中获取新的客户兴趣。

如何让您的电子邮件设计脱颖而出

普通人每天收到超过 96 封电子邮件。 您的电子邮件的第一印象很重要——研究表明，您只有几秒钟的时间来制作一个好的电子邮件。

您通过电子邮件交流的内容很重要，但您说话的方式也很重要。 有效的电子邮件设计可帮助受众可视化您的信息。 您的布局组织可以在人们失去兴趣并点击离开之前吸引他们的注意力。

通过利用以下设计提示帮助您的读者理解他们所看到的：

• 引起注意并显示信息内容的焦点
• 组织想法的图案和形状
• 突出重点的配色方案
• 建立品牌知名度的一致元素

您的营销电子邮件需要从混乱中脱颖而出。 使用以下电子邮件设计来提高消息量：

• 优化图像以优先考虑速度
• 旨在在任何设备上看起来都很棒
• 使您的信息个性化
• 保持简单
• 启动强以防止限制性扫描
• 将读者的视线引导至页面下方
• 用视觉说话
• 使用内容块导航
• 鼓励行动
• 用颜色直接关注
• 尝试视觉效果
• 逗趣
• 完成强

下面，让我们看看为什么这些设计元素会起作用，以及如何使用它们来创建更好的电子邮件。 您将拥有这些有效的电子邮件设计元素中的大多数的醒目示例，以激发您的下一个活动。

优化图像以优先考虑速度

2000 年，微软的一项研究发现“消费者的平均注意力持续时间为 12 秒。 大约 15 年后，它下降到 8 秒”——最近的研究表明，我们的集体注意力范围继续缩小。

如果您的电子邮件加载时间超过两秒钟，那么您将失去时间来抓住和延长这个短暂的注意力范围。 优化您的内容以确保快速交付。

首先了解电子邮件服务器最广泛支持的文件类型，包括：

• JPEG 用于照片
• 用于线条图的 PNG 和 GIF
• 用于图像动画的 GIF

要为快速加载准备图像，您应该：

• 使用至少 600–650 像素宽的图像，这样视觉效果可以快速加载但不会失真
• 以每英寸 72 像素的分辨率保存原始文件，以便在将原始文件上传到广告系列库时最大限度地减少压缩
• 将文件大小减少到 5 MB 以下

Constant Contact 的图像库和托管等工具可以为您简化此过程，并帮助确保您的消息不会与时间赛跑。

旨在在任何设备上看起来都很棒

大多数人在智能手机上查看电子邮件。 通过设计在智能设备上看起来与在计算机屏幕上一样好的消息，确保您的电子邮件与这种客户行为兼容。

创建移动响应式设计

如果没有移动响应能力，您的电子邮件可能会变得难以交互、失真或被切断。 无论他们如何查看您的电子邮件，都可以通过以下方式吸引您的受众：

• 以简洁的主题行开头，不会在电子邮件预览中被截断
• 避免在较小的屏幕上难以阅读的小文本
• 使用网络安全字体，确保您的设计在任何设备上看起来都正确
• 将替代文本添加到您的视觉效果中，以吸引偏好设置为限制自动图像下载的人
• 确保您的布局将调整以适应任何尺寸的屏幕

敦促移动用户与您互动

移动响应电子邮件可以提高打开率。 最好的移动电子邮件设计也让用户更容易互动。

大约 80% 的智能手机用户通过他们的设备进行购买。 您可以通过提供放置良好的优惠券代码或客户可以直接从他们的手机兑换的折扣来使这样做更加方便。

使您的信息个性化

最有效的电子邮件营销活动并非一刀切。 据 Aberdeen Group 称，个性化电子邮件将客户转化率提高了 20%。

人们在任何一天都会收到大量的信息。 他们更容易接受与他们的偏好和购买模式相关且定制的个人电子邮件。

细分您的受众

个性化您的客户电子邮件从战略联系人列表细分开始。 它可以帮助您的电子邮件营销活动根据共同特征（例如他们购买的商品或他们在您的销售渠道中的位置）将您的联系人分成较小的组。

分段可确保您发送的每封电子邮件都更直接。 借助与不同客户群体相关的特定内容，您的信息将变得更具吸引力和吸引力。

您可以使用 Constant Contact 提供的细分工具自动执行此过程，让您：

• 创建多个列表并在这些列表中进一步细分，最多可包含 500 个唯一标签
• 根据客户行为、列表成员资格、电子商务活动或您分配的自定义字段等指标过滤联系人
• 在客户订阅时设置自动触发器，以便在他们非常积极地参与时发起联系
• 启动一系列定时电子邮件，以根据联系人的活动跟进联系人
• 制作多个版本的电子邮件以与不同的受众分享

直接与个别客户交谈

Salesforce 发现，几乎“59% 的客户表示，基于过去互动的定制参与对于赢得业务非常重要” ——他们参与您发送的定制内容的可能性是其两倍多。

添加客户期望的这种额外的个人风格：

• 减少您的电子邮件被标记为垃圾邮件的机会的个人问候
• 一致性，因此客户希望定期收到您的内容
• 您的发件人领域的品牌认知度，鼓励信誉和信任
• 一个醒目的主题行，吸引注意力并总结读者可以期待的内容

保持简单

最好的电子邮件设计优先考虑读者如何体验信息。 为您的读者创造积极的体验意味着直截了当，没有额外的大惊小怪和分心。

这种少即是多的概念与希克定律有关，希克定律是一个鼓励呈现简单的设计支柱。 您在信息及其设计中包含的内容越多，人们做出决定的时间就越长。 信息过载不适合客户的短暂注意力。

要将设计集中在简单性上，您需要：

• 具体并限制您在每封电子邮件中发送的信息量
• 通过将内容分解为可操作的小步骤来引导读者
• 避免在一个设计中竞争过多的内容让客户不知所措
• 通过您的设计直接关注

您无需成为熟练的平面设计师即可将希克定律应用于您的电子邮件活动。 使用当今多功能的电子邮件营销工具，您可以轻松地创建基于简单设计的令人惊叹且引人注目的消息，就像 Casper 在下面的假日消息中所做的那样。

启动强以防止限制性扫描

Nielsen Norman Group 的研究发现，普通人在查看数字内容时遵循 F 形扫描模式——这可能会限制你的信息的传播量。

但尼尔森指出，好的设计可以防止像这样的限制性扫描。 “分层蛋糕”设计通过以下方式帮助人们了解全局：

• 以惊人的领先优势吸引注意力
• 使用颜色和图案等元素在整个电子邮件正文中链接相似的想法
• 用空白分隔信息，就像蛋糕层之间的糖霜一样

将读者的视线引导至页面下方

“Above the fold”是从媒体世界借来的设计理念。 因为报纸在进入报摊之前是对折的，所以它们需要首先展示最重要的标题、故事和图像。

您的电子邮件的“折叠”是您的读者需要滚动以查看其余信息的位置。 一个强有力的开始会吸引读者的注意力，并让他们阅读电子邮件的其余部分。

为了确保他们继续阅读，您还必须引导他们通过文本了解您希望他们做什么。 通过以下方式将他们的注意力集中在整个电子邮件中：

• 战略性地利用空间，因为复制密集的电子邮件具有更大的利润空间
• 文本、想法和图像块周围的空白区域以创建视觉方向
• 对比度和适当的文本大小，以便您的内容可读
• 鼓励关注页面并平衡设计的图像
• 标准字体和网络安全字体，因为装饰字体可能难以扫描，并且可能无法在所有设备上正确加载

在上面的示例中，Harry's 一开始就明确了电子邮件的意图——然后使用这些设计技巧让人们继续滚动。

您的电子邮件的预标题也可以支持首屏突出。 此文本显示在收件箱中主题行之后。 如果留空，则预标题会自动显示电子邮件正文中的第一句话。 但是您可以对其进行自定义，以向读者展示对电子邮件的期望。 这可以提高电子邮件的打开率，并使读者能够扫描整个邮件。

用视觉说话

你如何在屏幕上组织你的内容不仅应该引起读者的兴趣，而且应该超越你吸引人的标题。 最成功的电子邮件设计在视觉上做到了这一点。 电子邮件的最终外观将取决于您品牌的语气和氛围。 苹果以其大胆使用空白而闻名，但这种更微妙的方法并不适合所有人。

通过间距集中注意力

不要偏离您品牌的声音。 但是，您应该从 Apple 的极简主义方法中得到的一点是，空旷的空间如何集中注意力。

玩转色彩、文案和图像——但遵循 Apple 的设计理念：

• 整齐地划分为有组织的部分
• 具有信息层次结构，使其易于扫描
• 用图形、标题、线条和形状分解想法
• 尽可能展示而不是讲述

这是关于你呈现的内容的平衡。 布局中的所有内容都应服务于电子邮件的整体意图，并使读者更容易理解该意图是什么。

水平拆分副本

有时你有更多话要说——无论是博客文章的更新、产品系列还是其他新闻。 水平分割复制密集信息，就像下面示例中的 Todoist 所做的那样。 这会将读者从一个可扫描的片段向下引导到下一个。

使用内容块导航

内容块有助于组成周到的导航，并更容易将读者的注意力吸引到内容蛋糕的各个层次。

使用 Constant Contact 的电子邮件营销平台等工具，您可以使用以下块选项构建客户地图：

• 您可以使用自定义字体、颜色、大小等来设计文本内容块
• 您可以使用过滤器、框架和叠加层优化图像块
• 创建您想要的外观的水平和垂直分隔线
• 空间块来缓冲信息并给眼睛一个休息的地方

您也可以使用内容块将读者引导至页外链接。 通过这样做，您可以防止将过多信息塞进一条消息中的趋势。 试用：

• 定制的、可点击的按钮，鼓励用户采取行动
• 社交块可提高您在社交网络上的关注度
• 具有可点击缩略图的视频块，以显示在其他地方上传的完整视频
• 阅读更多块，使您能够展示较长形式内容的预览，并邀请读者继续点击以完成阅读全文

只是不要过火。 确保您在电子邮件中使用的内容块类型与邮件的主要号召性用语 (CTA) 相关。 太多的变化会让你的设计看起来很混乱——并淹没你想说的话。

使用视觉元素组织内容

优化您的内容块的外观，以便它们可以轻松引导您的受众。

人眼倾向于将外观相似的元素视为完整故事的一部分，即使这些信息在视觉上是分开的。 相似的颜色、形状和图案为内容块中的信息提供了逻辑流程。

如果重点分散在布局中，视觉一致性可以将它们联系在一起。 这是为了让读者尽可能简单地从一个想法跳到另一个想法，而不会混淆他们。

使用颜色突出关键点

颜色还有助于突出特定信息——无论您是想突出促销、CTA 还是新产品。

通过以下方式制作重要内容：

• 在不改变模板主题的情况下更改块的背景颜色
• 在图像或文本块周围创建边框或填充
• 使用柔和的配色方案以更明亮的色调集中注意力

鼓励行动

一个有效的 CTA 应该能激发你的读者朝着特定的结果前进。 您应该与您发送的电子邮件背后的意图相匹配——例如购买产品或阅读您的博客。

在您的布局中包含多个 CTA 可以提高转化率，但有一个问题。 希克定律在这里适用。 提供太多选项会混淆电子邮件的意图，使读者失去兴趣。

使用 CTA 强调您的信息

一个简单的电子邮件设计将有利于您的 CTA 的成功。 如果有太多令人分心的视觉元素，那么您就是在与自己竞争以吸引客户的注意力。

让您的 CTA 脱颖而出

考虑您希望订阅者采取的主要行动，并将其作为您的 CTA 转化目标。 这种直接的方法有助于使每条消息保持简单和直接。

可转换的 CTA：

• 可见并在其他元素中脱颖而出
• 与电子邮件调色板的其余部分形成对比色
• 使用清晰、直接的语言，使点击的结果显而易见
• 营造紧迫感
• 说明迫使读者点击的好处

添加上下文以迫使读者点击

CTA 还可以解决您的受众的保留意见或对错过的恐惧。 通过 CTA 添加额外的动力：

• 通过促销提供鼓励
• 使用稀缺性激励措施——比如包括可用产品或门票的数量
• 解释折扣时间表以营造紧迫感
• 提供社会证明，例如最近的评论或已售出的产品数量
• 做出保证，例如无需信用卡即可开始免费试用

使用 CTA 内容块

有效的 CTA 可以让您的读者参与进来。 动作块通过使 CTA 具有交互性并帮助它们在视觉上脱颖而出，进一步支持了这一目标。 像这样的 CTA 可以引导读者的注意力和活动，减少漫无目的的搜索或点击。

与 Constant Contact 的动作块更好地互动：

• 展示您 Shopify 商店中的商品
• 从 Eventbrite 列表中提取详细信息到您的电子邮件中
• 创建一个 RSVP 请求，用户可以将其转发给不在您的联系人列表中的朋友
• 通过民意调查产生参与度
• 收集捐款
• 奖励客户优惠券 - 具有灵活的选项，例如最低购买要求、到期日期或您想要应用的其他限制

将每封电子邮件限制为一个或两个反映主要信息的不同操作块。 包含太多会使读者感到困惑并使您试图提出的观点复杂化。

用颜色直接关注

即使是结构良好的电子邮件，如果不注意其配色方案，也会显得杂乱无章或杂乱无章。 电子邮件活动通常使用与其所代表的品牌相关的标志性颜色来建立一致的语气和声音。

但是你如何使用颜色应该表达你的电子邮件的意图。 我们的大脑天生就会触发基于不同颜色的反应。 使用这些心理暗示可以支持您的信息。

选择适合您品牌的配色方案

您使用的配色方案可用于设置电子邮件的基调。 因为人们的眼睛会被视觉上最突出的东西所吸引，所以您可以使用特定的色调使重要信息跳出页面。

使用简单的调色板获得战略性，例如：

• 使用黑色、白色和灰色搭配另一种颜色来集中注意力的消色差配色方案
• 基于一种主要颜色以及该主要色调的变化的单色配色方案
• 一种类似的配色方案，使用色轮上彼此相邻的色调，例如蓝色背景上的绿色 CTA
• 互补色和三色配色方案，可使用色轮两侧的两种或三种颜色产生高度对比的效果

用颜色勾住读者的情绪

上面的配色方案为根据您要传达的感觉使用色调提供了很大的灵活性。 您还可以使用它们来装饰您的电子邮件，以传达季节性和假日心情。

用以下效果来表达读者的情绪：

• 红色充满活力、快速引起注意的影响
• 橙子的温暖和动力
• 黄色的快乐和灵感
• 绿色的成长、自然和健康信号
• 蓝色平静的信任和可靠性
• Purple 的想象力、阴谋和奢华
• 粉红的浪漫和培养的敏感性
• 布莱克的成熟和独立

尝试视觉效果

图像不仅限于照片。 图案、图标、信息图表和排版设计提供了广泛的视觉效果——有助于组织、简化和阐明您的信息。

您也可以将其与动画图像混合使用。 虽然在电子邮件中使用 GIF 不一定会改善用户体验，但它确实会吸引注意力并为您的信息增添一些乐趣。

逗趣

视觉效果有助于组织电子邮件设计中的元素并吸引注意力。 有了一点创意，图像和动画也可以作为 CTA 增强功能。

通过挑逗读者兴趣的设计元素与读者互动。 其中一些功能确实需要了解 HTML 等自定义编码语言，但它们的“哇”效果可以为您带来更多转化。

使用倒数计时器制造紧迫感

在 Casper 的这个例子中，倒数计时器是一个比任何标准的“立即购买”按钮更强大的 CTA，为客户创造了一种更高的紧迫感。

添加交互式 CTA

Bose 采用经典的刮刮优惠券并将其数字化，达到视觉吸引力的一两次打击和高度激励的 CTA。

其他交互功能本身并不是 CTA，而是用于扩大兴趣并提高点击吸引力。

请注意：

• 可以应用于任何电子邮件元素的翻转效果，例如当用户将鼠标悬停在图像上时显示更多信息的产品照片
• 滚动效果，让客户看到您展示的产品的更多细节和角度

这些俏皮的设计元素很容易让人忘乎所以。 确保您的 CTA 与上面的 Bose 一样突出——通过使用具有大量空白、充足边距和可扫描组织的简单布局。

吸引读者的好奇心

静态图像对于建立阴谋同样强大。 在此示例中，Birchbox 故意省略了任何产品提及或照片，这会吸引客户的好奇心。

完成强

您的页脚是订阅者查找有关您的品牌的详细信息、了解如何与您联系以及管理他们的电子邮件偏好的地方。 它为您提供了提升品牌透明度和访问权限的空间，同时使您的电子邮件设计更完整。

在页脚中包含有用的信息

与您的电子邮件布局的其余部分一样，仅包含为读者增加价值的信息。 客户寻找的常见页脚功能包括：

• 您企业的实际地址
• 取消订阅以建立信任、防止垃圾邮件投诉并遵守美国联邦贸易委员会制定的退出规定的简单方法
• 联系信息——例如返回您网站的链接、电子邮件地址或电话号码
• 社交媒体按钮，鼓励订阅者关注您或社交分享您的内容

根据您的电子邮件活动，您可能希望包含其他元素，例如：

• 转发给朋友选项
• 链接到您的偏好中心，供订阅者更新选项
• 简短的提醒，解释他们为什么会收到您的消息
• 链接到您的隐私政策
• 电子邮件中提供的报价的详​​细信息和限制列表
• 品牌签名，包括鼓舞人心的报价等细节

保持页脚设计一致

使用层次结构来组织信息，以便您的读者可以准确地了解他们正在寻找的内容。 忠实于您的布局的外观和感觉——就像下面示例中的 Headspace 所做的那样——以确保最终设计具有凝聚力。

为您的页脚设置样式以匹配您的设计：

• 清除标题和标签
• 分解文本的图标
• 与您的配色方案互补的背景
• 填充到单独的部分

使用正确的工具，您不必从头开始

对于简化时最有效的事情，开发可转换的电子邮件设计可能会变得复杂——但不必如此。

使用 Constant Contact 的电子邮件营销平台，您可以使用符合所有标准的现成模板开始您的下一个电子邮件营销活动。 这让你的设计在你开始写你的信息之前就已经完成了一半。

从个性化工具到拖放内容块、电子邮件自动化和联系人细分，您拥有与客户建立真正联系所需的所有简单自定义元素。
联系以了解更多关于电子邮件营销如何使用设计工具为您的品牌提供声音的信息 - 或亲自尝试一下。