基础
第一步是有效的电子邮件模板。基本原理包括：
- 布局。单列设计最容易针对移动设备进行优化。
- 文本和图像。根据我的经验，最好的电子邮件大约包含 60% 的图像和 40% 的文本。
- 布局。400 到 600 像素的宽度可以在所有设备上呈现良好的效果。长度可能因消息而异，但较长的电子邮件会增加加载时间。
- 字体。坚持使用流行字体，如 Arial、Calibri、Georgia、Times New Roman 和 Verdana。较少使用的字体无法在所有电子邮件程序中正常运行。
- 大小：将文件大小保持在 100 KB 以下。大小越小，电子邮件的加载速度越快，收件人阅读内容的可能性就越高。
- 代码。电子邮件必须在所有设备（台式机、平板电脑、智能手机）上都能良好呈现。目前，智能手机占所有打开次数的 75%。避免可能触发垃圾邮件过滤器的过多 HTML 或标签。使用纯文本编辑器复制和粘贴文本，而不是 Microsoft Word 或类似编辑器，这可能会导致隐藏的格式错误。切勿包含 JavaScript 或 Flash，因为电子邮件客户端不支持它们。并避免嵌入表单。
- 监管要求。在页脚中包含取消订阅链接和贵公司的实际邮寄地址 - 美国反垃圾邮件法案要求两者兼而有之。
总体设计
营销电子邮件应该简单、干净且易于阅读。
- 标题、副标题和空白有助于组织消息。隔离号召性用语以脱颖而出。
- 桌面上的字体应不少于 12 至 14 像素，智能手机上的字体应不少于 16 像素。
- 颜色。越少越好——不超过三个。
设计应始终支持四个 W：
- 电子邮件来自谁。
- 为什么它与收件人相关。
- 当接收者应该采取行动时。
- 接下来做什么。
这四个要素传达得越清楚，转化的机会就越大。
图片
- 宽度。图像可以比模板宽（为了获得更高的分辨率），然后使用图像属性或 CSS 缩小尺寸。
- 当图像未加载或被用户阻止时，将显示替代文本。因此，替代文本应仔细描述图像，以帮助用户理解其用途。
- 包括人。根据我的经验，包含人物的图像比不包含人物的图像效果更好。
- 关联性。确保图像支持电子邮件的目的。
视频和 GIF
视频和动画 GIF 可以鼓励点击。但并非所有电子邮件客户端都支持模板本身的视频流。这包括 Outlook 和 Gmail。最好的解决方法是包含一个覆盖有播放按钮的图像，该按钮链接到网络托管的视频。（但是，大约一半的电子邮件提供商支持嵌入式 HTML5 视频。）
Everlane 在这封电子邮件中的图像顶部显示了一个播放按钮。单击该按钮会将用户带到托管视频。
—
所有电子邮件客户端都支持动画 GIF。但请将文件大小保持在 1 MB 或更小。
所有电子邮件客户端都支持动画 GIF，例如星巴克的示例。
移动优化
响应式电子邮件设计将自动调整模板以适应收件人的设备。其他有用的移动实践包括：
- 号召性用语按钮应足够大，可以用手指点击（至少 44 x 44 像素，最小字体大小为 16 像素），并且尽可能靠近顶部。
- 仅单列格式。
- 行距至少比字体大小大 1.5 倍，以创建足够的空白。
- 徽标应位于顶部中心或左上角。
文章翻译自：Practical Ecommerce ;原文链接：https://pec-ly.com/?44Bu