制作响应式邮件设计的十个超赞妙招

移动互联网的崛起，催生了响应式设计的诞生与兴起。几乎所有的营销渠道都与”移动化”这一词汇捆绑，电子邮件营销也不例外。大部分电子邮件通过移动设备打 开阅读，这一比例将在后续几年内继续增长。同时,至少50%的移动用户会选择关闭或删除并非个性化的电子邮件。未来电子邮件营销的进化深度反映着其是否具 备适应互联网时代瞬息万变的能力。

响应式设计指集中创建页面的图片排版大小，智能地根据用户行为以及使用的设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相对应的布局，在邮件呈现上，通过页面隐藏、折叠、扩展，为用户带来舒适的移动阅读体验。Webpower将为大家推荐制作响应式邮件过程中的十个关键要点。

1.邮件布局

始终都要牢记“响应式”这一词汇，特别是在设计阶段。从移动设计的理念着手，创建移动化的视觉版本，尽量使其保持简洁有序。越是繁多的图像或复杂的设计，往往越难送达，移动用户可能无法收到此类邮件。

2.坚持单行索引

建议选择单行索引的设计版式，以促使邮件优化过程尽量简单化。这并不是说多行索引设计无法在移动设备上正常显示或运行，只是如果需要同时满足PC端和移动自适应，相关技术难度可能会提升不少。

3.文本左对齐

有相关视觉跟踪研究表明，西方用户的大部分注意力集中在电子邮件内容的左边部分。当然有些操作系统，尤其是安卓系统，无法衡量内容实际宽度以适应屏幕，因此只能显示邮件的左半部分。从人体工程学的角度，大多数用户更容易浏览到屏幕左下角及中间位置的邮件内容。

4.顶层内容

简化屏幕在一定程度上确实改变了邮件设计规则。在制作邮件时，具有象征性的CTA购买按键应尽可能靠近顶部位置，如果无法被用户立即看到，它们有可能永远不会被看到。

5.Media Queries特性

Media Queries是响应式设计中最重的一部分，它不仅被运用于网站响应，而且还能用于电子邮件的布局，使邮件改变成适应移动设备显示的版本。不同类型的移动设备具有不同的Media Queries特性，这意味着将根据屏幕分辨率锁定热门设备进行个性化投递。

6.尺寸大小

根据苹果公司的指导建议，链接和按钮的尺寸应当控制在44*44像素以上。在移动设备显示上，不起眼的链接和按钮是最无用的设计。另外，字体大小可保持在17-21像素范围内，最佳字体大小则为19像素。

7.精简内容

并不是所有的邮件内容都是重要的。不妨在创建响应式设计时，选择邮件中最重要的信息点显示，避免过分拥挤的移动信息。营销人员需要注意保持邮件内容简洁明 了，小屏幕意味着营销人员将比以往任何时候都重视与用户的有效互动。而屏幕的运用变得尤为珍贵，设计人员应在邮件中隐藏次要内容，保证重要信息能够被用户 关注，突出显示优先级的内容。

8.考虑完整性

当你在为移动用户缩减设计时，不要仅仅只关注页面布局还需要考虑邮件完整性。营销人员应考虑邮件中的每一个部分是否适合在移动端显露，这将给予设计人员更大的空间进行邮件设计。

9.响应式图片

移动设备在加载项目时通常比PC设备慢，邮件中各类元素需要同时升级移动阅读体验，除了文字、版式设计等，图像也是不容忽视的一环，所有在移动端显示的内容都应具备响应式的设计前提。

10.测试

市面上现在有许多免费的在线工具以测试移动设计，提供在不同尺寸大小的移动设备上的设计预览。不妨利用这些在线工具在正式发送邮件前细心调整，避免错误，提升移动用户的阅读体验。

(文/webpower)