然而，尽管 New Balance 因背景颜色的选择而受益，但医疗保健公司应该避免使用这种颜色。红色可能会引发焦虑，因此代表冷静和稳定的绿色和蓝色是更好的选择。
我们要检查的下一个颜色示例是黄色，它通常与幸福联系在一起。从对比的角度来看，它的比率为6.51，符合要求并引人注目。航空公司为按钮选择这种背景颜色并不奇怪。
按钮文本
既然我们已经讨论了颜色，我建议我们转到按钮文本。吸引读者的注意力是不够的。电子邮件按钮应该起到激励作用并鼓励行动。
我们将要研究的第一个按钮简洁而精确。它突出显示了所需的操作，即立即购物。字体大小为 14 px；字体系列为 Verdana，是一种无衬线字体。对比度为18.42，文本非常易读且易于理解。
动作驱动按钮文本示例
（来源：Zappos 的电子邮件）
下一个按钮的文字并没有给我太多启发，但却引起了我的兴趣。由于这是一个基于图像的按钮，因此 HTML 代码没有提供有关字体大小或字体系列的详细信息。对比度为20.12，但风格差异很明显：斜体表示神秘，大写表示强度。
有趣且非行动驱动的按钮文本示例
（来源：Reserved 的电子邮件）
选择黑色电子邮件按钮并非偶然；即使 斯洛文尼亚 电话号码数据 颜色相同，每个按钮也会引发不同的情绪。按钮的文本选择与设计同样重要。
现在，我的收件箱按钮是否符合移动设备的建议？让我们看看。
移动设备优化
电子邮件按钮必须在移动设备上可用。如果您仍在犹豫，这些数字可能会令人信服！
大约61%的电子邮件收件人使用移动设备查看电子邮件。
不优化布局元素意味着失去 免费计划和实时数据可帮助您 潜在客户。就我个人而言，我给电子邮件按钮点击了几次——如果它们不起作用，它们就不该起作用。当然，这不一定发生在你的电子邮件上。
以下是需要考虑的关键点：
点击区域： Google可用性指南建议最小点击区域为 48 dp × 48 dp。确保电子邮件按钮易于点击；
电子邮件按钮的位置：避免拥挤多个号召性用语按钮，因为这会使点击所需的按钮变得困难；
电子邮件按钮位置太近的示例
（来源：The North Face 的电子邮件）
操作系统：操作系统对使用 HTML 代码创 购买线索 建的相同元素的处理方式可能有所不同。Android 和 iOS 设备可能呈现不同的电子邮件按钮。我建议对元素进行测试以防止发生这种情况。
考虑到所有关键响应点，现在是时候构建电子邮件按钮并付诸实践了。
使用 Stripo 创建 HTML 电子邮件按钮
电子邮件按钮是一个很小的元素，必须仍然易于访问并针对移动设备进行优化。然而，设计需要时间，而电子邮件营销团队可能没有那么多时间。
这时 Stripo 的模板生成器就可以派上用场了！您可以按照以下方法创建按钮：
打开您帐户中的编辑器。
将电子邮件按钮块拖放到模板区域：
如何在 Stripo 的模板生成器中添加按钮的示意图
按钮已添加。
一旦电子邮件按钮位于模板上，您就可以开始设置它。如果您单击该元素，您将看到两个选项卡。
设置选项卡：在这里，您可以编辑按钮文本、添加链接、对齐按钮、编辑桌面边距、固定高度和添加图标。
按钮块的设置选项卡
样式选项卡：此选项卡允许您选择块背景颜色、按钮颜色、字体系列、字体大小和边框半径。
按钮块的样式选项卡
为了确保您的电子邮件按钮针对移动设备进行了优化，请使用右上角的切换器。切换后，如果电子邮件内容过多，您可以隐藏手机上的元素以释放空间。
如何在移动设备上预览电子邮件按钮
Stripo 中创建的按钮已经可以访问且语义正确，因此它将在任何电子邮件客户端中正确显示并保持圆角。
如果您希望节省更多时间，我们的团队有一个模板库供您使用。所有电子邮件模板都是可编辑的，因此您可以根据需要进行调整。
总结
无论大小，电子邮件按钮都是布局的重要组成部分。让按钮易于访问、对比度高且针对不同的电子邮件客户端和移动设备进行优化，可以改善电子邮件活动并提高转化率。
Stripo 可以帮您解决这个问题！您只需要专注于设计和视觉效果，我们就可以处理代码。