多年来,电子邮件设计一直落后于网站设计。很大程度上,这是因为电子邮件客户端没有根据不断变化的数字设计环境(尤其是响应式设计的兴起)进行快速优化。
然而,在过去五年中,电子邮件客户端已开始支持最初为网络保留的功能。最值得注意的是,2016 年宣布Gmail 现在将支持嵌入式 CSS 和媒体查询 - 两种支持响应式设计的工具。
电子邮件设计师终于有机会将网络开发人员在过去二十年中学到的现代设计知识运用到电子邮件中。以下是电子邮件设计师可以向网络开发人员学习的内容。
确保响应式设计,尤其是在移动设备上
2019 年,移动设备上打开的电子邮件数量超过了 韩国电报数据 桌面设备。如今的电子邮件设计师必须优先考虑电子邮件在移动设备上的呈现方式,同时又不能牺牲桌面或平板电脑上的可读性。
这就是响应式设计的用武之地。响应式设计意味着您的设计将适应阅读设备的屏幕尺寸和分辨率。
我们建议遵循网站开发人员的示例,为每封电子邮件(或每个电子邮件模板)创建三个不同的线框:一个用于移动设备,一个用于桌面,一个用于平板电脑。
然后,使用媒体查询根据屏幕尺寸等因素告诉布局如何呈现,或者对不支持媒体查询的电子邮件客户端使用流体方法。
让我们看看区别。无响应的电子邮件在移动设备上可能会显示难以阅读的小文本: