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