标签： 邮件设计

在EDM设计中除了清晰主旨、名单开发分众、营销内容决定，还有最重要的一环就是如何设计出一封专业的EDM排版，毕竟好看的EDM才能吸引收信者的目光停留，进而做出实际响应行动，所以排版专业电子报方能最佳化每次EDM发送绩效。

接下来我将透过两个EDM设计范例，分析一封合格的专业EDM必须有哪些元素，没有设计背景的超级新手看了以下方法也能制作出不被打枪的电子报!!

一. 两行业案例，分析edm设计区块

月刊型edm设计范例

从生物科技制药产业的EDM设计案例中，我们可以窥见月刊类型的EDM一次建议只表达一个重点即可，太复杂的邮件排版架构，反而会分散注意力，模糊了月刊邮件的发送目的，不但会让收信者没办法好好读完品牌想传达的产品更新或是行业新知也让邮件绩效降低。

月刊型EDM建议排版架构：品牌标志+活动主图+推广内容

产品促销型edm设计范例

那么产品促销的邮件该怎么设计呢?从饭店旅游业的EDM案例中，可以分析出五个EDM制作架构，并且邮件重点不像月刊建议只表达一个，而是同时可以同时有2-3个重点，并在主图下方用一些图文呈现的方式去加强介绍出产品的优点、优势，并且每个产品介绍都可以加入相对应的CTA按键去促成转单的效果，也建议大家放上社群平台追踪的连结亦或是联络资讯，让有疑问的讯息接收者可以直向的将疑问反馈给品牌。

产品促销型EDM建议排版架构：品牌标志+活动主题+产品优点+行动呼吁+联络资讯

 

二.邮件制作的兩大地雷

除了正确的EDM排版架构，在EDM设计时还有兩个你绝对不可以做的大地雷，毕竟谁都不想花了2天设计的EDM最后连客户的脸都还没见到就直接进入垃圾邮箱。避免掉这兩大地雷，就可以让你精心设计的EDM远离垃圾邮箱的机率大幅提升!!

地雷一：URL重复过多

在制作CTA按键或图片、文字的超连结时，如果都使用同一组URL或是短网址，会极度容易让该封邮件被系统审核为钓鱼邮件并被判别为高危险邮件，由此降低邮件到达率，且若你的邮件常态性一发送就进入垃圾信箱长久下还很可能会导致发送IP被系统拉黑。

地雷二：使用敏感文字

不論是在郵件主旨、內容甚至是圖片中，含有任何煽動性、歧視性、負面效益的敏感，中文、英文、數字符號，例如減肥、免費、賺錢、抽獎、free、 100％、$$$….的垃圾郵件敏感性文字，都會導致郵件系統將你的郵件判別為垃圾郵件，以保障收信者的用戶體驗與帳戶安全。

三.增添EDM专业度的设计三元素

现在你已经具备了设计合格EDM的基础观念，那么你还可以增添什么元素让整封邮件看起来更专业，有画龙点睛的效果呢?

EDM设计元素一：品牌标志

品牌logo就是品牌的身分证，试想一下当收信者收到一封极度感兴趣的电子报就要做出购买动作的时候，却因无法辨别是谁发送的邮件而产生疑虑进而放弃购买是不是很可惜？而在邮件中放置品牌logo可以让收信者很好的识别出此封邮件是由谁寄出，并高度展现出品牌形象、服务内容、辨识度，也帮助收信者减少收信疑虑，进而提高每次曝光的效益。

一般来说大家习惯阅读的顺序是从左到右、由上到下，沿袭着大众的阅读习惯，在EDM中放置品牌logo分别是邮件顶端左上角或右上角以及邮件尾端。尝试将品牌logo放置在这两个区块，不但不会分散收信者的目光，也可以有效的加深品牌印象，另外可尝试在品牌logo的图片中插入官方网站连结，因为有些收信者会预期品牌logo具有功能性，例如：点击logo图片时可以将他们带至相关的页面了解更多产品服务讯息。

EDM设计元素二：图文比例

发送电子报目的通常都是推广产品优点、会员经营、活动参与，许多EDM习惯用一整张图片或通篇文字的排版方式进行邮件发送，但这样整封EDM都是图片或文字的不良EDM设计操作，会导致你的EDM无法顺利抵达收件者信箱或是邮件进入垃圾信箱…的诸多负面问题产生。

就如同Facebook投放广告对素材的限制，EDM发送系统也会有自己判别邮件安全性的一套准则，而图片、文字的比例就是其中一项审核内容。在邮件排版中最佳的比例就是图片占6、文字占4，所以从现在开始设计EDM时不该再习惯用整封都是文字或图片的方式呈现，而是抓准只用一张图片凸显「活动主题」，再简短文字阐述「产品优点」的设计诀窍。

EDM设计元素二：行动呼吁按键(Call To Action)

所有行营销的目的都是希望讯息接收者，能透过此次营销内容可以具体的采取一些行动，EDM营销当然也不意外，而在邮件设计中能促使接收者做出实际响应行动的利器就是行动呼吁按键(Call To Action)，以下四个CTA设技小技巧将让你的CTA按键更吸引目光。

◆使用渐变色或是圆角CTA按键更有立体感。

◆运用对比色、加入箭头、游标，加强阅读者的点击欲望。

◆用急迫性或限时性的文字文案撰写方法，例如比起「下载」，「即刻下载」、「限量下载」更能促使讯息接收者点击CTA按钮 。

◆简单扼要说明该CTA将导向哪个页面，能减少讯息接收者疑虑与跳出率。

四.结语

不论是产品促销、行业月刊、活动响应、再教育客户，电子邮件都能不受时间、区域、国家限制，帮助企业完美达成营销目的，而一封设计完整且专业的EDM就是首要条件。现在你已经具备EDM制作的基础方法，是不是已经迫不及待要大显身手 ?那就快到Benchmark Email 满客邮件 开始设计你的EDM吧!!

icon 图标是一种图形，也是一种标识。你是否也思量过，小小的图标也能用于电子邮件排版中呢？图标便于人记忆，高度浓缩了讯息，且能够快速传达内容，可谓小小的图标，隐藏着大大的讯息能量！当你不想要在邮件中加入图片时，可以使用 icon 图标来传达部分的邮件内容。

邮件加入 Icon 的三大好处

邮件设计者一般都知道图文结合的邮件设计原则，编辑邮件时会加入图片，结合文字。你是否也考虑过，在电子邮件中加入 icon 图标，结合电子邮件文案内容，这也是一种不错的编辑方式？这对于订阅用户来说只有利无害。主要有以下三大好处：

1.文案内容条理化

当你设计编辑邮件内容时，需要进行邮件排版，可以采用图标，将邮件内容区隔成不同的区块。譬如推销公司的产品，或者介绍服务的特点，将产品服务性质特点分类整理，并用 icon 图标陈列出每一点内容，呈现给订阅用户一封非常有条理，井然有序的邮件。

2.有效传达讯息

图标具有无声的吸引力，能够有效传达邮件文案的意思。明智选择会“说话”的图标，订阅用户不用费力理解图标的含义，搭配简单的文字，即可传达邮件中每一个区块的重点，订阅用户一眼浏览邮件时，顺应 icon 图标便可快速抓住邮件重点，掌握核心的资讯。

3.代替图片

有时候 icon 图标比图片传达讯息的效果要好。电子邮件中的图片很容易受到订阅用户的电子邮件客户端影响或拦截，而无法正常显示。使用 icon 图标且是SVG格式，在所有的电子邮件客户端都显示一样的效果，下载也非常方便。

Icon 运用四大技巧

图标使用有秘诀吗？当然有！在设计排版电子邮件之前，如果掌握一些 icon 的运用技巧，可以协助您快速判定如何使用图标，加快编辑邮件的速度。因此，以下分别结合即将到来的万圣节排版，介绍 icon 图标运用的四大技巧：

1.搭配文字

虽然 icon 图标简洁有力，能代替图片和文字传达邮件的讯息，但有些图标表达的意思比较抽象，如果担心订阅用户的理解有误，可以适当搭配简洁的文字说明，作为分点内容的小标题，从而能更精准地协助订阅用户理解邮件的讯息。

2.加入背景

给 icon 图标添加背景，即是美化图标，为其增加色彩。通常是添加 icon 图标增加不同形状的背景，突出图标，常见的添加背景形状有圆形、方形等。添加背景之后，类似于我们文档编辑的项目符号，每个图标对应每一项文字重点。

3.同类图标

我们经常使用到的 icon 图标，有多种分类。如果在邮件排版中，使用不同类型的图标，容易造成视觉上的混乱，譬如，不同类型图标可能颜色不一致，避免造成文案排版有点混乱的情况，容易分散收件人阅读邮件的注意力。

4.尺寸统一

编辑排版电子邮件的时候，要注重上传的图标尺寸，确保每一项图标尺寸相同，表明每一项图标代表着每一个同等重要的重点。有些平台提供免费的图标资源，在下载的时候可以选择图标的尺寸。因此，至少要匹配和字体尺寸。

Icon 与邮件文案排版

如果你心中打定主意要使用图标排版邮件，那么，该如何开始着手排版电子邮件呢？遵循以下四大原则，结合图标排版电子邮件，从而提高电子邮件的可读性以及美观性，俘获收件人的心吧！

1.简洁/重点突出

订阅用户浏览一封电子邮件一般不会超过1分钟时间，要让订阅用户开启你的邮件，瞬间看到重点。譬如需要分享数据研究报告，可以不分享全部的数据结果，挑出部分重点内容，结合图标表示，保持简洁性，重点突出。

2.颜色字体搭配

无论是其他的排版，还是电子邮件，字体尺寸和字体颜色都要谨慎使用。由于图标的颜色是多种多样的，在和文字搭配的时候，根据图标的或者文字，两者尺寸大小要设定好，此外，字体的颜色应该要和图标的颜色相搭配，不容易造成两种颜色冲突。

3.视觉层次分明

透过区块排版彰显邮件的层次效果，像是使用不同颜色、区块大小等小技巧，在加上区块的不相同的图标，突出每一个区块内阐述的内容不相同，这样不会容易造成视觉疲劳，以及扰乱订阅用户的阅读视线。

4.对齐方式顺序

注重图标与文案的对齐方式和顺序。邮件排版使用2栏式或者多栏式的排版，每一组栏位配备一组图标，像下图显示，图标的位置最好放置在同一个位置，具有统一性，而不是有些在头部，有些在尾部。

Benchmark 编辑邮件应用 Icon

在众多的邮件营销平台中，大部分都可以支援邮件编辑，上传图标。使用 Benchmark 上传图标到图库中，就可以应用到邮件设计里啦！要注意 Benchmark 支援的档案格式以及尺寸哟。在此，我们按照上文谈及的图标应用技巧和排版技能，制作一封带有图标万圣节邮件范本供大家参考！

免费 Icon 资源库

网络资源丰富多样，你可以在网络上搜寻各类专业设计的 icon 图标网站，并提供免费和付费 icon 图标下载。以下是Benchmark Email 给大家推荐可以免费下载图标的网站，网站上面图标内容丰富。

Icon Finder 

Icon Finder 这个图标网站，有提供最新设计的海量图标。你可以在Icon Finder上找到不同风格的图标，亦可搜寻你想要的主题，比如针对万圣节，推万圣节主题图标活动。每一个图标对应附有标签主题，甚至知道下载量。下载图标的时候，除了可以选择不同的图标格式，还可以选择下载的图标尺寸大小，简直不要太方便了！

Icons 8 

Icons 8 是综合性强、专业设计网站。不单是提供图标，还集合了插图、照片、音乐和设计工具资源。如果想要获取图标资源，不会令你失望。海量免费的图标，高达352,400 个免费的图标，35种不同的风格，各类型的主题。用户不用登入账户，点击即可下载图标，在选择下载的时候，可以图标的尺寸。

Iconshock

Iconshock  是专业的图标图库。具有200万图标，400+套图标，集合30多种样式。按照风格和不同行业类别进行分类，譬如其中包括了炫酷的3D效果图标，高达30+个行业类别，资源甚是丰富。同时点开单个图标页面的时候，除了可以自定义编辑图标显示的颜色，还可以选择图标的尺寸大小（24px-512px）！

如何设计一封别样的电子邮件，需要你另辟蹊径，尝试新思路，俘获收件人的心。icon 图标包罗万象，总有几款图标适合你的电子邮件排版。借用 icon 图标，更好传达邮件中的重点内容，能够更加吸引收件人继续阅读邮件。

设计，即是沟通

在闲暇之时，我们想要学习化妆技术，会上网刷小视频、看直播，各类化妆品在时尚博主巧用化妆工具之下，最后都能展示出精致的妆容。同理，在邮件营销领域，想要制作一封设计精美吸睛的邮件，让收件人一见倾心，一定要妙用邮件设计工具啦！

我们在开头将化妆技术与邮件技术相提并论，这样子你是不是初步理解邮件设计了呢？关于邮件设计，还有重要的一点，也是我们应该要思量的事情：一封成功的邮件，能够有效完整地将您的资讯，推送给收件人，无形中搭成了与他们沟通的桥梁。

四大原则指明邮件设计方向

提及到邮件设计，要专业设计师才能搞定…？何况想要制作一封大师级别、高颜值的邮件？将自己想象成为一个美妆博主，而需要美化的对象是一封邮件。首先选择一个合适的邮件平台，了解如何善用平台工具，熟练使用工具，最后制作一封邮件。

此外，根据我们接下来的设计原则-视觉层级，定能让你的邮件加分！视觉层级设计原则可以视为通用设计理念，也适用于邮件设计排版。在设计的过程中，依照重要内容进行排版。设计一封精美的邮件，从遵循四大要素开始做起：大小、颜色、字体和间隔。

• 大小：包括图片、字体的尺寸，在特定屏幕下，从视觉上看，更大的字体以及图片更加先吸引人注意力。
• 颜色：不同的色调，给阅读的人带来不同的视觉感受。
• 字体：字体样式选择、包括字体的大小，来强调重点内容。
• 间隔：图片、字体之间，不同设计元素之间要留间隔，有利于阅读的人更好理解内容。

在下面选取的参照范例，选择的邮件营销平台是 Benchmark Email，运用平台新鲜上线的拖曳式编辑器里排版功能-灵活的区段，并结合区块功能，基于设计原则，带您分解精选邮件范例，相信你同样也可以设计出来并拥有优秀的专属邮件。

范例一：Sushi

以上邮件资料来源于 Benchmark Email。

上方范例中，介绍各款推出的美味寿司，重点为9宫格图片组成。你可以看到：

Part 1：引文区段+导览列。导览列透过添加链接或锚点，能够引导邮件收件人到邮件其他部分，类似网站首页，引领访客到其他页面。
Part 2：两栏区段（左侧）、一栏区段+图片、文字区块。加入品牌名称图片Sushi，文字则可以是品牌标语。
Part 3：两栏区段+图卡区块（添加图片和文字，上图下文）。寿司产品图片和对产品的文字描述。
Part 4：一栏区段+CTA 按键区块、分段区块。呼吁用户购买的按键。
Part 5：两栏（左侧）+左边添加社群追踪区块、文字区块。能够请求订阅用户反馈。
Part 6：一栏区段+许可提示区块。管理此封邮件的订阅资讯。

设计原则运用：

-标题文字比邮件下方的文字尺寸大很多、加粗，能够第一眼吸引人注意。
-产品图片中，每张图片距离边框线都留有一定的间隔空间，这样看起来图片之间也不会太密集。

范例二：McDonald’s

以上邮件内容资料来源于麦当劳，设计排版解析来源于 Benchmark Email 观点。

我们选取的麦当劳的推广信，如果是使用 Benchmark Email 平台，同样也是可以制作出同款排版的邮件！我们带你来下面来瞧瞧邮件组成部分吧。

Part 1：一栏区段+文字区块、按键区块和图片区块。
Part 2：两栏区段+图片、文字区块。
Part 3：一栏区段+文字、图片、按键、底端文字（上图下文）区块。
Part 4：两栏区段（左侧）+文字、社群分享区块。
Part 5：一栏区段+许可提示区块。

范例三：Prima

以上邮件内容资料来源于 Prima，设计排版解析来源于 Benchmark Email 观点。

Prima 是一家研发健康护肤产品的品牌。 以下是他们的以往发送的邮件。

Part 1：一栏区段+文字区块、按键区块、图片区块和底端文字区块（上图下文）。
Part 2：三栏区段+底端文字区块（上图下文）。
Part 3：一栏区段+文字区块。
Part 4：两栏区段+文字、图片区块。
Part 5：一栏区段+社群分享、许可提示区块。

范例四：moonpig

以上邮件内容资料来源于 moonpig，设计排版解析来源于 Benchmark Email 观点。

moonpig 是一家专营卡片、鲜花礼物的网站，透过鲜花给亲人、朋友等送上真挚的祝福。

Part 1：一栏区段+导览区块、底端文字区块（上图下文）。
Part 2：两栏区段+上方 CTA 按键区块和下方图片区块。
Part 3：两栏区段+左图右文，或者右图左文， CTA 按键区块。
Part 4：一栏区段+文字区块。
Part 5：两栏区段+文字、图片、社群分享区块。
Part 6：一栏区段+许可提示。

范例五：Apple

以上邮件内容资料来源于 Apple，设计排版解析来源于 Benchmark Email 观点。

苹果公司与美国票务公司 Fandango 合作的新年促销邮件。

Part 1：一栏区段+分别加入图片区块、文字和 CTA 区块。
Part 2：三栏区段+图卡区块（上图下文）。
Part 3：一栏区段+文字区块。
Part 4：三栏式区段+图卡区块（上图下文）。
Part 5：两栏（左侧）区段+右栏文字区块（左图右文）。
Part 6：一栏区段+文字区块、底端文字区块。
Part 7：一栏区段+许可提示。

化身邮件设计小达人

关于邮件设计，个人认为不仅要有吸引收件人的美感，更主要是你的邮件排版设计还能传达重点资讯。我相信，在邮件设计排版方面，慢慢掌握技巧，你也会摸索出自己的路子，越走越顺利。