电子邮件模板设计.docxVIP

电子邮件模板设计 　　篇一：邮件模板的设计要求 　　邮件模板的设计要求  　　1. 邮件宽度：目前比较流行的邮件宽度大多为600像素，和650像素，笔者个人认为650像素比较好，如果邮件分三栏，可以分为三个210像素的内容栏和两个10像素分隔线；如果邮件是两栏的话，可以分为320的内容栏和10像素的分隔栏，这样邮件页面看上去会比较整齐美观。  　　2.邮件的高度：邮件的高度一般来说没有具体的要求，基本以邮件内容多少而定。但是，我们建议邮件的高度最好超过1200像素，即  　　屏。冗长的网页很可能降级客户阅读邮件的兴趣，并且过多的内容也会影响的主题的突出性。  　　3.邮件的大小：EDM正文的html文件大小(不包含图片或者flash)最好控制在10k以内，图片的大小最好控制在120k以内。这样可以缩短下载邮件的时间，并且避免客户退订邮件。  　　4 .禁止使用脚本  　　1)一般邮件不支持任何脚本语言：多数邮件客户端软件和webmail中默认不支持任何脚本语言;  　　2)邮件中不能使用分帧页面和I-frame。  　　5. 包含Flash或流媒体格式文件的邮件设计要求;  　　需要同时设计一张与该flash或流媒体格式文件内容风格相同、同样尺寸的静态图片(.jpg或者.gif)，并且设置为flash或流媒体格式文件所在的表格的背景图片，并提示用户：该部分设计为flash(或流媒体)格式，请点击邮件上端链接，观看在线版本。  　　6 禁止使用外联样式表。  　　7 客户应取得邮件当中所需使用的声音、图像以及其他内容的版权。  　　3. 设计建议：  　　1).对于页面中的图片，建议将超过15k的图片分割成小图片，以保证下载图片过程的顺畅;  　　2). 图片个数不宜过多，建议在20个以内，Gif动画文件个数控制在3个以内;  　　3)..建议尽量少使用背景图片，复杂的背景图片不利于文字内容的浏览;  　　4).能够使用系统文字应尽量避免使用图片文字以减少文件大小;  　　5).网页上使用的中文系统文字的最小字号应保证在12像素，并且使用系统默认的宋体或黑体，避免使用其它的中文字体;  　　6)使用音效时，音量应从小逐渐放大到正常音量;同时应设置简单、方便的打开/关闭按钮;  　　7) 邮件的设计重点在上半部，以吸引阅读者的注意力; 　　篇二：电子邮件模板制作规范和设计问题 　　电子邮件模板制作规范和设计问题[转]  　　1,图片样式与背景图片颜色使用  　　模板尽量不要使用背景图片。背景图片在某些邮件客户端或或web界面中默认不显示。模板中每张图的地址都一定要用绝对地址，否则会不显示；每张图都要指定alt属性，可以在图片被拦截的时候显示图片的内容；每张图都要指定width宽度、height高度，在图片被拦截的时候，不会因图片大小无法读取而被打乱布局。body中不要设定背景色，不然在转发邮件的时候，转发人写的信息背景色都会变为被转发邮件的背景色，影响浏览。如果一定要给邮件模板设定整体背景色，请在模板文件最外面加一个table，设定此table的背景色。  　　在切割模板的时候，要注意限制图片的大小和数量，不要为了效果使图片过大，会使邮件接收者打开过于缓慢，甚至直接关闭邮件。更不要完全把模板切为图片形式，那样会在图片被拦截的时候使用户看不到内容，并且很可能会直接被邮件运营商或邮件客户端认定为垃圾邮件。  　　2,不要使用div，使用最简单的嵌套table定位  　　Div+css是近几年新兴的定位方式，这种方式不适合在邮件模板切割中使用，不同邮件客户端或在线浏览器对css模型解释不尽相同，会造成错位或布局混乱等问题。同时也不要使用单一table重复多次colspan，可能会被邮件客户端判断为结构过于复杂，归类为垃圾邮件；同时也容易被打乱布局而影响用户浏览。  　　3,模板编码语言选择  　　模板编码设定与使用的发送软件有关，一般来说，utf-8为较常用的选择，错误的编**造成用户浏览的时候出现乱码；  　　4,css样式编写  　　不要使用外部样式表引用，将样式表写入模板内部，如果模板有完全相同样式的列表型文本，可以吧样式表写在页面内 中引用，但缺点是在邮件转发过程中经过web编辑器或邮件客户端的编辑，被去掉，导致此列表样式 变形。这种页面内引用的方式却能节省大量代码，使代码与内容比降低，同时也缩减了模板文件大小，有利于模板评分。  　　5,动画与互动元素的处理  　　可以使用简单的gif动画来表达某些需要明显突出的要素，但要控制gif文件的大小，不要影响整封邮件的下载浏览速度；不要使用flash动画或JavaScript Active等，前些年邮件病毒泛滥，大