因为都采用HTML标准制做WEB页面和邮件页面,因此不少设计师以为邮件页面和普通WEB页面的设计是同样的。但实际上并不是如此,这里的主要缘由在于邮件的客户端软件对HTML页面的解析原则不一样,流行的HTML设计技术在邮件解析的过程当中可能出现不少错误。安全
因为页面信息承载能力丰富,且互动方便,如今的商业邮件,几乎都采用HTML方式来制做。于是,许多页面设计师以为商业邮件的页面设计和网站的页面设计几乎没什么不一样。但事实上并不是如此,这里的主要缘由在于WEB页面强调用户体验,所以能够支持更为复杂的设计技术。可是邮件页面因为受到邮件客户端软件的安全性的局限,以及反垃圾邮件机制的约束,不少用于页面设计的技术若是应用在邮件页面的设计中,则能带来很大的负面效果,包括页面格式错乱、显示乱码、被邮件运营商拒收等多种状况。这样,商业邮件的发送目的就没法实现了。优化
那么邮件页面的设计与网页页面设计有哪些不一样呢?网站
邮件页面
|
网站页面
|
类似性
|
|
尺寸
|
600像素之内
不管使用Outlook这样的邮件软件,仍是经过Web方式登陆邮件系统,邮件正文页面所占有的屏幕宽度是有限的,所以过宽的页面设计,将形成浏览邮件的不变,使收件人感到不喜欢,影响内容信息的传递spa
|
980象素左右
随着显示屏分辨率广泛在1024象素以上,页面的宽度也广泛调整为980像素左右的宽度设计
|
不一样
|
页面长度
|
1.5屏之内
邮件内容过多,将削弱核心信息的印象,与此同时,过长的邮件正文形成代码容量过大,易被认定为垃圾邮件。图片 通常来讲25K之内的邮件大小较为合适。ci
|
3屏之内
页面长度根据内容肯定,访问者对页面长度并不十分敏感table
|
可相同
|
图片数量
|
少为宜
尽可能使用较少的图片,过多的图片会被邮件运营商认定为垃圾邮件而拒收。class 因为大图片下载和显示的时间较长,所以不少设计师习惯切割成不少小图来加快显示速度,但这种方式不适合于邮件设计登录
|
多为宜
多图,美化了页面效果,同时大图片的切割显示技术令网页呈现速度快,
|
不一样
|
DIV+CSS设计技术
|
不能用
出于安全和反垃圾邮件机制的缘由,邮件软件通常在用户许可前,不显示图片,所以采用这些流行页面设计技术来制做邮件,会形成页面格式的混乱。 所以,邮件设计最好采用Table设计
|
适合用
这些技术能使得页面作的更灵活,优化了页面体验和观感,
|
不一样
|
脚本
|
不支持
出于安全的考虑,邮件系统不支持脚本设计,所以表单、Flash、音频等素材,不能在邮件页面中设计
|
支持
|
不一样
|
连接
|
绝对连接地址
因为邮件软件系统解析的问题,相对的连接地址可能形成图片没法准确显示,所以在邮件设计中,必定要采用绝对连接地址的方式来设计。 其次图片连接最好不要使用标签,易被断定为垃圾邮件
|
相对连接地址
支持相对连接地址
|
不一样 |