快好知 kuaihz

浅谈电子邮件页面(EDM)的制作

电子邮件页面(EDM),就是能通过邮件形式发给对方的网页。相比普通邮件,网页邮件更能夺人眼球,精心设计的网页邮件,能在很短时间内将你要传达的信息灌输给接收者。

我们在做邮件页面的时候,都希望用户打开邮箱后看到我们发给对方是一个完整的网页页面,但是邮箱对HTML页面的渲染与在浏览器中的渲染不同,渲染能力小了很多,在浏览器中正常显示的效果,在邮件中却会出错,或者无法渲染。

首先我们看下时下邮件客户端对HTML和CSS的支持(图):

由于邮箱客户端系统对css的支持存在天壤之别,那么为了尽量减少邮件页面在用户端出现错误,我们要注意以下几点:

1、文件内容编码要是UTF-8;

2、不包含图片或者flash的页面应控制在10k以内,含图片的大小应控制在30k-120k以内;

3、邮件页面的宽度一般保持在600px至800px之间,推荐宽度为650px或者600px,邮件的高度没有具体要求,应以邮件内容多少而定,建议最长不要超过1200px,即 2.5屏,否则必须修改;

4、布局要用表格布局,不要用div,css样式要把样式写入html标签内部,不 要引入外部样式文件,也不要写在

间,table如果里有margin:0 auto;这个样式不管用,建议写成具体数字如margin:0px 15px;邮件内容居中时,在table里设定align=”center”,字体和字号最好定义在每个table里的td里;

5、不要在邮件中插入任何的Javascript、Flash以及一些特特殊标签(如:marquee)绝大部分邮件客户端会屏蔽Flash和Javascript,以及一些特殊标签和属性;如果有动画效果就用gif图片,最好控制在3个以内;

6、不要使用背景图片background-image属性,在多数在线邮件客户端会被屏蔽,尽量使用纯色背景;

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:浅谈电子邮件页面的制作  电子邮件  电子邮件词条  页面  页面词条  制作  制作词条  EDM  EDM词条  
设计

 我们能从Google的全新UI中...

2011年网站变化最显著的就是Google,其一系列产品启用了全新的用户界面。这篇文章将探索决定Google用户界面设计背后的思维过程,或许我们能从中学到值得借...(展开)

设计

 如何设计好消费向app产品

上周邀约做了一次直播分享,分享结束之后我发现有很多东西应该没有讲清楚(因为一个人在家对这电脑直播尬聊实在是一件体验很不好的事情),所以写了一篇文章来描述一下我的...(展开)

设计

 如何设计推荐系统标注标签体系?

标签是内容分析的基础,代表了对视频质量的把握和内容的理解,同时,标签也是反映用户兴趣的重要数据源,这些都为个性化推荐提供了最基本的特征。那我们要怎么才能设计好一...(展开)