Edm邮件设计规范
1. 设计文件提供要求:
(1)邮件设计稿的 Photoshop, Flash, Illustrator, CorelDraw,Freehand等未合层文件;
(2)使用的字体文件――.ttf文件;
(3)其他需要使用到的图片文件――.gif文件,.jpg文件或.tif文件。
2. 设计要求:
(1)邮件的宽度:
邮件的标准宽度为575像素,最宽不宜超过778像素,否则必须经过修改。
(2)邮件的高度:
邮件的高度没有具体要求,应以邮件内容多少而定,建议页面高度不宜过长而影响浏览,最长不要超过1200像素,即2.5屏,否则必须经过修改。
(3)邮件的大小:
Ø email正文的html文件大小(不包含图片或者flash)控制在10k以内;
Ø 内含图片的邮件包括图片在内文件大小应控制在30k-120k以内;
Ø 内含flash或流媒体格式文件的邮件,包括flash或流媒体格式文件在内应控制在50k-250k以内,否则必须经过修改(特殊情况除外);
(4)禁止使用脚本
Ø 邮件中不支持任何脚本语言:多数邮件客户端软件和webmail中默认不支持任何脚本语言;
Ø 邮件中不能使用分帧页面和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)邮件当中的所有点击应使用d出新窗口。
如下就是一个我收到的标砖的邮件海报的样式,你可以选中一下的代码拷贝到一个txt的文档中,然后将后缀.txt改成.html,就是一个网页形式的邮件营销海报了,你可以看看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />
<title>无标题文档</title>
<style>
<!--
*{ margin:0padding:0}
A:link {
COLOR: #000000TEXT-DECORATION: none
}
A:visited {
COLOR: #000000TEXT-DECORATION: none
}
A:hover {
COLOR: #000000TEXT-DECORATION: underline
}
.content{ width:720pxheight:888pxborder:6px solid #9BD44Fborder-top:none}
.top ul{ list-style:nonemargin-left:16pxmargin-top:10px}
.top ul li{ display:inlinepadding-right:8px}
.title1{ margin-left:16px}
.products{ width:687pxheight:517pxborder:1px solid #9BD44Fborder-top:nonemargin-left:16px }
.every {}
.every UL {
TEXT-ALIGN: centermargin-left:15pxlist-style:none}
.every UL LI {
BORDER-RIGHT: #d1d1d1 1px solidPADDING-RIGHT: 6pxBORDER-TOP: #d1d1d1 1px solidPADDING-LEFT:2pxFLOAT: leftPADDING-BOTTOM: 8pxMARGIN: 8px 6px 0px 0pxBORDER-LEFT: #d1d1d1 1px solidWIDTH: 150pxPADDING-TOP: 8pxBORDER-BOTTOM: #d1d1d1 1px solidTEXT-ALIGN: center
}
.size14 {
FONT-SIZE: 12px
}
.zc_grey {
FLOAT: leftMARGIN-LEFT: 10pxCOLOR: #666666TEXT-DECORATION: line-throughfont-size:12px
}
.zc_red{ color:#FF0000font-size:12px}
.bolder {
FONT-WEIGHT: bolder
}
.color {
COLOR: #009900
}
.margin_top {
MARGIN-TOP: 4px
}
.index_product3 {
MARGIN-TOP: -32pxDISPLAY: inlineZ-INDEX: 12BACKGROUND: url(http://www.51niuwa.com/images/index6_4.gif) no-repeatMARGIN-LEFT: 40pxWIDTH: 40pxCOLOR: #fffPOSITION: absoluteHEIGHT: 40pxTEXT-ALIGN: center
}
.index_product4 {
PADDING-RIGHT: 0pxPADDING-LEFT: 0pxPADDING-BOTTOM: 0pxPADDING-TOP: 9pxTEXT-ALIGN: centerfont-size:12px
}
-->
</style>
</head>
<body>
<div class="main">
<div class="logo"><a href="http://www.51niuwa.com"><img src="http://www.51niuwa.com/images/logo.gif" border="0"/></a></div>
<div class="content">
<div class="title"><img src="http://www.51niuwa.com/images/haibao_four.gif"/></div>
<div class="top">
<ul>
<li><a href="http://www.51niuwa.com"><img src="http://www.51niuwa.com/images/haibao_first.gif" border="0"/></a></li>
<li><a href="http://www.51niuwa.com"><img src="http://www.51niuwa.com/images/haibai_second.gif" border="0"/></a></li>
<Li><a href="http://www.51niuwa.com"><img src="http://www.51niuwa.com/images/haibao_third.gif" border="0"/></a></Li>
</ul>
</div>
<div class="down">
<div class="title1"><img src="http://www.51niuwa.com/images/haibao_fourth.gif"/></div>
<div class="products every">
<ul>
<LI>
<DIV style="Z-INDEX: 10"><A href="http://www.51niuwa.com/products.html"
target=_blank><IMG height=150 src="http://www.51niuwa.com/assets/products/548/original/7.gif" width=150
border=0></A></DIV>
<DIV class=index_product3>
<DIV class=index_product4>返利<BR>
5.6%</DIV>
</DIV>
<P class="size14 margin_top"><A href="http://www.51niuwa.com/products.html"
target=_blank>chiffon and lace trimming </A></P>
<P class="size14 margin_top">来自:<A
href="http://www.51niuwa.com/products.html" target=_blank><SPAN
class=color>时尚起义</SPAN></A></P>
<P class="zc_grey bolder">¥220.00</P>
<P class="zc_red bolder">¥220.00</P>
<P><A href="http://www.51niuwa.com/products.html" target=_blank><IMG
src="http://www.51niuwa.com/images/every_botton.gif" border=0></A></P>
</LI>
<LI>
<DIV style="Z-INDEX: 10"><A href="http://www.51niuwa.com/products.html"
target=_blank><IMG height=150 src="http://www.51niuwa.com/assets/products/517/original/4.gif" width=150
border=0></A></DIV>
<DIV class=index_product3>
<DIV class=index_product4>返利<BR>
8%</DIV>
</DIV>
<P class="size14 margin_top"><A href="http://www.51niuwa.com/products.html"
target=_blank>Avene雅漾舒护活泉水 </A></P>
<P class="size14 margin_top">来自:<A
href="http://www.51niuwa.com/products.html" target=_blank><SPAN
class=color>爱可美妆</SPAN></A></P>
<P class="zc_grey bolder">¥60.00</P>
<P class="zc_red bolder">¥45.00</P>
<P><A href="http://www.51niuwa.com/products.html" target=_blank><IMG
src="http://www.51niuwa.com/images/every_botton.gif" border=0></A></P>
</LI>
<LI>
<DIV style="Z-INDEX: 10"><A href="http://www.51niuwa.com/products.html"
target=_blank><IMG height=150 src="http://www.51niuwa.com/assets/products/545/original/4.gif" width=150
border=0></A></DIV>
<DIV class=index_product3>
<DIV class=index_product4>返利<BR>
0%</DIV>
</DIV>
<P class="size14 margin_top"><A href="http://www.51niuwa.com/products.html"
target=_blank>我的成功可以复制 </A></P>
<P class="size14 margin_top">来自:<A
href="http://www.51niuwa.com/products.html" target=_blank><SPAN
class=color>当当网上商城</SPAN></A></P>
<P class="zc_grey bolder">¥38.00</P>
<P class="zc_red bolder">¥22.00</P>
<P><A href="http://www.51niuwa.com/products.html" target=_blank><IMG
src="http://www.51niuwa.com/images/every_botton.gif" border=0></A></P>
</LI>
<LI>
<DIV style="Z-INDEX: 10"><A href="http://www.51niuwa.com/products.html"
target=_blank><IMG height=150 src="http://www.51niuwa.com/assets/products/543/original/2.gif" width=150
border=0></A></DIV>
<DIV class=index_product3>
<DIV class=index_product4>返利<BR>
0%</DIV>
</DIV>
<P class="size14 margin_top"><A href="http://www.51niuwa.com/products.html"
target=_blank>番茄:新世界的魔幻美食
</A></P>
<P class="size14 margin_top">来自:<A
href="http://www.51niuwa.com/products.html" target=_blank><SPAN
class=color>九九网上书城</SPAN></A></P>
<P class="zc_grey bolder">¥26.00</P>
<P class="zc_red bolder">¥22.00</P>
<P><A href="http://www.51niuwa.com/products.html" target=_blank><IMG
src="http://www.51niuwa.com/images/every_botton.gif" border=0></A></P>
</LI>
<LI>
<DIV style="Z-INDEX: 10"><A href="http://www.51niuwa.com/products.html"
target=_blank><IMG height=150 src="http://www.51niuwa.com/assets/products/556/original/15.gif" width=150
border=0></A></DIV>
<DIV class=index_product3>
<DIV class=index_product4>返利<BR>
35元</DIV>
</DIV>
<P class="size14 margin_top"><A href="http://www.51niuwa.com/products.html"
target=_blank>天语X90粉色手机 </A></P>
<P class="size14 margin_top">来自:<A
href="http://www.51niuwa.com/products.html" target=_blank><SPAN
class=color>咪啦网</SPAN></A></P>
<P class="zc_grey bolder">¥1480.00</P>
<P class="zc_red bolder">¥1166.00</P>
<P><A href="http://www.51niuwa.com/products.html" target=_blank><IMG
src="http://www.51niuwa.com/images/every_botton.gif" border=0></A></P>
</LI>
<LI>
<DIV style="Z-INDEX: 10"><A href="http://www.51niuwa.com/products.html"
target=_blank><IMG height=150 src="http://www.51niuwa.com/assets/products/557/original/16.gif" width=150
border=0></A></DIV>
<DIV class=index_product3>
<DIV class=index_product4>返利<BR>
2.5%</DIV>
</DIV>
<P class="size14 margin_top"><A href="http://www.51niuwa.com/products.html"
target=_blank>祺月--学步车XG6928B
</A></P>
<P class="size14 margin_top">来自:<A
href="http://www.51niuwa.com/products.html" target=_blank><SPAN
class=color>乐友</SPAN></A></P>
<P class="zc_grey bolder">¥198.00</P>
<P class="zc_red bolder">¥118.40</P>
<P><A href="http://www.51niuwa.com/products.html" target=_blank><IMG
src="http://www.51niuwa.com/images/every_botton.gif" border=0></A></P>
</LI>
<LI>
<DIV style="Z-INDEX: 10"><A href="http://www.51niuwa.com/products.html"
target=_blank><IMG height=150 src="http://www.51niuwa.com/assets/products/432/original/32.gif" width=150
border=0></A></DIV>
<DIV class=index_product3>
<DIV class=index_product4>返利<BR>
8%</DIV>
</DIV>
<P class="size14 margin_top"><A href="http://www.51niuwa.com/products.html"
target=_blank>福临门新植物甾醇玉米油
</A></P>
<P class="size14 margin_top">来自:<A
href="http://www.51niuwa.com/products.html" target=_blank><SPAN
class=color>我买网</SPAN></A></P>
<P class="zc_grey bolder">¥85.00</P>
<P class="zc_red bolder">¥78.00</P>
<P><A href="http://www.51niuwa.com/products.html" target=_blank><IMG
src="http://www.51niuwa.com/images/every_botton.gif" border=0></A></P>
</LI>
<LI>
<DIV style="Z-INDEX: 10"><A href="http://www.51niuwa.com/products.html"
target=_blank><IMG height=150 src="http://www.51niuwa.com/assets/products/568/original/27.gif" width=150
border=0></A></DIV>
<DIV class=index_product3>
<DIV class=index_product4>返利<BR>
10%</DIV>
</DIV>
<P class="size14 margin_top"><A href="http://www.51niuwa.com/products.html"
target=_blank>富培美 木质地板保养精油
</A></P>
<P class="size14 margin_top">来自:<A
href="http://www.51niuwa.com/products.html" target=_blank><SPAN
class=color>1号店网上超市</SPAN></A></P>
<P class="zc_grey bolder">¥198.00</P>
<P class="zc_red bolder">¥115.00</P>
<P><A href="http://www.51niuwa.com/products.html" target=_blank><IMG
src="http://www.51niuwa.com/images/every_botton.gif" border=0></A></P>
</LI>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>
终端促销,是零售行业很难避免要涉足的工作一环。根据工作经验以及对这个促销课题的思考,,有五个核心环节我们必须要去考虑到,那就是:(一)我们的终端促销创意设计必须要符合品牌的档次,有损自己品牌设计和创意我们千万不要去做!
(二)我们的终端促销创意海报设计要醒目,不要人家看了设计大半天,还不知道你促销是什么意思?
(三)我们的终端促销创意海报设计要符合顾客的视线最佳范围,才能“跃”人眼眶,否则我们是瞎子点灯,白费油!这样的例子我们仔细看看身边很多这样的设计促销,一个X展架,有些品牌老把自己的代言人放在重要的位置,而把自己的海报促销核心字眼放在不显眼的位置(除非您家刚签代言人,那是设计正确的)。记住:顾客的视线最佳范围,自己当成客人,您看广告,哪个位置最好!这个地方我还得多费点字,就是我们的后期摆放和张贴的位置也是很有讲究。道理也是这个道理!
(四)我们的终端促销创意海报设计重要信息要突出,就拿我们现在写博客一样,有些字要换颜色,有些字体要大一点,道理是一样。
(五)我们的终端促销创意海报设计尽力去追求创意出其不意。你问我这个怎么办,告诉您只有四个字:有心和学习。或者我推荐你搜索“锐扬设计”,他们专业从事各类品牌形象海报设计,其实做任何事情只要我们有这四个字,没有做不好的事情。其实只要我们有心和学习,这样的创意促销海报你也可以拥有!
希望能帮到你,谢谢 !!
可以使用PS设计。
海报设计是基于在计算机平面设计技术应用的基础上,随着广告行业发展所形成的一个新职业。该职业技术的主要特征是对图像、文字、色彩、版面、图形等表达广告的元素。
结合广告媒体的使用特征,在计算机上通过相关设计软件来为实现表达广告目的和意图,所进行平面艺术创意性的一种设计活动或过程。
海报是一种信息传递的艺术,是一种大众化的宣传工具。海报又称招贴画。是贴在街头墙上,挂在橱窗里的大幅画作,以其醒目的画面吸引路人的注意。
20世纪从某种意义上来讲是政治宣传的世纪,海报作为当时的宣传途径也达到了顶峰,其中的两次世界大战、苏联革命与建设、西班牙内战更是政治海报创作的高峰期,尤其在二十世纪前五十年,是宣传海报大行其到的黄金时代。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)