电子邮件设计排版技巧:字型大小与行距的运用与范例邦阅网

本文将深入探讨电子邮件排版的秘诀,聚焦于字体的选择、大小的适应和行距的优化。我们将分析读者在数位环境中的阅读习惯,并提供相应的设计建议,帮助您创建引人注目且易于阅读的电子邮件。无论您是在设计全新的电子邮件还是优化现有的版面,这些技巧都将助您提升点击率,从而实现更成功的行销策略。让我们开始深入探索如何运用字型、大小和行距来塑造出色的电子邮件,为您的行销活动注入更多活力和效果!

数位时代,人们的阅读方式和习惯已经发生了显著的变化。数位装置的普及,让读者不再仅局限于传统印刷品。了解读者的数位阅读习惯对于设计引人注目且易于消化的电子邮件至关重要。

在数位环境中,阅读者通常倾向于快速浏览内容,寻找吸引注意力的信息。因此,排版设计应该专注于制造视觉吸引力和提供清晰的讯息阶层。

理解读者的数位阅读习惯,能够帮助行销人针对性地优化电子邮件排版,以提高点击率。

运用上述的数位阅读为导向的排版技巧,您可以创造出更有吸引力且易于阅读的电子邮件,更有效地传递讯息并引导读者进行互动。

响应式设计(ResponsiveWebDesign,RWD)是一种网页设计的方法,让网站在不同大小的萤幕上,都能够有适当的展示比例,不需要再放大或缩小内容。这种设计方法的目标是确保网站在各种装置上都有优良的使用体验,包括手机、平板和桌上型电脑等。

越来越多的人使用行动设备阅读邮件,RWD便在电子邮件排版中成为不可忽视的一个要素。由于行动设备的萤幕尺寸各异,我们需要透过RWD来确保读者在不同设备上,都能够获得一致的阅读体验。除了使用RWD原则来设计邮件之外,还可以搭配以下建议来让阅读体验更上一层楼:

透过RWD和上述排版设计技巧,您能够确保无论读者使用哪种设备阅读您的电子邮件,都能够享受到一致且优质的阅读体验。

在电子邮件中,我们建议使用在大多数收件环境都能够正确显示的网页安全字型。这样可以确保您的设计在不同平台上保持一致,并且无论读者使用哪种收件端,字体都能够正常呈现,从而提供统一的阅读体验。

以下是BME系統內建,且常見的網頁安全字型:

Helvetica(無襯線字體)Arial(無襯線字體)ArialBlack(無襯線字體)Verdana(無襯線字體)Tahoma(無襯線字體)TrebuchetMS(無襯線字體)Impact(無襯線字體)TimesNewRoman(襯線字體)Georgia(襯線字體)Palatino(襯線字體)Baskerville(襯線字體)Courier(等寬字體)Lucida(等寬字體)ComicSansMS(草寫字體)標楷體(襯線字體)微軟正黑體(無襯線字體)微软雅黑(無襯線字體)新細明體(襯線字體)SimHei(中易黑體)(無襯線字體)

我们在前文说到,电子邮件设计中,字体的选择是影响可读性和品牌形象的重要因素。您可能也注意到,在上一个段落所提到的网页安全字型中,同时列出了该字型的类型。了解字体类型,能帮助我们依照目的选用适当的字体,以下将列出各字体类型的特点与适用场景:

衬线字体(Serif):特点是文字末端的装饰性衬线,举例来说,就是字母A两只脚出现两个底线,不妨碍我们辨识它是字母「A」,又多了一点装饰性;若以中文字型来理解的话,类似书法字的呈现方式,会多一些装饰性的收笔,而非直直写过去的笔画。

无衬线字体(Sans-Serif):相对于衬线字体,文字没有装饰性的衬线。这种字体类型让文字就算缩小,也不影响可读性,因此在数位阅读中有更好的可读性。

无衬线字体具有现代感和简洁感,易于数位阅读,适用于大多数的电子邮件内容,尤其是标题和短篇段落,能够营造现代且专业的印象。

打字机体(Monospace):又称等宽字体,每个字母的宽度相等,通常用于排列整齐的数字或程式码。它在展示程式码、表格或对齐的内容时很有用。

然而,等宽字体的设计风格较为标准化,不太适合强调品牌形象。

在电子邮件排版设计中,根据段落性质设定适当的字级大小是确保读者舒适阅读的关键,毕竟如果标题和内文用同一字级,我们很难从中快速判断区块重点。我们可以藉由交叉比对各大邮件收件端的建议字级大小,来找到最适合的字级设定,以确保内容在各种平台上都能够清晰可读。

阅读装置的种类和尺寸多种多样,从桌面电脑到手机和平板电脑,每个装置的萤幕尺寸都不同。这就意味着字级大小需要能够适应各种屏幕,从而确保阅读者在不同设备上都能够轻松阅读内容。

实际设计电子邮件排版时,不一定能依样画葫芦,直接套用前文所提供的14pt、18pt、24pt组合。有时候还得考虑以下项目:

受众喜好:如果您的电子邮件发送对象非年轻族群,他们可能更倾向从18pt开始起跳的字级阶梯。字体特色:如果您选用衬线字体,避免过小的字级让它无法呈现美丽的衬线,失去衬线字体的优势。多栏式排版:如果您在EDM中使用双栏或三栏式设计,必须留意文案长度是否因为字级向上加,造成系统自动换行。

您可以尝试不同的字级大小,发送EDM进行A/B测试,以确定受众最喜爱的字级大小。这不仅可以确保阅读体验最佳,还能够增强品牌形象和内容的专业性。谨记,字级大小设定的关键是找到好看和好读的平衡点,从而为读者提供舒适的阅读体验。

行距指的是文字行与行之间的垂直间距,若行距过小,可能会导致文字重叠或混乱,使阅读变得困难;若行距过大,可能会导致阅读速度减慢,使内容变得空洞。适当的行距能够影响阅读的可读性和舒适度,并确保文字排列清晰易读。在进一步探讨行距的作用之前,我们得先看看为何「留白」在排版设计中是不可忽视的。

「留白」指的是在排版中保留空白的区域,不填充文字或图像。这些空白区域在排版中具有重要作用,能够:

增强可读性:适当的留白能够使文字更易于辨识,不受其他元素的干扰,提高阅读效果。引导阅读:留白可以引导读者的视线,使他们更容易导向重要的内容和信息。增强美感:留白能够营造出整体的平衡感,提升排版的视觉吸引力。

一般来说,英文字型的行距会在字体大小的120%到150%之间进行调整,以确保文字排列整齐,易于阅读。那么中文字型呢?

中文文字通常比英文文字更加密集,而且字形复杂。因此,建议将中文文字段落的行距稍微调大,避免字形重叠或混乱。您可以将行距设定在字体大小的130%到150%之间。

另外,如果段落中同时混杂的中文和英文字型,且大小不同,应该根据较大的字型来设定行距。这将有助于保持整体排版的一致性和均衡性。

版面设计和视觉层次是创造引人注目的排版的关键元素。通过巧妙运用不同的字体大小、颜色和排列方式,您可以引导读者的注意力,创建出引人注目且具有吸引力的电子邮件,从而提升阅读体验并提高点击率。但是,我们如何知道自己的EDM有没有一个「好的排版」呢?

别忘了,排版最终的目的就是「凸显最重要的内容」。

为了用完整脉络说服收件人,又不会因其他资讯而从原本的目标(续约)上失焦,我们需要排版。

因此,您可以把排版好的EDM缩小,让所有内容能够一次展现,然后做模糊处理。

您可以透过这个方式检视排版的目的──「凸显最重要的内容」──是不是有达成?

Microsoft在EDM中运用非衬线字体,打造现代感和专业的品牌形象,与OneDrive作为一个数位存储解决方案相契合。

OneDrive的欢迎邮件顶部醒目的CTA按钮,首先突显电子邮件的主要目的,同时也在视觉上吸引了收件者的注意力。

这个设计范例展示了如何运用字体、版面和视觉层次,以及恰当的CTA策略,来引导读者进行所需的互动,同时传递品牌价值和产品特色。这种细致的排版设计不仅提升了品牌形象,还有助于增加点击率和读者参与度。

非营利组织台湾之心透过EDM宣传暑期义卖活动,同时营造出友好友善的品牌氛围。这封电子邮件在设计上注重亲近感和温馨的氛围。

EDM最上方引人注目的Banner,用手写风格的字体展示了义卖活动的主标题。这种字体风格赋予品牌一种亲切感,突显了组织的友好形象。用图片的方式突破收件端字型的显示限制,显然是一个好方法。

随后,内文使用不同的字级大小和间距,区分了不同段落的重要性。这种变化使得重要信息更容易被阅读者捕捉到,同时保持了整体排版的清晰度。通过这种分段的方式,台湾之心能够将诉求和活动细节有条理地传达给收件者,让他们更容易理解并参与慈善活动。

这个义卖邮件设计范例充分体现了如何运用字体、版面和视觉元素,来传递非营利组织的诉求,同时营造友善的品牌形象。

此外,我们探讨了实际的设计范例,展示了不同品牌如何在电子邮件中运用排版技巧来传递信息、提升品牌形象,以及引导读者的行动。无论是商业品牌还是非营利组织,都可以透过细致的排版设计来实现更好的效果。

总之,排版在提升电子邮件点击率中扮演着关键的角色。通过选择适合的字体、大小和行距,我们能够为读者创造出愉悦的阅读体验,同时有效传递内容和呼吁行动。将这些技巧应用于实际的电子邮件创作中,将有助于创建更具吸引力和影响力的EDM。

THE END
1.英文字体转换器所有字体 毛笔字 英文字体 花体英文 数字字体 卡通英文字体 英文手写体 好看的英文字体 哥特式英文 纹身字母 英文字体转换器Please input in English! 颜色 背景 透明? 英文字体列表/点图片快速转换Love Lovers Dr Carbfred Bees Sudestada Freebooter heather Mister Fish LUNABAR buffet DIZAJNER Gallery Celestial http://www.akuziti.com/yw/
2.英文字体转换器英文艺术字在线生成器英文艺术字体在线生成器收集了很多好看的英文字体,包括一些手写、艺术字体设计,完全免费的为您在线生成转换!https://www.8qm.cn/
3.英文字体在线生成英文字体下载字体吧英文字体下载,英文字体字体在线生成,英文字体字体在线设计,英文字体字体在线转换https://ziti8.cc/list/6.htm
4.9组好看的英文字体,带给你新的设计思路!作为设计师,恨不得把所有高颜值且字符数齐全的英文字体收入囊中,但即便如此,面对版权纠纷,还需要对字体进行二次设计才敢将作品面向大众。有没有既好看又免费可商用的英文字体呢?Pixso是国人自主研发的设计工具,全中文界面,内置多款免费可商用的英文字体,免去手动安装字体的步骤。我们一起来看看有什么高颜值英文字体吧!https://pixso.cn/designskills/english-fonts/
5.33个卓越的英文字体设计设计达人对于网页设计师或APP设计来说,字体设计应用很广泛,特别是淘宝海报设计、网站banner都是常用到。有很多直接能用字体设计来制作成海报,实在很棒。 今天我们摘选一些优秀的英文字体设计作品,这些作品中很多字体都经过设计师精心修改、排版而成,超漂亮,有的设计难度也很大,所以同学们在欣赏的同时也可尝试临摹他们的设计作品https://www.shejidaren.com/33-english-font-designs.html
6.20款好看实用的英文字体,做设计必备!收藏来自logo设计匠20款好看实用的英文字体,做设计必备!收藏转需~ 素材见萍 ~↓↓↓ https://weibo.com/6012712889/MDSHJbjRL
7.www.zcool.com.cn/work/ZNzA0MDM5NjA=.html英文字体设计合集 鱼鹿向钱 上海/平面设计师/96天前/55浏览 版权 可能感兴趣的人 下次默认收起 杨冬勇leoyang 温州| 平面设计师 创作18粉丝5937 黄有维水彩 北京| 平面设计师 创作43粉丝32837 LOGO设计_東 成都| 平面设计师 创作63粉丝17200 倩JadeZhanghttps://www.zcool.com.cn/work/ZNzA0MDM5NjA=.html
8.英文文字设计英文文字设计图片英文文字设计图片素材大全智能精选为您提供丰富的英文文字设计图片素材,英文文字设计模板,英文文字设计图片素材下载。助力您对于英文文字设计模板的创意设计灵感,充实饱满作品,查找更多模板作品选择摄图网下载https://m.699pic.com/image/yingwenwenzisheji.html
9.文字设计的英文文字设计翻译文字设计英语怎么说海词词典,最权威的学习词典,专业出版文字设计的英文,文字设计翻译,文字设计英语怎么说等详细讲解。海词词典:学习变容易,记忆很深刻。http://dict.cn/%E6%96%87%E5%AD%97%E8%AE%BE%E8%AE%A1
10.英文文字设计海报图片免费下载英文文字设计海报素材千图网为您找到582张英文文字设计海报相关素材,千图网还提供英文文字设计海报图片,英文文字设计海报素材, 英文文字设计海报模板等免费下载服务,千图网是国内专业创意营销服务交易平台,一站式解决企业营销数字化、协同化,实现营销转化效果增长!https://www.58pic.com/tupian/yingwenwenzishejihaibao.html
11.英文文字设计素材英文文字设计图片魔力设图片素材库提供英文文字设计图片下载和在线设计,包括英文文字设计图片、英文文字设计素材、英文文字设计模板。即可下载PS源文件素材,也可以直接在线编辑制作,无需PS,1分钟快速出图。http://www.51mo.com/search/248578.html
12.英文字母logo设计文字英文字母1、输入LOGO名称:填入您需要展示的品牌、商标或者网站名称,比如英文字母,这是logo制作中的重要信息。 2、输入品牌关键字:请填入所属行业关键字,比如:文字英文字母,可以告诉我们这个品牌在做什么,有利于我们分析你适合哪种logo类型。 3、自动生成LOGO:根据您的品牌信息自动生成多种英文字母logo,不仅有不同的图标设计,https://www.xiaoyingwu.cn/works/2040.html
13.字体设计商老师教设计的字体设计画板,该画板属于花瓣网插画/漫画相关类别的资源,其中共收集了53关于字体设计相关的图片素材资源,共被1人关注。花瓣网, 设计师寻找灵感的天堂!https://m.huaban.com/boards/29541033/
14.文字设计,characterdesign,音标,读音,翻译,英文例句,英语词典文字设计1. This article introduces the esthetics standard of character design of wall maps for medical teaching. 介绍了医学教学挂图中文字设计应达到的美学标准,提出了文字设计的方法,指出了文字设计应注意的问题。2. The program packing character design should be outstanding television station culture and http://www.dictall.com/indu/078/0775002F052.htm
15.一笔英文艺术签名设计在线生成免费版急切网一笔英文艺术签名设计在线生成免费版 签名颜色签名颜色 签名字体1.连笔英文2.一笔英文签名背景 一笔英文艺术签名设计在线生成免费版。 本款英文艺术签名设计款式由首至末,一气贯之,无丝毫倦意,一笔英文字体之下添加一段结尾曲线, 顿觉厚实开朗!http://www.jiqie.com/a/24.htm
16.文字设计的翻译是:Characterdesign中文翻译英文意思,翻译英语文字设计 选择语言:从中文简体中文翻译英语日语韩语俄语德语法语阿拉伯文西班牙语葡萄牙语意大利语荷兰语瑞典语希腊语捷克语丹麦语匈牙利语希伯来语波斯语挪威语乌尔都语罗马尼亚语土耳其语波兰语到中文简体中文翻译英语日语韩语俄语德语法语阿拉伯文西班牙语葡萄牙语意大利语荷兰语瑞典语希腊语捷克语丹麦语匈牙利语希伯来语波斯语http://eyu.zaixian-fanyi.com/fan_yi_3018946
17.文字为主的标志设计突出英文部分美美饮料总部设于北京,在2010年推出的啤酒品牌,在各大餐馆和排挡饮料消费,美美啤酒的清爽口感和价廉物美的特点深受广大消费者的喜爱。标志是以文字为主的标志设计,文字突出英文部分,连贯自然中有现代感,标志形式活跃,中英文的组合紧密而整体,在饮料快速消费品行业很容易被消费者记住,采用冷色调清新淡雅中更有明快感,符https://www.zhongmeishijue.net/pinpaiVIshijue/331.html
18.我爱你英文字体设计我爱你英文艺术字图片下载觅知网提供大量我爱你英文字体设计,我爱你英文艺术字图片在线下载。更多我爱你英文艺术字设计图片,尽在觅知网。https://m.51miz.com/so-yishuzi/3776821.html
19.文字创意设计——英文字母图形化设计一例《印刷世界》2005年03期1 英文字母设计概念及目的 什么 是字 体 设计 ,这个 概念在 西方被称之为“ Lettering ”,目前,设计 界对“Lettering ”的解 释多为“文字字型创造”、“ 文字造 型”、“ 文字 设计 ” 等内容, 并没 有统 一 的用 语。 简 而言之, 字体 设计 就 是使 原 (共4页)https://mall.cnki.net/magazine/Article/YINS20050300D.htm
20.中西文字并排设计(豆瓣)就不吐槽英文翻译得多么低劣了,连 “字距” 和 “段落行距” 这种极为重要的词汇也能翻译错,只看英文版让人实在摸不着头脑。不是很懂为什么要强行出版中英文对照版,翻译者很明显既不熟练于使用英语,又不是平面设计从业人员。 缺乏基本的语言学知识就请不要强行分析汉字文字 (展开) 0回应 灵芝片 2016https://book.douban.com/subject/25807952/
21.街头字体StreetFonts英文原版文字涂鸦字体设计创意字型字体当当善本图书旗舰店在线销售正版《街头字体 Street Fonts 英文原版 文字涂鸦字体设计 创意字型字体艺术平面设计书籍 hiphop》。最新《街头字体 Street Fonts 英文原版 文字涂鸦字体设计 创意字型字体艺术平面设计书籍 hiphop》简介、书评、试读、价格、图片等相关信息,尽在http://product.dangdang.com/product.aspx?product_id=1212994877
22.实现领域驱动设计ImplementingDomain实现领域驱动设计 中文完整扫描版 作者: Vaughn Vernon 译者: 滕云 由于CSDN上传限制 只能分隔为两个压缩包 这是第二个包。第一个包见:http://download.csdn.net/detail/wiseant/8689105 上传者:wiseant时间:2015-05-12 实现领域驱动设计——影印版 https://www.iteye.com/resource/li17209-9573447
23.自考大专00850广告设计基础复习资料复习资料(1)英文字母的大、小写 (2)英文字母的书写结构 (3)英文字母的结构特征 2.英文字体的种类 (1)等线体 (2)书写体 (3)变化体 (4)光学体 3.英文字体与阿拉伯数字 不同的英文字体有其相应的阿拉伯数字及标点符号。 四、文字的间隔与编排 第六章 标志设计 http://www.mdgs-edu.com/fxzl/1836.html
24.现代装饰用英文设计模板排版设计现代矢量文字手写拉丁语向量插画 关于 现代装饰用英文设计模板 排版设计 现代矢量文字 手写拉丁字母 颜色渐变文本 鲜艳的字体 低拉丁字母. 插画 包括有 国际, 了解, 查出 - 158679568https://cn.dreamstime.com/%E7%8E%B0%E4%BB%A3%E8%A3%85%E9%A5%B0%E7%94%A8%E8%8B%B1%E6%96%87%E8%AE%BE%E8%AE%A1%E6%A8%A1%E6%9D%BF-%E6%8E%92%E7%89%88%E8%AE%BE%E8%AE%A1-%E7%8E%B0%E4%BB%A3%E7%9F%A2%E9%87%8F%E6%96%87%E5%AD%97-%E6%89%8B%E5%86%99%E6%8B%89%E4%B8%81%E8%AF%AD-%E6%89%8B%E5%86%99%E6%8B%89%E4%B8%81%E5%AD%97%E6%AF%8D-%E9%A2%9C%E8%89%B2%E6%B8%90%E5%8F%98%E6%96%87%E6%9C%AC-image158679568
25.算法设计(英文文字版)byJonKleinberg&Eva英文版 算法设计 Preface Algorithmic ideas are pervasive, and their reach is apparent in examples both within computer science and beyond. Some of the major shifts in Internet routing standards can be viewed as debates over the deficiencies of one shortest-path algorithm and the relative advantages https://download.csdn.net/download/itnerd/10677486
26.通用英文艺术字素材通用英文艺术字图片元素觅元素是设计素材的免费下载网站,提供通用英文艺术字素材,通用英文艺术字图片,通用英文艺术字免抠素材设计元素,通用英文艺术字png图片透明背景等素材免费下载。https://www.51yuansu.com/tupian/tongyongyingwenyishuzi.html
27.InDesign排版:英文版面设计的常见问题图1 这个设计需要重新调整——我在看完标题后,就自然地去到右边的一栏上方想开始阅读,但这里并不是这篇文章开始的地方。 二、错误断开 在编辑的词汇里,“错误断开”是指两行文字间,一个单词不恰当地被断开了。虽然在英文里,有时一个单词总有断开转到另一行的时候,但做决定的人是你自己。你必须紧记一点的时https://www.yiihuu.com/twjc/32994.html
28.26个英文字母艺术字设计图片千库网为设计者提供26个英文字母,为您省却艺术字设计制作时间,优质而新颖的艺术字素材为您的设计提供便捷高效和灵感创意https://m.588ku.com/ycwordart/10433486.html