您的当前位置：首页邮件营销策略之邮件模板的设计与制作方法

邮件营销策略之邮件模板的设计与制作方法

来源：华佗小知识

www.cloudmail.asia

---------------------------------------------------------------------------

电子邮件模板设计与制作指南

本指南主要针对电子邮件模板的设计与制作，与大家分享长期积累的经验

--------------------------------------------------------------------------

电子邮件模板的设计理念

--------------------------------------------

电子邮件模板的制作规范 -------------------------------------------- 电子邮件模板的素材目录

--------------------------------------------

电子邮件模板的免费下载

--------------------------------------------

www.cloudmail.asia

电子邮件模板的设计理念

商业品牌效应设计与坚持、色彩的选择

一个成熟的品牌，必然会有代表自己品牌特点的标准AI 设计；对于品牌邮件模板设计，同样要建立一套深入用户心里的品牌AI，这套AI 标准以企业都已经宣传的色彩、logo、宣传品布局方式及亮点为基础智鼎。

模板中色彩的数量越少越好，但是，对于“变化式banner”和“正文中图片”并不，只要求框架配色可以和他们协调，适当的对比是可以的。

电子邮件模板的最佳宽度和高度

邮件模板宽度的最佳区间是：600px-650px。

在大多数邮件客户端或web 邮件浏览器中，邮件都不会默认是全屏显示，如果邮件模板过宽，会造成

部分内容被遮盖住，浏览者需要拉动横向滚动条来浏览，造成浏览上的不便。经验告诉我们，600px-650px 是比较理想的邮件模板宽度。

邮件模板的高度最好是2 屏为好，最大3 屏，最小1.5 屏。页面过短，传递给用户的信息量必然小，

大部分时候很难依靠简短的描述让用户产生信任感；页面过长，内容过多，会让用户产生厌烦感，很多时候就不会仔细观看我们想传达给用户的重要信息。

创意，高质量的图形图片

精妙的创意，新奇的思路，可以令模板可观赏性显著增加，能够非常显著的吸引用户眼

www.cloudmail.asia

球，提升用户的反馈几率。

美观清晰的图片，代表性、指导性强的图形，能够提升模板被浏览的时间和下一次收到此类邮件的打开率。

图片的处理一定要细致，让用户看到作者对待模板的认真态度。但是不要让图片占去过多的篇幅，甚至整个模板都用图片拼接，这会严重的触犯垃圾邮件规则，有很大可能性直接被邮件服务商拒之门外。

图片的比例最好不要过大，即使不是图片，文字底色过重，面积过大，在感觉上也属于图片比例过大。

商业区和第一视点

商业区是EDM 产生利润点的最关键部分，商业区的规划直接影响邮件营销的成败。对于有信任的商业邮件，商业区所占模板比例不应超过1/3；对于无信任的商业邮件，商业区所占比例更应小于1/5。商业区应该设计在第一视点旁边，最好不要完全重合。

（通篇都是商业区，没有用户希望看到或可以留下深刻印象的内容的邮件模板，直接会被用户定位为垃圾邮件，甚至直接被邮件服务商屏蔽）

模板的要素与布局

邮件模板在布局上可以分为头、体、边、脚四部分。

头：一般是最上面和正文之间有明显的分隔，是用来传达品牌的，很少变化；头所表达的知觉和信仰层次的心理过程，除了图形外，文字也很重要，可以体现在标题的固定部分和发件人位置。标题的固定部分如“【CloudMail】xxxx”中的“CloudMail”;

www.cloudmail.asia

头本身一般不变，但随着标题的变化，构图不便但点缀和基础色可能会变。

体：体要包含标题，标题创意和头本身要协调，这里同时包含配色、文字创意等；标题一般和正文中的关键点是一致的，这样，头合体就串联起来了；因此，有必要把标题来源的某个文字特殊显示，这样用户才能快速找到。

边：边的作用就是转（严重刺激认知情绪的一个图像类创意点）和合（商业转化点一般是个按钮）

脚：主要是版权信息等。

设计时考虑切割制作模板需要规避的难点

EDM 一网路为传播媒介的交流形式，注定了它在设计的时候有一些与传统DM 广告设计不同的要求：

· 尽量不要出现奇形怪状的图形连接（需要使用来实现的）；

· 尽量不使用渐变色，更不要使用大面积斜方向的渐变色，除非此色彩体现在图片中； · 文本内容不要使用web 不能浏览的字体或需要用户另外安装的字体；

· 尽量不要设计需要用动画或脚本展现的内容，为了安全原因，大部分实现动画的方式（如Flash,Javascript Active 等）都不能在邮件中传播。

规避SPAM 要素

垃圾邮件有着各种明显的特点，如：

· 大面积红黄等刺激色，已经成为垃圾邮件的一个标志； · 没有实质性的、用户感兴趣的文本内容，通篇广告；

· 全部图片切割，文本内容非常少或者没有任何文本内容（此类邮件甚至有直接被邮件运营

www.cloudmail.asia

商，用户根本接收不到的风险）；

·没有任何设计，直接发送word 或其他文档软件制作的内容（美观度低，没有丝毫专业性、可信性）。

电子邮件模板的制作规范

模板编码语言的选择

一般来说，utf-8 为较常用的编码选择，错误的编码会造成用户浏览的时候出现乱码。不可将word 类文件直接保存为Html 格式，否则会造成编码不规范，出现乱码。

不要使用div，使用最简单的嵌套table 定位

Div+css 是最近几年新兴的web2.0 定位方式，这种方式不适合在邮件模板切割中使用，不同邮件客户端或在线浏览器对css 模型解释不尽相同，会造成错位或布局混乱等问题。

同时也不要使用单一table 重复多次colspan，可能会被邮件客户端判断为结构过于复杂，归类为垃圾邮件；同时也容易被打乱布局而影响用户浏览。

图片与文本链接规则

模板中所有的链接，都必须使用绝对路径；

链接长度不能超过255 个字符，不能有空格和中文字符，否则可能会导致链接无法追踪；

www.cloudmail.asia

图片链接不要使用标签，否则可能被邮件客户端判定为垃圾邮件，甚至被邮件运营商直接屏蔽；

模板中文本文字不能使用过大的字体，否则可能会被邮件客户端判定为垃圾邮件。

敏感及带促销类的文字

不要使用类似如下敏感及带促销类的文字：免费、优惠、特惠、特价、低价、便宜、廉价、视频、赚钱、群发、发财、致富、代开、薪水、交友、支付、商机、法宝、宝典、秘密、情报、机密、保密、绝密、神秘、秘诀等。如果一定需要，请把敏感文字做成图片。同时，邮件内容不可有关于色情或带有政治色彩的内容！遵守CloudMail许可邮件发送服务使用协议！

css 样式编写

不要使用外部样式表引用，将样式表写入模板内部，以下是图片、文字、链接的写法：

文字链接对象

如果模板有完全相同样式的列表型文本（如新闻列表等）可以把样式写在页面内中引用（需写在里面），但缺点是在邮件转发过程中经过web 编辑器或邮件客户端的编辑，被去掉，导致此列表样式变形。

图片样式与背景图片（颜色）的使用

模板尽量不要使用背景图片，背景图片在某些邮件客户端或web 界面（如gmail、outlook）中默认不显示。

www.cloudmail.asia

模板中每张图片的地址都一定要用绝对地址，否则会不显示；每张图片都要指定width 宽度、heigh高度，在图片被拦截的时候，不会因为图片大小无法读取而被打乱布局。

图片名称不能含有ad 字符，否则图片上传后会显示成“被过滤广告”，不能使用中文命名，且后缀也不能大写，否则一些邮箱无法识别，图片不会显示。

Body 中不要设定背景颜色，不然在转发邮件的时候，转发人写的信息背景色都会变为被转发邮件的背景色，影响浏览。如果一定要给邮件设定整体背景色，请在模板文件最外面加一个table，设定此table的背景色。

在切割模板的时候，要注意图片的大小和数量，不要为了效果使图片过大，会使邮件接收者打开过于缓慢，甚至直接关闭邮件。

更不要完全把模板切为图片形式，那样会在图片被拦截的时候使用户看不到内容，并且很可能会直接被邮件运营商或邮件客户端认定为垃圾邮件。

模板html 标签规则

·尽量不要使用提交表单;

·Padding 和margin 标签：table 中，某些邮件客户端或web 界面对浮动的标签（padding、margin等）支持很差，所以尽量不要使用。

·Float 浮动标签：某些邮件客户端不支持浮动属性，尽量避免使用。

·在页面内调用的情况下，尽量不要使用

、
、
、
、
等有默认样式的标签，防止被隔离时布局混乱。
动画与互动元素的处理
可以使用简单的gif 动画来表达某些需要明显突出的要素，但要控制gif 文件的大小，
CloudMail领先的邮件营销服务商！版权所有 | 内部资料谢绝外泄！
www.cloudmail.asia
不要影响整封邮件的下载浏览速度；
不使用Flash、Java、JavaScript、frames、i-frames、ActiveX、以及DHTML 等，前些年邮件病毒泛滥，大部分邮件运营商都已经屏蔽了这些元素。
邮件附件夹带
邮件一定不要夹带附件，发送大量附件会占用大量珍贵的网络带宽，且大部分附件用户根本不会打开，这部分占用的带宽基本都是浪费的。
带有附件的邮件有很大可能被用户认为是病毒，对品牌产生不良影响。
如此附件为必须，可以在模板上设置下载按钮，链接到网站下载页面，还可以给网站带来一部分流量。
电子邮件模板的素材目录
退订
《互联网电子邮件服务管理办法》第十四条规定：
互联网电子邮件服务发送者发送包含商业广告内容的互联网电子邮件，应当向接收者提供拒绝继续接受的联系方式，包括发送者的电子邮件地址，并保证所提供的联系方式在30 日内有效。
《网络交易平台服务规范》第一章第二条中对垃圾邮件的定义：
垃圾邮件——未经请求的邮件及非法邮件，指未经收件人同意大量发送的电子邮件，且所发送的邮件不具有退订功能或者收件人无法拒绝接收的，或在收件人向发件人提出退订
CloudMail领先的邮件营销服务商！版权所有 | 内部资料谢绝外泄！
www.cloudmail.asia
请求或者拒绝接受其所发送的邮件后，发件人仍然发送的电子邮件。
在线查看方式
用户无法在邮件环境中浏览的时候，提供“网络查看方式”，一般是直接打开一个宿主上的页面，这个页面的内容就是邮件发送的模板。
转发
“转发”提供用户给朋友或家人转发当前邮件样本的方式。
分享
“分享”提供用户在社会化媒体（如：百度、google，人人网、开心网、豆瓣网、腾讯微博，新浪微博等）对邮件样本进行共享的方式。
标题
“标题”是整个模板的“眼睛”，是第一时间吸引用户阅读的集中模板精华内容的表现。 “醒目”是标题设计是否合理的第一要素，其次是“语言精练、连贯、概括性强”一个好的标题，能够让用户在打开模板后的最短时间内对邮件内容产生兴趣。
banner 图片
“banner 图片”是体现整个模板视觉中心的重中之重，是体现整个模板创意和向用户变现发送者意图的最直接表现。
制作精良，设计精美，并且富含创意的banner 图片，首先会让人眼前一亮，然后产生
CloudMail领先的邮件营销服务商！版权所有 | 内部资料谢绝外泄！
www.cloudmail.asia
图片的联想，让人产生浏览的欲望甚至直接点击。
内容模块
“内容模块”是模板中文本内容的载体，“内容模块”的规划，影响着模板内容是否排布合理清晰可读。
“内容模块”排版的精心程度，会严重影响用户阅读的兴趣。
清晰的模块规划，合理的线条或色彩分隔，适当的文本宽度，能够极大的方便用户阅读，这是吸引用户浏览的一个需要精心设计的关键点。
商业区
“商业区”，提起“商业”有些邮件发送企业就觉得很敏感，认为EDM 要么就是纯商业广告；要么就是纯信息类，提升用户黏着度的电子报。其实不然，虽然EDM 相比传统的DM 来说成本较低，但付出一定要得到回报，商场就是这么实际。
“商业区”一般都在比较显著的位置显示，发布与模板总体内容相关的广告，吸引用户点击交互。这个“商业区”完全不影响用户浏览感兴趣的内容，同时还能暗示“这封邮件的内容随时都可以与我有关，我可以参与进去”，拉近与客户的距离。
商业转化点
“商业转化点”，商业邮件中，明显的一个按钮或者图片，称之为商业转化点。最大的特点就是“明显”，同时要“明确转化目的”。
品牌传递
CloudMail领先的邮件营销服务商！版权所有 | 内部资料谢绝外泄！
www.cloudmail.asia
“品牌传递”，涵盖两层含义：
首先是“继承”，继承公司一贯的形像，AI、logo、网站风格、印刷品风格等等，包括形像色彩与公司理念的整合；然后是“发扬”，在一贯的公司品牌基础上提升品牌形象，在电子邮件营销活动中形成更深层次的用户“印象”，加大黏着度和信任。
版权信息
“版权信息”，正规模板不可或缺的组成部分，一般位于模板最底部，与正文有明显的色块或线条分隔，也可以在这里添加联系信息。
免费邮件模板下载：
http://www.cloudmail.asia/function/emailtemplate.html
CloudMail领先的邮件营销服务商！版权所有 | 内部资料谢绝外泄！

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文