当前位置:首页 > 其它 > 正文内容

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

鸥啼网5年前 (2020-07-14)其它630

移动互联网的崛起,催生了响应式设计的诞生与兴起。几乎所有的营销渠道都与”移动化”这一词汇捆绑,电子邮件营销也不例外。大部分电子邮件通过移动设备打 开阅读,这一比例将在后续几年内继续增长。同时,至少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)

扫描二维码推送至手机访问。

网站部分内容来自网络转载,如有侵权请联系我们删除。

本文链接:https://www.ourtrade.net/1339.html

“制作响应式邮件设计的十个超赞妙招” 的相关文章

告诉你什么样的英文才叫native!

告诉你什么样的英文才叫native!

【分享导读】很多同学的英语水平并不差,但却经常羞于表达害怕交流。常常不自信,生怕说错话用错词。以下为大家整理的全部都是英语口语精华!记住这些表达方法,与外国朋友们PK口语吧! 1. I wasn't born yesterday.(我又不是三岁小孩) 2. How do I address yo...

Photoshop混合模式超强去水印方法

Photoshop混合模式超强去水印方法

原图——美女被盖上一个复杂的水印。如果能够去掉,那将是一件多么激动人心的事! 结果——还原的非常干净! 这个教程的前提,是你要有那个水印的原图。否则一切都是空谈。当然。大多情况下,图片水印都是某网站的LOGO或网址之类的,我们是有可能得到的。 首先需要理解一下两个图层不透明度的混合原理:a×...

外贸人最常用的21个英语句子

外贸人最常用的21个英语句子

    1.Your T shirts can find a ready market in the eastern partof our country. 贵国的T恤在我国东部市场很畅销。      2.We all understand that Chinese shippers are...

谷歌推企鹅算法4.0,这是电商卖家的好消息?

谷歌推企鹅算法4.0,这是电商卖家的好消息?

雨果网从美国媒体近日的报道中了解到,谷歌在9月23日宣布推出企鹅4.0搜索算法信号更新。 被企鹅搜索算法惩罚的电商卖家将能更快地解决他们的问题。 谷歌在2012年推出企鹅算法用于分辨并惩罚那些利用谷歌搜索算法操纵搜素排名的网络零售商和网站。比如,企鹅算法惩罚使用关键词堆砌的网络零售商...

跨境电商如何玩流量?

跨境电商如何玩流量?

文/顾小北 创业维艰,共敬你我! 对于任何一个互联网公司来说,流量就是公司的命脉! 我发现一个很有意思的特点就是,深圳,广州这些靠近产品线的地方,大部分人是做平台的,而类似福建,江浙等远离产品线,远离供应链的地方,大部分玩的是自建站! 那么这就会催生出昨天我说的一个现象,如...

资深大卖:教你如何为产品选择合适的关键词?

资深大卖:教你如何为产品选择合适的关键词?

如何为产品选择合适关键词? 为产品选择合适关键词,有个流程: 1.根据产品,抠出对应主体关键词,一般是大词,这些词搜索量都很大。 2.根据这个主体关键词,通过各种关键词工具抠出主要流量关键词,这些词接近你的产品特性的。 3.再进一步根据产品特性,细分存在可以提供转化的有流量的关键词...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。