标签: 手机

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

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

邮件学习园地 • 2016.11.22

起床一睁开眼睛就迫不及待从枕头旁拿起手机?嗯...好吧,其实...这就是我的真实写照,现今,手机已经成为我们生活重要的一部份,Litmus 统计显示有近 56% 邮件通过移动设备开启,其他依次是 22% 网页版、17% 桌上型,这数据再次证明了响应式邮件的重要性。若你已经制定好营销策略,也不妨看看以下建议。 首先得先找出收件人最常使用何种移动设备开启邮件。当然通过 Benchmark 分析报告可以追踪收件人最常使用何种设备开启邮件,然后再继续制定你的营销策略。 准备好了吗?那就開始吧! 无处不完美 响应式设计是目前邮件营销最强的趋势,换言之,邮件若是采用响应式设计,那么不论收件人是通过哪种装置查看邮件,都能呈现完美的排版。Benchmark 恰恰提供这样一款编辑器,只要使用该编辑器创建的邮件,均为响应式邮件,发件人不需要担心邮件跑版。 [caption id=\"attachment_2310\" align=\"aligncenter\" width=\"1400\"] 以下是邮件自动依不同移动设备适应呈现的样子。[/caption] 主题栏 主题长度也大大影响邮件的开启率,而不同的服务商(iOS、Gmail、Yahoo 等等)也有不同的字数限制,桌上型通常显示约 60 字符,移动设备约 25~30 字符,因此建议将主题控制在 40 字符以内,而且主题必须清晰又能立即吸引收件人目光。 [caption id=\"attachment_2311\" align=\"aligncenter\" width=\"1400\"] 精心设计主题[/caption] 清晰明了的 CTA CTA 的位置最好显而易见,能依据不同装置自动适应,最好置于邮件最上方,让收件人开启邮件后能立即看到,另外 CTA 的用语也必须清楚传达要收件人采取的动作。 [caption id=\"attachment_2312\" align=\"aligncenter\" width=\"1400\"] 清晰明了的 CTA[/caption] 字体大小适中 对一些人来说,用台式电脑阅读字体大小为 12 px 的邮件已经有些吃力,更别说是用手机浏览,因此,必须确定邮件段落与 CTA 在小屏幕中也能清晰易读。 图片 图片也是邮件中的重要元素,要特别注意,图片若超过 100 KB 将增加邮件下载时间,因此图片不宜过大,另外,还有一点,部分收件端会自动显示认可发件人所发送的邮件图片,其他可能必须手动点选显示,邮件图片才会完整呈现。 如何优化在移动设备的邮件图片 如果碰到上述遇到的问题,可以善用图片属性文字 (Alt 文字替换),若使用 Benchmark 拖拉式编辑器,你可以点选图片区块,加入 Alt 文字 。利用简短的文字描述替代无法显示的图片。 切记不要在 Alt 文字加入 CTA 信息,以文字为主、图片为辅的方式设计邮件。 图片宽度不得超过 600 px,这样即便不是响应式邮件,图片也能够在移动设备完整呈现。 [caption id=\"attachment_2313\" align=\"aligncenter\" width=\"1400\"] 确保图片在移动设备完美呈现[/caption] 总结 看完以上 5 个要点,是不是觉得设计响应式邮件易如反掌呢?若你有任何问题,或者其他小秘诀的想要分享,欢迎在下面留言。


浏览更多