我该如何设计响应式邮件？

起床一睁开眼睛就迫不及待从枕头旁拿起手机？嗯…好吧，其实…这就是我的真实写照，现今，手机已经成为我们生活重要的一部份，Litmus 统计显示有近 56% 邮件通过移动设备开启，其他依次是 22% 网页版、17% 桌上型，这数据再次证明了响应式邮件的重要性。若你已经制定好营销策略，也不妨看看以下建议。

首先得先找出收件人最常使用何种移动设备开启邮件。当然通过 Benchmark 分析报告可以追踪收件人最常使用何种设备开启邮件，然后再继续制定你的营销策略。

准备好了吗？那就開始吧！

无处不完美
响应式设计是目前邮件营销最强的趋势，换言之，邮件若是采用响应式设计，那么不论收件人是通过哪种装置查看邮件，都能呈现完美的排版。Benchmark 恰恰提供这样一款编辑器，只要使用该编辑器创建的邮件，均为响应式邮件，发件人不需要担心邮件跑版。

Responsive Design
以下是邮件自动依不同移动设备适应呈现的样子。

主题栏
主题长度也大大影响邮件的开启率，而不同的服务商（iOS、Gmail、Yahoo 等等）也有不同的字数限制，桌上型通常显示约 60 字符，移动设备约 25~30 字符，因此建议将主题控制在 40 字符以内，而且主题必须清晰又能立即吸引收件人目光。

Subject lines well-crafted for mobile.
精心设计主题

清晰明了的 CTA
CTA 的位置最好显而易见，能依据不同装置自动适应，最好置于邮件最上方，让收件人开启邮件后能立即看到，另外 CTA 的用语也必须清楚传达要收件人采取的动作。

A simple and easy-to-click CTA.
清晰明了的 CTA

字体大小适中
对一些人来说，用台式电脑阅读字体大小为 12 px 的邮件已经有些吃力，更别说是用手机浏览，因此，必须确定邮件段落与 CTA 在小屏幕中也能清晰易读。

图片
图片也是邮件中的重要元素，要特别注意，图片若超过 100 KB 将增加邮件下载时间，因此图片不宜过大，另外，还有一点，部分收件端会自动显示认可发件人所发送的邮件图片，其他可能必须手动点选显示，邮件图片才会完整呈现。

如何优化在移动设备的邮件图片

如果碰到上述遇到的问题，可以善用图片属性文字 （Alt 文字替换），若使用 Benchmark 拖拉式编辑器，你可以点选图片区块，加入 Alt 文字 。利用简短的文字描述替代无法显示的图片。
切记不要在 Alt 文字加入 CTA 信息，以文字为主、图片为辅的方式设计邮件。
图片宽度不得超过 600 px，这样即便不是响应式邮件，图片也能够在移动设备完整呈现。
Using images while keeping mobile in mind.
确保图片在移动设备完美呈现

总结
看完以上 5 个要点，是不是觉得设计响应式邮件易如反掌呢？若你有任何问题，或者其他小秘诀的想要分享，欢迎在下面留言。