EDM邮件模板设计规范流程

EDM的英文有很多种,比如Email Direct Marketing、Email Database Marketing、Electric Direct Marketing等等。无论是哪一种英文名称,EDM都是指以电子邮件为沟通手段的数据库营销体系。

EDM是数据库营销具体应用的一种,它充分利用了计算机数据库技术、通信技术以及互联网技术,以电子邮件为主要通讯手段,通过用户数据库进行的营销行为。

数据库营销大致有四种典型应用,EDM、 SDM、TDM和传统DM,分别是Email、SMS、Telphone与传统的直邮四种沟通方式的四种应用。

数据库营销的四种典型应用,各有优劣,适合不同的企业的不同的需求。

今天我就介绍如何设计一个规范的EDM邮件模板。

设计EMD的必备工具:

1. EDM设计稿用Photoshop, Flash, Illustrator, CorelDraw,Freehand等未合层文件;

2. 使用的字体文件:.ttf文件;

3 .其他使用到的图片文件:gif文件,.jpg文件或.tif文件。

EDM的设计要求:

1 邮件宽度:邮件的标准宽度为575像素,最宽不宜超过778像素,否则必须修改

2. 邮件的高度:

邮件的高度没有具体要求,应以邮件内容多少而定,建议最长不要超过1200像素,即2.5屏,否则必须修改。

3.邮件的大小:

1).EDM正文的html文件大小(不包含图片或者flash)控制在10k以内;

2).EDM 内含图片的大小应控制在30k-120k以内;

3) EDM内含flash或流媒体格式文件的邮件,包括flash或流媒体格式文件在内应控制在50k-250k以内,否则必须经过修改(除特殊情况外);

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) 邮件的设计重点在上半部,以吸引阅读者的注意力;

8).带有故事情节的flash设计应以下载屏幕开始,以吸引阅读者等待下载;

9).背景图片的td应加高宽限制,以避免部分客户端的图片显示出现异常;

10). 邮件当中的所有点击应使用弹出新窗口。

EDM制作规范

1.宽度最好在 600px 到 800px 范围
650px的优势:
当邮件的内容被分成2栏时候,650px可以分割成X+10+Y,其中X=左栏,Y=右栏,10为间隔空隙,X+Y=640,而640恰好能被20整除,640=2×2×2×2×2×2×10,
当邮件的内容被分成3栏时候,650px可以分割成X+10+Y+10+Z,同样的,X+Y+Z=630,630恰好又能被30整除,630=3×3×7×10。
这就是我选择650px而不选择600px的原因。
当然,这仅仅是我自己的标准,还未成为全球统一的标准,但我希望有一天这个宽度能被绝大多数的HTML邮件制作者和接受者所认可。

2.尽量不使用div布局
Html布局最好使用table布局,居中排版,table在edm中表现比div更好;
建议用绝对大小(像素)和相对大小(百分比)相结合的table嵌套方式来定位。
(为了方便我们使用的都是table,如果用css请一定要内嵌到页面里)

3.css尽量避免选择符的使用,定位和浮动标签也不要使用,很多信箱都不支持。

4.不要使用Flash和JavaScript

5.设定每张图片的宽和高,以保证页面排版设计的正常。

6.不要使用表单,一般都不支持
7.尽量用utf-8的编码
可以避免某些(注意,是某些)邮箱出现乱码情况。

8.给每张图片都指定Alt属性值
这样即使图片不被显示也会让邮件阅读者大致了解图片的内容。

9.图片的src属性一定要用绝对地址:
正确:<img src=”http: // blog.54575.com/logo.gif” width=”297″ height=”160″ alt=”好好活=有意义” />
错误:<img src=”logo.gif” />

10.小心使用背景图
背景图的地址要也设成绝对地址,不过背景图有些邮箱不支持,可以试试背景颜色。

11.在发布前一定要测试,测试,再测试。

 

附:


SEDM邮件设计规范 V1.0-111209