zoukankan      html  css  js  c++  java
  • EDM营销邮件规范制作设计[转]

    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、设计建议:

    1).对于页面中的图片,建议将超过15k的图片分割成小图片,以保证下载图片过程的顺畅;

    2).图片个数不宜过多,建议在20个以内,Gif动画文件个数控制在3个以内;

    3).建议图片可运用于前景实现,背景图片如:outlook客户端不支持;或背景色代替。

    4).能够使用系统文字应尽量避免使用图片文字以减少文件大小;

    5).网页上使用的中文系统文字的最小字号应保证在12像素,并且使用系统默认的宋体或黑体,避免使用其它的中文字体;

    6) 邮件的设计重点在上半部,以吸引阅读者的注意力;

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

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

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

    EDM的制作要求:

    一、图片

    1、邮件里所有图片都必须设定高宽,包括小Icon

    2、关键图片必须设定 alt

    3、小心使用背景图,背景图的地址要也设成绝对地址,不过背景图有些邮箱不支持,可以试试背景颜色代替。(不能用前景图实现的与设计沟通修改或背景色代替)

    4、如没有特殊要求,图片的文件名称一律使用小写

    5、不要在邮件中使用高度过小的图片,outlook2007不能很好的显示高度为1像素的图片,会出现拼合缝隙

    6、在切图时,需要为文字区域留出一定的边距(5px左右,视行数和字数的多少调整),由于outlook中默认行间距和字间距大于普通网页,预留边距可以防止出现不必要的换行和图片缝隙。

    二、代码

    1、采用HTML4.01,一定要声明邮件头,否则部分css不能正常工作(已写在模板中)

    2、换行用<br>结尾,而非<br />, 在 HTML4.01 下是没有加斜杠这一规则,只有发展到了XHTML才出现用斜杠终止空元素。

    3、如没有特殊要求,html代码小写

    4、内嵌css写法 style=”font-size:10px; font-family:Verdana; color:#ffffff”

    邮件代码不要超过10K,最大不能大于20K

    5、css尽量避免选择符的使用,定位和浮动标签也不要使用,很多信箱都不支持。(如果是设计导致需与设计沟通修改设计)

    6、不得使用javascript ,例如Clk数据跟踪 ,防止浏览器过滤

    7、尽量用utf-8的编码可以避免某些(注意,是某些)邮箱出现乱码情况。

    8、邮件title最好是 html文本 . 即文字不要嵌入到图片里

    9、不要使用div来排版,比如分栏,请注意是排版,div标签还是可以使用。Html布局最好使用table布局,居中排版,table在edm中表现比div更好

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

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

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

    13、因hotmail信箱的接收问题,段落之间不要用< p >标记,用< br >代替。

    14、不要使用<pre>标签,因为会有潜在撑破页面的风险,用 定义来处理缩进。

    15、由于Gmail的兼容性问题,假如td里有文字,如要定义该文字样式,必须在td里写style来定义字体,另td内样式最好也加上这个style=”word-break:break-all;”,其作用在于不会让表格撑开,会自动换行

    16、由于边框背景部分宽度固定,写在模板中的逗号(特别是右上角标题)一律使用英文状态下的”,” 不要使用中文的”,”(已写在模板中)

    17、普通标签需要有开始和结束,不能只有结束符,如</style>等

    18、不要简写颜色,比如#fff,要完整写成#ffffff。简写的颜色在IE怪异模式下会出些小问题。

    19、竟可能不要使用span,因为其在某些邮箱里会导致换行。

    20、table 的高度使用td撑起来,别给 table 写高度,那样往往不准确。

    21、如果不想邮件被转发后支离破碎,邮件最好不要用多个 table 拼装,而是要嵌套起来。

    22、不要对图片使用line-height行高,避免拼装图片出现空白间隙。

    三、兼容性

    由于各个邮箱都有自己独立的规则,以下方法只能保证邮件显示效果尽可能与原稿相同:

    Tom邮箱的排版问题:在代码中尽量不要使用span标签,使用其他标签替代

    Outlook不支持背景图片,不支持浮动float和定位position。

    转自:http://www.okcode.net/index.php/archives/188

  • 相关阅读:
    Java 单链表的倒置
    Android查询:模拟键盘鼠标事件(adb shell 实现)
    安卓 发送短信两种方式
    java tcp socket实例
    Java中读取某个目录下的所有文件和文件夹
    Android剖析和运行机制
    linux下搭建android NDK开发环境
    把log存起来
    判断Android系统net和wap接入点的开发实例
    android 4.0.4系统下实现apk的静默安装和启动
  • 原文地址:https://www.cnblogs.com/zhidong123/p/2957179.html
Copyright © 2011-2022 走看看