主题栏–如何进行电子邮件设计

本文概述

• 移动电子邮件设计的重要性
• 专注于内容
• 强化品牌
• 用颜色吸引注意
• 使用惊人的图像
• 试验非常规布局
• 使用字体
• 玩动画
• 呼吁采取行动
• 留意电子邮件设计最佳实践

很大一部分消费者(99％)每天都要检查他们的电子邮件。某些人(包括千禧一代)更喜欢来自公司的电子邮件通信, 而不是其他形式的通信, 例如电话或短信。随着全球活跃的电子邮件帐户超过50亿, 电子邮件是任何数字产品策略的重要组成部分。

尽管市场营销人员可以使用数千种电子邮件模板设计, 但电子邮件设计是Web设计师的重要专业知识领域。对于那些想要与更大的品牌, 创意公司以及其他避开模板合作的人来说, 尤其如此。

由于大多数电子邮件平台的局限性(对最大的Gmail之一的Web字体之类的支持有限)以及消费者从电子邮件平台打开电子邮件时的期望, 设计者在设计电子邮件时应牢记一些注意事项他们可能已经与之开展业务的公司。

移动电子邮件设计的重要性

现在, 至少有一半的电子邮件是在移动设备上打开和阅读的, 这对于设计师无视移动友好型电子邮件设计是不负责任的。特别是考虑到移动电子邮件的转换率往往明显高于台式机的转换率。

Krista Swanson在Behance上设计

PiperJaffray的这种移动电子邮件设计使事情变得简单而优雅。整洁的链接和精妙的品牌标记可在移动设备上轻松阅读。它把用户的需求放在首位, 从而改善了用户的整体体验和对公司的看法。

Dribbble将他们的”热门照片”电子邮件保持重点, 完全集中在内容上。该焦点使电子邮件易于在移动设备上导航。虽然针对多种电子邮件的简单布局以内容为重点是一个好主意, 但它特别适合移动电子邮件, 在移动电子邮件中, 使用内容和与之交互都变得更加容易。

专注于内容

作为最佳实践, 无论是设计电子邮件还是其他数字产品, 设计师都应始终专注于内容。某些电子邮件设计通过以内容为设计的简约设计将这种最佳实践发挥到了极致。

在处理大多数电子邮件设计时, 设计师会受益于首先创建内容然后再进入设计。但是, 尤其是在极简设计中, 了解内容的前途显得尤为重要。

漫威以简约的设计将焦点直接放在其内容上。白色背景和仅支持页面文字的图像使内容真正脱颖而出。

Unsplash的所有电子邮件都将重点完全放在宣传的图像上。图片底部的”查看收藏”按钮和淡入淡出可以增加对该网站的点击率, 因为它使人们希望看到更多内容。

强化品牌

访客到达网站时, (理想情况下)是沉浸式品牌体验。一切都在网站设计师的控制之下。但是电子邮件设计是不同的。用户正在查看另一个应用程序中的电子邮件, 并且并非所有电子邮件应用程序均等地呈现所有电子邮件。

因此, 电子邮件设计中的品牌对于为用户阅读电子邮件提供正确的体验至关重要。但是, 通常需要使品牌宣传保持简单, 以便在各种设备和电子邮件客户端上有效地呈现给最高比例的用户。

电子邮件顶部的简单徽标, 在多张图片中使用相同的标题图片, 并与该品牌的其他数字产品保持尽可能多的元素一致, 这对于支持和增强该品牌对消费者的认知大有帮助。

Everlane的电子邮件和网站品牌本质上很简单。他们的徽标在此电子邮件的顶部显着突出, 从而增强了品牌形象。

中指项目在所有电子邮件中使用一致的标题图像, 以及明亮的紫色装饰色。这使得订阅的任何人都可以立即识别出他们的电子邮件, 并且在网站上继续进行品牌宣传。

用颜色吸引注意

颜色对人类的思维有很大的影响, 具有影响情感, 感知甚至行为的能力。在电子邮件中有效使用颜色可以提高点击率和转换率。在某些测试中, 按钮颜色的差异可使转化率差异超过20％。

但这不只是号召性用语可以从使用颜色中受益。创建彩色电子邮件可能会超出预期, 并且会与个人收件箱中的其他电子邮件产生完全不同的外观。

提请注意带有鲜红色的销售横幅让人想起现实中的销售标志, 通常也用相同的颜色完成销售标志。读者的眼睛立即被红色吸引。

斯堪的纳维亚家具电子商务网站Article采用了柔和的红色和绿色配色方案, 红色将注意力放在最重要的部分上-销售号召性用语按钮。

Shaun Dorris在Behance上设计

尽管某些电子邮件设计使用颜色来吸引人们对内容的特定部分的注意, 但是来自休斯顿动物园的这封电子邮件使用明亮的颜色来创建有趣而充满活力的设计。鲜艳的橙色和粉红色的配色方案立即吸引眼球, 并吸引了读者的注意。

使用惊人的图像

人类是视觉生物, 令人惊叹的图像可以提升电子邮件并吸引读者的注意力。图片还可以增强电子邮件的信息和公司的品牌。

电视节目似乎在”令人惊叹的图像”类别中处于优势地位, 这封Netflix电子邮件使用了陌生人事物公司充满活力却神秘的照片。从UX的角度来看, 将醒目的图像与紧随其后的”播放”号召性用语结合起来是有意义的, 因为它使读者可以轻松地立即观看推介的节目。

令人惊叹的图像不仅限于照片。像WePresent在其电子邮件中使用的卡通插图或插图, 就像照片一样引人注目, 并且可以帮助将读者吸引到其中。

Harvs Linarez在Behance上设计

这封致命的电子邮件, 宣传了探索频道的纪录片系列, 显示了一个令人惊叹的标题图像, 该图像融入了其下方的内容中。这是一种鼓励观看者继续阅读的有用技术。

试验非常规布局

许多电子邮件设计都具有非常标准的格式：顶部是标题, 单列内容, 顶部和底部是号召性用语。但是没有规则说设计师必须遵循特定的模式。

非常规的布局是一种吸引读者注意力并使他们想要阅读内容的好方法。有多种创建异常设计的方法。一种流行的方法是使用图像来创建不一定与许多电子邮件平台兼容的电子邮件布局。

非常规的布局不一定需要摆在墙上。来自Mailchimp的该产品采用两列设计, 其中一列由色块占据。令人难忘的是它的视觉吸引力和意想不到的效果。

Piotr Swierkowski在Behance上设计

使用图像可以为KLM设计出更多意想不到的电子邮件布局。设计人员仅需记住, 某些电子邮件客户端仍然会阻止图像自动加载, 因此必须保留仍能传达消息要旨的后备文本。

使用字体

大多数流行的电子邮件客户端都支持Web字体, 但不幸的是, 并非所有字体都支持-Gmail是最明显的例外(尽管Gmail确实在Gmail界面中支持Roboto和Google Sans)。但是, 设计人员仍然可以使用Web字体, 只要他们记住大量电子邮件客户端将使用后备字体即可。

当然, 使用Web字体的替代方法是使用包含字体的图像。这就是许多电子邮件设计师选择的方式, 尤其是在标头中, 后备字体可能看起来不合适。

Katelyn Steffen在Behance上设计

这份FabFitFun时事通讯使用有趣的脚本字体来吸引人们对内容的注意, 同时将其与清晰易懂的sans serif字体配对。在电子邮件设计中尝试字体组合是一个好主意, 甚至可以在更改网站上的字体或在其他品牌材料中使用它们之前用作试运行。

Krysta Francoeur在Behance上设计

Sickbubble在其电子邮件设计中使用了多种字体, 这可能很棘手。但是在这种情况下, 因为它们将每个部分分开, 所以它可以工作。标头中的显示字体具有非常前卫的感觉, 而主体文本是易于阅读的无衬线。产品促销部分中的手写字体有效, 因为它与电子邮件的正文有偏移。

玩动画

动画使电子邮件更具视觉吸引力, 并立即引起读者的注意。动画GIF是在电子邮件中添加移动的一种流行选择, 并且大多数电子邮件客户端都支持。

嵌入任何动画时, 设计人员应确保记住文件大小, 因为太多的人在移动设备上阅读电子邮件。他们还应确保动画支持内容, 而不仅仅是填充。

如Product Hunt的此电子邮件示例中所示, 使用动画GIF引导点回家或更好地说明以有趣的方式呈现的内容是电子邮件设计的绝佳补充。

Hustle在电子邮件中使用了动画GIF, 既可以说明邮件的要点, 又可以使极简主义的电子邮件设计更具视觉吸引力。

呼吁采取行动

行动呼吁可以说是公司发送的几乎所有电子邮件中最重要的部分。大多数电子邮件都会发送到提示操作, 无论该操作是阅读文章, 购买产品还是执行其他行为。

精心设计的设计师可以密切注意号召性用语的设计, 并对其进行A / B测试, 以确保针对性能进行优化。

就像Litmus在这里所做的那样, 使用鲜艳的色彩来呼吁行动, 使其在其余内容中脱颖而出。设计师应考虑尝试不同的颜色, 以通过在发送电子邮件活动时采用A / B测试来查看哪种颜色最适合其受众。

使用与电子邮件其余所有内容完全不同的颜色进行号召性用语会使它脱颖而出。由于Campaign Monitor电子邮件中的柠檬绿是与构成背景的紫色分开的互补色, 因此脱颖而出而不会发生冲突。

留意电子邮件设计最佳实践

尽管在电子邮件设计中有很多创新和试验的空间, 但设计人员还需要牢记最佳实践和媒体的局限性。

电子邮件设计中最重要的步骤之一是在发送电子邮件之前, 先在各种电子邮件平台上对其进行测试。尽管它们之间可能会有很小的差异, 并且总是有人会使用不太常见的平台来呈现不同的设计, 但是确保电子邮件能够被大多数用户接受是明智的。

设计师可以使用多种电子邮件测试服务来查看其电子邮件在各种电子邮件平台上的外观。 Litmus是最受欢迎的软件之一, 但Mailgun, Acid上的电子邮件, Mailtrap和Preview My Email等其他选项也值得一看, 以查看哪种最能满足每个项目的需求。

除此之外, 由于在移动设备上打开的电子邮件数量众多, 因此必须牢记图像大小和带宽使用情况。出于同样的原因, 响应式设计实际上是必需的。

最好的电子邮件设计将使人们易于在任何设备上阅读, 并且最重要的是, 将提示他们单击电子邮件中的号召性用语(或执行其他要求的操作)。遵循这些电子邮件设计最佳实践, 可使Web设计人员在创建有效执行此操作的电子邮件方面具有优势。

• • •

在srcmini设计博客上进一步阅读：

• 体验就是一切–终极用户体验指南
• 所有趋势都值得吗？设计师犯下的5个最常见的UX错误
• UI与UX –探索核心差异[信息图]
• 移动用户体验设计原理和最佳实践
• 移动可用性基础指南