如何让你的邮件脱颖而出(设计篇)更新版
时间:2023-07-25 10:09:01 | 来源:网站运营
时间:2023-07-25 10:09:01 来源:网站运营
如何让你的邮件脱颖而出(设计篇)更新版:
我是一篇《Designing for email》的书籍导读,如果你没有时间阅读该书全文,我将带领你了解该书的精髓部分,从而设计出优质的邮件。本篇重点是两个方面:模块化设计和版式设计。如果想了解更多内容设计的部分,请参考:如何让你的邮件脱颖而出(内容篇)
预计阅读时间:8 分钟
谁应该读下去:为公司担任邮件设计任务的设计师,Marketing部门,想要通过邮件加强用户联系的企业/个人
邮件是各大小企业、个人与客户交流的重要工具。在碎片化信息高速发展的时代,邮件拥有的相对「持续」的属性,也让其作用更加不可小觑。我将主要从
设计和内容这两个方面来帮助你更好地设计出吸引人的邮件。
模块化你的邮件
模块化设计1. 创建一个设计体系
我建议大家用模块化的方式设计邮件体系。最常见的方法就是分解常用的内容/设计为不同的板块,这些板块这样可以像积木一样在设计的时候方便地排列组合。这些板块可以是文字内容,图片,视频,或是链接按钮等。
在使用的时候,你只需要根据主题(我这封邮件的主题是推销、咨询还是业务?)选择你的常用板块,进行不同的排列组合即可。
常用模块确立之后,就应该根据不同的需要来独立设计每个模块。注意要尽可能让每个模块独立可用,并且给每个模块多些不同选择。然后用这些模块去建立框架模板。
这样做的好处有两点,一方面,创建的邮件体系可以让你保持风格的一致,这对保持你的客户群很重要;另一方面,通过模块的排列组合,你可以方便高效地创建新邮件,从而节省大量的时间。
提示:记得保持模版库的更新。
2. 组合框架
独立的模块确立好之后,就需要将邮件组合成框架。下面这张图就诠释了如何用模块化的思维思考邮件的板块:
也就是说,你需要建立清晰的每个独立模块,为他们定义不同的目的。
3. 测试和迭代
在你的邮件模板之后,不要忘了进行测试和迭代你的邮件。一个很好的办法就是对你邮件进行A/B testing,这样,你才能知道哪种模板是你的客户最喜欢的,从而固定下你自己邮件的模式。
你可以不断对你的邮件保持更新,从而适应市场和用户新的需求。但是,最好不要一下子对你的邮件模板有彻底的改变,这可能会让你流失大批客户,因为他们已经习惯了以前的方式。比较安全的方法是通过连续的、渐进的改变来让你的用户逐渐接受和适应邮件的改版。
尺寸很重要:响应式设计中的句子长度与字体的平衡
谷歌最新报告发现,移动端(尤其是手机)对页面的访问量已超过了50%。在国内,用手机浏览网页的人也是占据了越来越多的份额。这就让页面的响应式设计变得无比重要。邮件设计也是如此。在进行邮件版面设计的时候,需要考虑用户在不同屏幕尺寸上进行浏览的体验。
句子长度你知道人们是怎么阅读的吗?
科学家在对阅读者进行眼动实验研究之后,发现了人们阅读习惯几个有意思的事实:
- 人们习惯于跳读,而不是逐字逐句阅读文章
- 阅读者会带着目的地阅读
- 对内容有兴趣的人才会愿意慢下来阅读整篇文章
- 眼动路径:F 型眼动模式
这是尼尔森诺曼团队对阅读者进行眼动实验时得出的热力图。从左到右依次对应细读(engaged reading), 随意浏览(casual reading) 和带着目的阅读(puroposeful reading)。
可以看出,无论是哪种阅读方式,由于人们通常不会用匀速从头到尾看完一行的每一个字就跳到下一行,这种平行和竖直的眼动路径结果就是形成一个 F 形的眼动路径。
这对我们设计有什么启发?
根据阅读者的眼动路径,我们在设计中就更需要注意文章的尺寸大小。具体来说,我们应该用合适的句子长度来让读者感觉从上到下和从左到右的转换是
舒适的:
- 最完美的句子长度(印刷):65个英文字符(32个左右的中文字符)
- 印刷中45-75个英文字符是理想的长度范围(包括标点和空格)
- 对于网页设计来说,我把这个范围扩大到了每行45-85个英文字符
Chris Coyer最近提出每行45-75个英文字符来适应网页的响应式设计。
不过,不管是什么尺寸,其实唯一的规则就是设计出舒适、可阅读性高的页面。
字体大小和行距在响应式设计页面上,满足屏幕大小的易读性应该是优先于理想字体和句子长度的。也就是说,不需要拘泥于尺寸规则。在不同屏幕尺寸上,可以等比扩大或缩小字体大小。
从行距来说,过宽的行距会影响阅读速度,过窄的行距让人觉得不舒服,
建议采取 150% * 字体大小 这样的行距来进行排版。同时要注意:越小的字体反而需要越宽的行距。因为更宽的行距可以让眼睛更易辨认小字,并且可以在眼睛开始厌倦小字的时候,鼓励读者视线继续水平移动。
如果你对以上原则都已经运用得很熟练了,那么我鼓励你不断创新,打破规则。因为就像刚刚提到的,其实唯一的版式设计规则就是:让排版美观舒适、可读性强。
谢谢阅读