移动互联网的兴起催生了响应式设计的诞生和兴起。几乎所有的营销渠道都与“移动”一词捆绑在一起，电子邮件营销也不例外。大多数电子邮件通过移动设备打开阅读，这将在未来几年继续增长。同时，至少50%的移动用户会选择关闭或删除非个性化的电子邮件。电子邮件营销未来的演变深刻地反映了它是否有能力适应互联网时代的快速变化。
响应式设计是指根据用户行为和设备环境（系统平台、屏幕尺寸、屏幕定位等），创建页面的图片排版尺寸，并智能地进行相应的布局。在电子邮件呈现中，通过页面隐藏、折叠和扩展，为用户带来舒适的移动阅读体验。Webpower将推荐响应式电子邮件制作过程中的十个关键点。
1.邮件布局
始终记住“响应”这个词，尤其是在设计阶段。从移动设计的概念出发，创建一个移动的视觉版本，并尽可能保持简单和有序。图像或复杂的设计越多，交付就越困难，移动用户可能无法收到此类电子邮件。
2.坚持单行索引
建议选择单行索引的设计布局，以尽可能简化邮件优化过程。这并不意味着多行索引设计不能在移动设备上正常显示或运行，但如果需要同时满足PC端和移动自适应性，相关技术难度可能会大大提高。
3.文本左对齐
相关视觉跟踪研究表明，西方用户的大部分注意力集中在电子邮件内容的左侧。当然，一些操作系统，特别是Android，无法衡量内容的实际宽度以适应屏幕，因此只能显示电子邮件的左半部分。从人体工程学的角度来看，大多数用户更容易浏览屏幕左下角和中间的电子邮件内容。
4.顶层内容
简化屏幕确实在一定程度上改变了电子邮件设计规则。在制作电子邮件时，象征性的CTA购买按钮应尽可能靠近顶部。如果用户不能立即看到它们，它们可能永远不会被看到。
5.Media Queries特性
Media Queries是响应设计中最重要的部分。它不仅用于网站响应，还用于电子邮件的布局，将电子邮件改为适应移动设备显示的版本。不同类型的移动设备有不同的media Queries特性，即根据屏幕分辨率锁定热门设备进行个性化投递。
6.尺寸大小
根据苹果的指导，链接和按钮的大小应控制在44*44像素以上。无关紧要的链接和按钮是移动设备显示中最无用的设计。此外，字体大小可保持在17-21像素范围内，最佳字体大小为19像素。
7.精简内容
并非所有的邮件内容都很重要。在创建响应设计时，选择邮件中最重要的信息点，以避免过度拥挤的移动信息。营销人员需要注意保持邮件内容简洁明了，小屏幕意味着营销人员比以往任何时候都更注重与用户的有效互动。屏幕的使用变得特别珍贵。设计师应在电子邮件中隐藏次要内容，以确保用户能够关注重要信息，并突出显示优先级内容。
8.考虑完整性
当您减少移动用户的设计时，不仅要关注页面布局，还要考虑电子邮件的完整性。营销人员应该考虑电子邮件的每个部分是否适合在移动终端上显示，这将给设计师更多的电子邮件设计空间。
9.响应图片
移动设备在加载项目时通常比PC设备慢。电子邮件中的各种元素需要同时升级移动阅读体验。除了文本和布局设计外，图像也是一个不容忽视的环节。移动终端上显示的所有内容都应具有响应性设计的前提。
10.测试
市场上有许多免费的在线工具来测试移动设计，并在不同尺寸的移动设备上提供设计预览。在正式发送电子邮件之前，使用这些在线工具进行仔细调整，以避免错误，提高移动用户的阅读体验。
Media Queries特性 响应式图片 坚持单行索引 尺寸大小 文本左对齐 测试 精简内容 考虑完整性 邮件布局 顶层内容
