电子邮件设计终极指南：邮件营销的15项最佳实践

您可能会认为电子邮件是一种垂死的媒介，但根据 Statista 的最新数据，2023年每分钟电子邮件发送的数量是上一年的五倍，达到2.4亿封。在所有这些竞争中，让您的电子邮件从人群中脱颖而出并非易事。

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

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

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

什么使电子邮件设计好？

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

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

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

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

HP Instant Ink营销电子邮件

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

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

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

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

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

你应该考虑：

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

有效的电子邮件营销不仅仅是打出一封邮件，然后点击发送。

如果您的电子邮件缺乏吸引眼球的主题行、相关内容、巧妙的布局和视觉上吸引人的元素，那么收件人很容易在雪崩般的收件箱中忽略它。

电子邮件设计是一个深思熟虑地制作和组织电子邮件的过程，以确保它们在视觉上引人入胜、易于阅读并激发行动。

从本质上讲，营销电子邮件的设计更侧重于电子邮件的视觉布局，而不是内容本身。这涉及到如何组织和优化文本、图片和关键信息，使电子邮件不容易被忽视。鉴于人们通常会快速浏览电子邮件，因此精心设计的电子邮件可确保您的信息符合品牌形象、清晰明了，甚至引人入胜。

而一份精心设计的电子邮件设计指南可以教你如何将上述所有内容付诸实践，以加强你的声音，吸引新客户，并与受众建立长期关系。

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

电子邮件设计为何重要

我们已经提到了为什么小企业主和营销人员应该关注电子邮件列表的增长–电子邮件营销具有巨大的投资回报率！电子邮件设计有什么特别重要的地方呢？它可以提高电子邮件的打开率和参与度。

我们将告诉你如何做。

最大限度地提高可读性

结构合理的电子邮件具有清晰的层次结构、充足的留白空间、精心选择的字体和周到的设计元素，可确保收件人快速、轻松甚至兴奋地阅读您想与他们分享的任何内容。这里没有单调乏味的营销瞌睡！

推动可衡量的行动

归根结底，设计精良的电子邮件能引导收件人迈出明确的下一步，无论是报名参加活动、购物还是访问网站。

当设计和内容完美地结合在一起时，收件人就很容易根据您的信息采取行动，您也很容易围绕转化率制定并实现可衡量的目标。

建立品牌信任

在电子邮件设计中坚持使用品牌的颜色、字体和徽标，可以强化品牌形象。当收件人看到一封在视觉上与他们已经熟悉的品牌一致的电子邮件时，就会产生信任感，从而更愿意打开未来的电子邮件！

我们喜欢这种甜蜜的营销动力。

通过无障碍性欢迎所有读者

电子邮件设计应始终考虑易读性，使尽可能多的人都能轻松阅读。

我们将在下一节中深入探讨周到的设计选择，如适当的字体大小、颜色对比度和图片的alt文本，这些都能保证欢迎更多的人参与到您的内容中来，无论他们是通过何种方式访问您的电子邮件。

15 种电子邮件设计最佳实践

看看您当前的营销指标。

您设计的电子邮件是否每次都能击中目标？

如果不是，那就不要再浪费资源，开始提高效率吧。

下一节将向您介绍一些最佳实践，以创建能够吸引注意力、提供价值并鼓励行动的电子邮件体验。

1. 单栏保持简单

我们通常建议在营销电子邮件中选择单栏布局，原因有以下几点：

• 其一，单栏布局更便于设计！
• 另一个原因是，这样更便于读者快速扫描并采取行动，而这正是许多人在阅读收件箱中的电子邮件时所希望的。这种简化的布局也更有利于辅助技术的处理，使其更易于访问。
• 最后但并非最不重要的一点是，单栏邮件更能适应不同的屏幕尺寸，因此对移动设备更友好（这是一个重要因素，我们稍后会详细讨论）。

2. 熟悉常见的 F 型阅读模式

尼尔森-诺曼集团（Nielsen Norman Group）通过眼动跟踪研究发现，F 型阅读模式是读者扫描内容块的最常见方式之一。

这种模式是这样工作的：

1. 读者首先横向扫描内容的顶部，形成字母 F 的顶线。
2. 接着，他们向下移动，扫描吸引他们眼球的下一个水平部分，F 的下一行通常比第一行短。
3. 最后，他们沿着内容左侧的垂直路径，完成 F 形！

在设计电子邮件时，以下是如何根据这种扫描行为进行优化的方法：

• 将最重要的信息放在读者可能关注的地方，沿着 F 字形。
• 在新段落或章节的开头使用吸引眼球的词语，以便在向下移动时继续吸引眼球。
• 确保邮件中最突出的元素立即脱颖而出，并尽量将其置于视线流经图案的路径上。本文稍后将讨论如何选择最佳字体类型和大小，以及如何有效运用对比度来吸引注意力。

3. 向作家学习倒金字塔布局

倒金字塔布局是从作家和记者那里借鉴来的一种强大的设计策略。在电子邮件领域，倒金字塔布局就是将最关键的信息放在首位，然后以倒三角形快速引导读者找到明确的行动号召（CTA）。

结构很简单：

首先是吸引眼球的标题或钩子，然后是简洁的辅助信息，最后是醒目的 CTA。

这不仅是用词的问题。巧妙运用创意字体、颜色和设计！战略性地使用留白，让读者真正参与进来。

通过最大限度地减少干扰，保持内容的精简和精彩，倒金字塔布局能将读者的视线自然地引向 CTA，使他们更有可能参与其中。

4. 考虑使用表情符号（真的！？）

无论是表达不屑（🙄），还是分享惊心动魄的新闻（🎉）：表情符号都是一种强大而现代的交流方式。

撇开趣闻轶事不谈，人们甚至发现表情符号能提高社交媒体上的参与度。那么，为什么不尝试在营销电子邮件中使用它们呢？

如果使用得当（这一点至关重要！），表情符号可以为您的电子邮件增添个性和视觉趣味，帮助它们脱颖而出，让收件人持续阅读。表情符号能瞬间建立情感联系，使您的信息更吸引人。

这种最佳做法最重要的部分是了解受众和手头的信息，以确保您使用的表情符号适合并促进信息的传达。而不是分散注意力。

5. 优化图片大小

Campaign Monitor 的电子邮件营销专家将他们的电子邮件模板设计为桌面 600 像素宽，移动 320 像素宽。此外，最上面的 300-500 像素通常是人们在需要滚动之前可以在电子邮件中看到的。有鉴于此，您在营销电子邮件中使用的任何图片都不应超过这些参数。

但这不仅与尺寸有关，还与 “重量 ”有关–它会影响加载时间。压缩图片，尽量减小文件大小，这样加载速度会更快，同时也符合电子邮件客户端的规定。

对图片使用什么文件格式有疑问？

• JPEG 格式的图片清晰小巧，仍然是展示专业照片的理想选择。
• PNG 压缩效果好。
• SVG 文件重量轻，在任何比例下都能保持清晰，适合图标和徽标。

需要注意的是，无论您如何处理图片，都应将其嵌入到电子邮件中。为什么呢？

因为现在的附件很容易被标记为垃圾邮件。

6. 保持品牌一致性

电子邮件不被打开或打开后很快被删除的一个重要原因是，它们给人的感觉像是突然从天而降。这通常是品牌不佳造成的。

在每封邮件中融入品牌的视觉识别对于加强品牌认知度至关重要。如果不这样做，收件人可能会认为他们收到的不是自己注册的垃圾邮件，从而增加退订率和取消订阅率。

这里的诀窍是确保您的电子邮件采用品牌的关键设计元素：

• 在所有电子邮件通信中使用品牌的核心元素，如字体、颜色和图像。
• 确保您的电子邮件设计与网站、登陆页面、社交媒体等同步，以创建一个统一的正面。
• 在每封电子邮件的页眉或页脚显著位置放置您的徽标，以强化品牌形象。
• 一旦确定了正确的氛围，就创建可重复使用的模板，以简化未来的电子邮件营销活动并确保一致性。

7. 优先考虑移动体验

到 2023 年底，全球一半以上的网络流量将通过移动设备实现。

换句话说，在设计电子邮件时，你绝对不能忽视那些小巧的智能屏幕。

根据屏幕尺寸和类型进行调整的设计被称为响应式设计。幸运的是，大多数电子邮件设计工具–如 Mailchimp、Stripo、Unlayer 等–都是响应式的，它们会自动调整和重组电子邮件的大小，以确保它们对移动设备友好。

不过，您也可以做一些事情来确保这不会出错，让您的电子邮件通讯看起来完美无瑕：

• 正如我们在这里和那里提到的，对于电子邮件来说，精简和简单的设计通常是最好的，尤其是考虑到手持设备的可读性。此外，简单的布局加载速度更快，这是我们在旅途中都希望看到的。
• 按钮应该足够大，以便用拇指轻松点击。拇指规则是44×44 像素。按钮周围也应有足够的空间，以便用户点击时不会误点附近的链接。
• 留白对于移动设备上的可读性来说比以往任何时候都重要，因此要合理利用留白。
• 将最重要的内容放在邮件顶部附近，以便在滚动之前就能看到。
• 移动设备通常会显示较短的主题行 （约 30 至 40 个字符），因此要简短贴切。
• 电子邮件的整体大小应在 100KB 以下，否则会导致加载时间过长或被电子邮件客户端剪切。

8. 请给我一些空间！

在设计中，留白是指元素周围的空白或负空间。

留白在电子邮件设计中起着至关重要的作用，它有助于根据重要性组织内容，提高可读性和可读性，并引导人们关注关键部分。

说实话，留白是一种你看到它就会知道的东西–如果留白做得好，它就是令人愉悦、平静的交互与令人感觉过时、乏味和难以消化的交互之间的区别。

下面是一些在电子邮件中使用留白的基本技巧：

• 在段落、图片和其他部分周围留出足够的衬垫（又称空间），以防止邮件感觉杂乱无章。
• 在所有文本块之间留出相等的空白，以帮助引导读者的视线从一个部分流畅地转到下一个部分。
• 增加文本行间距，提高可读性。
• 在关键区域周围增加空间，自然地吸引读者的注意力，而不需要额外的设计装饰。
• 抵制将过多内容打包到一封邮件中的冲动。保持文字和图片的间距，可以减少视觉混乱，使信息更容易消化。
• 记住，在电子邮件布局方面，少即是多！

9. 创建层次清晰的电子邮件

在营销电子邮件中创建层次结构–以显示重要程度的方式排列元素–可确保收件人轻松浏览内容、吸收关键信息并采取所需的行动。

与留白类似，掌握层次也需要观察和实践。但是，一旦掌握了，就会得心应手。

不过，在撰写电子邮件时，你还是可以采用一些非常直接的技巧，帮助引导读者的视线，有效传达你的信息：

• 在介绍要点时使用标题 。标题应该比其他文字更大更醒目，清楚地标明信息中最重要的部分。小标题可以介绍辅助信息。
• 使用较大、较粗的文字自然地吸引注意力。较小的文字可以根据需要添加上下文。
• 对比色能让重要元素脱颖而出。用最大胆的颜色突出最重要的 CTA，与背景形成鲜明对比。但不要过度使用这种颜色，否则会失去效果。
• 图片和留白可以引导读者关注重要信息。
• 以箭头为特色的图标也可以帮助读者了解首先要看什么，或者下一步要看什么。

10. 谨慎选择字体

在为电子邮件选择字体时，必须在品牌塑造和可读性之间取得平衡。不过总的来说，我们认为可读性更胜一筹–这在很大程度上受到字体选择的影响。

• 对于标题和较短的文本块，应选择无衬线字体，这些字体简洁、现代，在大多数屏幕上都能清晰显示。这些字体在小剂量和大尺寸下往往最易辨认，因此非常适合标题和其他吸引眼球的片段。
• 对于较长的段落，衬线字体通常更容易阅读。这就是为什么许多报纸和杂志在较长的文字中使用衬线字体的原因。

除了选择正确的样式外，您还要优先考虑网络安全字体，它们在大多数网络浏览器、电子邮件客户端和操作系统中都得到了广泛支持。使用网络安全字体可以确保您的电子邮件看起来与您的预期一致，无论它们是在 Gmail、Outlook 还是其他任何流行服务中打开。

常用的网络安全无衬线字体包括

• Arial
• Helvetica
• Verdana
• Tahoma
• Lucida Sans
• Geneva
• 微软雅黑
• 阿里巴巴普惠体
• 思源黑体
• 方正黑体

常见的网页安全衬线字体包括

• Times New Roman
• Garamond
• Georgia
• 宋体
• 仿宋
• 楷体
• 新宋体

11. 字体大小在 10 到 16 点之间

字体大小与字体风格同样重要。它也是品牌与平衡的混合体。

虽然电子邮件中的字体大小没有严格的标准，但最好将字体保持在 10 点以上， 因为小于 10 点的字体可能难以阅读。

另一方面，16 点也是一个不错的大字体尺寸，但任何超过这个尺寸的字体都有可能在某些电子邮件平台上显示失真或破坏你的设计。

重要的是要记住，可访问性指南建议至少使用 16 点字体。为了找到最合适的字体，我们强烈建议您尝试不同的字体大小，看看哪种字体最适合您在不同平台、设备和屏幕阅读器上的典型电子邮件风格。

12. 考虑颜色的影响

颜色当然会影响人们对您的电子邮件的看法。

颜色不仅有助于塑造您的品牌，还能影响可读性，并让收件人了解内容的层次结构。

在电子邮件中使用颜色时，请考虑您想要表达的基调。许多网站（Facebook、戴尔等）都使用蓝色，这可能会引起信任，而黄色可以提升情绪，绿色可以带来平和，黑色可能会帮助您传达更阴郁（或奢华）的信息。

如何搭配使用色彩也很重要。如果您想了解 40 种不同的色彩搭配方法，以清晰明了地传达您的信息，请不要错过我们最近发布的网站配色指南。

13. 别忘了暗黑模式

电子邮件平台 Litmus 发现，在使用苹果电子邮件的用户中，约有 35% 的人在暗黑模式下查看电子邮件（而且还在增加）：这种设置会将收件人在设备上查看的所有内容的配色方案变暗。

许多电子邮件客户端都尝试自动调整电子邮件的暗色模式，但这一过程并不总是完美无缺的。为确保您的电子邮件在明暗两种设置下都能呈现出最佳效果，请考虑以下几点：

• 使用透明的 PNG，因为这些图像没有背景。通过使用透明的 PNG，可以避免邮件从亮到暗的过渡过程中出现突兀的背景对比。
• 用白色勾勒黑色徽标，因为如果徽标的一部分是黑色的，它就会与深色背景融为一体，看起来非常糟糕。为了避免这种情况，可以在黑色元素周围添加一个小的白色边框。这样，在暗色模式下，黑色元素清晰可见，而在白色背景下，黑色元素仍能完美融合。

• 为两种调色板优化颜色意味着按钮、链接、图标和其他地方的颜色在暗色模式下看起来可能与你习惯的完全不同。为避免出现对比度差、颜色花哨或可读性问题，请考虑将色调稍作调整，以确保它们在所有模式下都能让人一目了然。
• 测试 测试 测试 为暗色模式设计好电子邮件后，测试其渲染效果非常重要。给自己发送一封测试邮件，并在不同的邮件客户端上检查其在明暗两种模式下的外观。

14. 易读的电子邮件副本是关键

由于电子邮件是品牌的延伸，因此电子邮件无障碍设计与网站无障碍设计同样重要。

以下是一份确保您的电子邮件美观且适合所有受众阅读的小抄：

• 确保重要信息（促销代码、日期、时间和 CTA）至少以文本形式呈现一次，而不是只嵌入图片中。这样可以确保所有收件人，包括使用屏幕阅读器或禁用图片的收件人，仍然可以访问重要内容。
• 对图片使用 alt 文本。如果订阅者关闭了图片，替代文本仍能提供上下文并传达信息。
• 为了清晰易读，建议字体最小为 16 点。
• 文本向左对齐 ，因为左对齐的文本比居中的段落更容易阅读，居中的段落会扰乱读者的阅读流程。
• 字母和行距太近会降低可读性，因此要在它们之间留出足够的间距。
• 仅仅依靠颜色来表达所有意思可能会让色盲者感到困惑。此外，大多数屏幕阅读器无法解读颜色。因此，除了使用颜色外，还要使用文字和图标来传达信息。
• 通过营造强烈的色彩对比，让文字在背景中显得更加突出。建议对比度至少为 4.5:1，以确保所有用户的可读性。

如果你以前从未检查过设计的对比度，网上有很多有用的免费工具，比如 WebAIM 提供的工具。

15. A/B 测试和迭代

确保电子邮件设计成功的最关键步骤之一是进行 A/B 测试。

这一过程包括创建两个版本的电子邮件，并分别发送给订阅者列表的不同部分。通过分析结果（如打开率、点击率或转化率），您可以确定哪个版本更能引起受众的共鸣。

让我们来介绍一下进行电子邮件 A/B 测试的快速而又简单的步骤：

第 1 步：确定测试内容。每次只关注一个元素，如电子邮件副本布局、图片数量或 CTA 按钮颜色。这样，您就能隔离每一个变化的影响。

第 2 步：细分。将订阅者列表分为两个相等的组别，以便进行公平比较。确保两组都能代表您的总体受众。

第 3 步：设定目标。确定成功的样子。您的目标是更多的打开率、更高的点击率还是更高的转化率？有了明确的目标，你的分析就有了方向。

第 4 步：分析结果。邮件发送完毕后，根据目标比较各项指标。确定哪个版本的表现更好，以及为什么。

第 5 步：总结经验。将获胜元素应用到未来的电子邮件设计中，并继续测试其他组件，以不断改进。

良好的电子邮件设计示例

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

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

欢迎电子邮件

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

Ipsy

来自Ipsy的欢迎电子邮件

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

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

Under Armor

来自Under Armour的欢迎电子邮件

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

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

Beefree.io

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

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

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

佩洛顿

来自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

Shuka Design Bureau的通讯

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

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

Email on Acid

来自Email on Acid的时事通讯

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

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

Increment

来自Increment的时事通讯

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

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

假期电子邮件

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

BarkBox

来自BarkBox的生日快乐电子邮件

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

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

Gantri

来自Gantri的假日电子邮件

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

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

Judy

来自Judy的国际妇女节电子邮件

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) 开头——“一种在营销中使用视频的新方法”。我们也喜欢这样：

• Typeform展示了其视频营销的示例
• 电子邮件使用可访问的字体
• 图像使用层次结构来抓住读者的眼球

销售电子邮件

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

GoPro

GoPro的销售电子邮件

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

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

MCM

来自MCM的新产品电子邮件

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

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

Modern Mammals

Modern Mammals的新产品电子邮件

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

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

推荐和评论电子邮件

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

G2

查看来自G2的电子邮件

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

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

Target

立即查看来自Target的电子邮件

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

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

Bite

查看来自Bite的电子邮件

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电子邮件生成器

优点：

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

缺点：

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

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

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

优点：

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

缺点：

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

3. 创建定制设计

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

优点：

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

缺点：

• 设计软件很昂贵
• 非常耗时
• 你需要强大的设计背景

成功网站和电子邮件营销的 4 个更多资源

还在寻找更多实现电子邮件和网站设计卓越性的方法吗？

我们汇集了一些我们最喜欢的资源，帮助您在网络营销领域取得更大的成功：

• 如果您想重温网页设计或首次学习速成课程，请不要错过《网页设计的七大基本要素》。
• 正在考虑是否该进行数字升级？是时候重新设计网站了吗？了解网站重新设计的 7 种方法
• 决定网站需要翻新？让我们在网站重新设计清单中为您提供指导。
• 设计并不是 一切。可送达性也是电子邮件营销成功的关键。WP Mail SMTP 为 WordPress 用户提高了电子邮件的可靠性。

小结

截至2023年，全球电子邮件用户超过43.7亿，每分钟收发电子邮件2.4亿封。自然，在订阅者的收件箱中脱颖而出是很棘手的。

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

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

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