CTA 设计 – 一点小细节，大不同

你集思广益。 你有完美的设计。 您的广告成功地吸引了合适客户的注意力。 但是他们看到它并滚动过去而没有点击广告。 你喜欢吗？ 明显不是！ 但是是什么让您的客户忽略了广告？ 是调色板还是副本？ 你可能会想到很多原因。 但是您仔细检查了 CTA 设计吗？ 可能不会。 这可能是您检查的最后一件事，但理想情况下，它应该是第一件事！

是的，您不希望仅仅因为设计不当或 CTA 薄弱而浪费完美的广告。 事实上，如果 CTA 没有达到目的，你甚至不能称其为“完美广告”。

但是 CTA 中的内容对吗？ 大多数时候，您只会看到一个简单的“单击此处”或“了解更多”。 我们听到你了。 但是，不管你信不信，从 CTA 按钮的位置到你选择的颜色、你使用的副本以及其中的字体样式，一切都会直接或间接地影响它对观众的影响。 很好奇吗？ 那就做好准备吧。 我们今天要讨论的是 CTA 设计。

CTA 设计——那么，为什么它很重要？

号召性用语或 CTA 必须是您广告中的亮点。 让我们来看看为什么 CTA 成为大多数营销图形中最关键的组成部分的一些原因。

1. CTA 让你的广告目标明确

要定义 CTA，您需要知道广告的目标是什么。 例如，对于您在各种平台上的所有活动，您不希望客户访问您的网站主页。 对于其中一些广告，您希望客户下载您的应用程序。 有些人应该将他们带到潜在客户捕获页面，以便您可以收集他们的详细联系信息，以用于未来的潜在客户培育工作。 而其他人可能必须将客户带到销售页面或产品页面，以帮助他们将商品添加到购物车并尽快进行购买。

因此，您的 CTA 有助于根据您为活动、特定广告或营销设计设定的目标将流量引导至预期方向。

2.帮助客户做决定

客户知道他们在寻找什么，但无论您相信与否，大多数消费者都希望在做出购买决定时得到一点帮助。 大多数广告、登陆页面和其他营销设计都有一个或两个 CTA。 在电子邮件中，当涉及一组产品类别或购物指南电子邮件时，您可能会有多个。 无论哪种方式，添加 CTA 都能确保客户克服决策疲劳并更有信心地进行下一步。

3.帮助提高转化率

有时，客户不会继续进行您的潜在客户漏斗中的下一步，仅仅是因为他们不知道下一步该去哪里。 添加 CTA 可以让他们更容易理解这一点。

让我们举个例子来更好地理解这一点。 下面的滑块出现在 Apple 网站上。

好吧，那么路易斯·阿姆斯特朗 (Louis Armstrong) 的黑与蓝调呢？ 为什么客户会在 Apple 网站上看到这个？ 也许底部的 Apple TV 标志表明这部纪录片在 Apple TV 上可用。 但那又怎样？ 如果不是 CTA“Stream Now”，上面的大部分答案都没有答案。 困惑的客户可能只是滚动浏览了它。 但由于 CTA 按钮，访问者知道单击它会毫不费力地把他们带到 Apple TV 上的流媒体页面。 这会促使他们点击滑块。 在那里，转换刚刚发生！

这是实现转化最直接的方法是添加清晰易懂的 CTA 的示例。

确定了 CTA 在设计中的重要性这一事实后，我们现在来谈谈一些 CTA 设计技巧。

CTA 设计：使其具有点击价值的技巧

您的 CTA 应该是设计中明显可区分的细节。 但与此同时，它不应分散客户对前面的基本信息的注意力。 您的视觉效果、文案和 CTA 一起应该清楚地呈现信息，并告诉客户为什么他们应该点击 CTA 以及当他们点击时会发生什么。 为了实现这一切，这里有一些技巧可以让您的 CTA 有利于您的设计。

1. 对文案稍作调整大有帮助

您应该知道，阅读广告或网页标题的用户中有 90% 也会阅读 CTA 文案。 所以，是的，副本确实很重要。

在下面的 CTA 中，一个简单的“下载”CTA 就足够了。 但是添加“免费”一词可以让客户放心，他们目前无需支付任何费用，但仍然可以下载内容。

据估计，个性化 CTA 的性能比简单 CTA 高 202%。 所以，花足够的时间在副本上。 确定听起来最有说服力且与上下文最相关的最佳词语。

个性化的 CTA 是让客户知道单击按钮时会发生什么的轻松方式。 例如，在下面的电子邮件中，服装会立即了解到单击“保留您的位置”按钮会将他们带到预订页面。 因此，只有当他们真正有兴趣进行预订或了解更多信息时，他们才会点击该按钮。

因此，如果您有个性化的 CTA，您可以确定只有真正感兴趣的潜在客户才能进一步沿着渠道向下移动。 这些是最有可能转化的线索。 如果他们不这样做，您就会知道他们是重新定位的潜在客户。

Kimp 提示：为了让您的 CTA 文案发挥最大的影响力，请选择一种简单易读的字体。 远离花哨的字体和装饰风格。 号召性用语应该易于阅读。

在不使用太多字体的情况下组合正确的字体感觉像是一项艰巨的任务？ 让专业的设计师来处理。

2. 让你的 CTA 看起来像一个按钮

如果号召性用语看起来像文案的其余部分，客户如何知道他们可以点击那里进入下一步？ 因此，让您的 CTA 看起来与副本的其余部分不同。

像让 CTA 看起来像一个按钮这样简单的事情就可以将点击次数显着提高 45%。 当然，根据设计其余部分的视觉风格和您品牌的视觉标识，您始终可以根据需要使用平面按钮或拟物化（三维）按钮。 但只要它作为一个按钮很容易被感知，访问者点击它的机会就更大。

3. 为您的 CTA 选择正确的颜色

您是否知道只需更改 CTA 设计的颜色就可以极大地改变 CTA 的外观和效果？ 事实上，SAP 注意到橙色的 CTA 按钮将他们的转化率提高了 32.5%。

当然，其他一些颜色可能更适合您的品牌。 您可以通过进行 A/B 测试来解决这个问题。 一种方法是创建同一设计的两个不同版本，保留除 CTA 之外的所有内容。 在这两种设计中使用不同颜色的 CTA 设计，看看哪一种转换效果更好。 如果你在网页上测试这个想法，你还可以使用热图和其他跟踪工具来了解访问者的行为并对你的设计进行进一步的调整。

选择颜色后，请确保您的 CTA 从背景中脱颖而出。 CTA 和背景不能使用相同的颜色。 CTA 设计的颜色与背景颜色和整体调色板之间应该有很好的对比。 如果 CTA 不容易被识别，即使是最好看的 CTA 设计和最好的副本也没有用。

在上面的示例中，红色 CTA 从深色背景中脱颖而出。 因此，不存在用户没有注意到 CTA 的风险。

Kimp 提示：颜色和颜色对比以棘手的方式发挥作用。 有时，具有最大对比度的颜色放在一起时可能会造成很大的视觉疲劳。 要了解有关配色方案以及如何选择对比色的更多信息，请查看我们关于色轮和配色方案的博客。

4.注意CTA设计的不透明度

您的 CTA 设计不易识别的另一个原因可能是背景图案和 CTA 设计的不透明度。 透明或半透明的 CTA 可能会在拥挤的背景中迷失。 在这种情况下，不透明的按钮会使 CTA 弹出。 或者，您也可以在下面的设计中添加细微的细节，例如围绕 CTA 的突出显示。 这些细节进一步增强了 CTA 的外观并引起了人们的注意。

想要为您的数字营销活动制作如此醒目的横幅吗？ 立即联系Kimp 团队。

5.利用负空间来发挥你的优势

在 CTA 周围添加负空间可以将转化率提高约 230%。 这是因为有效地使用负空间可以减少 CTA 周围的所有混乱，并将注意力引向它。

在上面的着陆页中，CTA 下方的所有空间使 CTA 很容易被注意到。吸引您眼球的 CTA 是最有可能被点击的。 因此，为确保客户不会因为没有注意到页面上的 CTA 而离开，请在其周围添加大量的负空间。

6. 不要添加太多 CTA

理想情况下，您应该为您的营销设计明确定义一个方向。 选择的目标和选项的提供处于早期阶段。 您需要明确定义潜在客户类别，并且您的广告应该准确定位。 当您的广告被隔离时，定义您的 CTA 变得更加容易。 我们会给你几个例子。

• 如果您的目标是潜在的潜在客户，您可能会有介绍您的品牌或说服他们访问您的网站的内容。 在这种情况下，CTA 最有可能将他们带到网站或您的社交媒体页面以收集更多信息。
• 您登陆您的网站或社交媒体页面的潜在客户已表现出第一层次的兴趣。 接下来是用正确的策略说服他们。 在这里，您可能会使用带有下载按钮的铅磁铁或带有订阅按钮的铅捕获页面。
• 对于现有客户，当您发送有关他们愿望清单中的商品或他们一直在浏览的商品的相关报价时，您的 CTA 会将他们带到产品页面。
• 如果是一封电子邮件地址是购物车放弃，CTA 会将客户带到他们的购物车以继续下订单。

您需要更好地了解买家的旅程，以了解他们正在寻找什么以及他们接下来应该去哪里。 在所有这些情况下，拥有一个 CTA 最有意义。

对于处于潜在客户漏斗早期阶段的潜在客户，太多的选择可能会导致混乱，而困惑的潜在客户可能不会做出决定。

7.但是当有多个方向时，保持一致性

对于简单的营销设计，单个 CTA 可以避免混淆并提高转化率。 但在某些地方，您需要多个 CTA 才能产生最大影响。 这是长格式设计的情况，例如登录页面和一些电子邮件。

当内容很长时，经常中断并在每个部分添加 CTA 将比希望客户一直阅读到页面底部并在那里找到 CTA 要好得多。

或者，如果着陆页或电子邮件采用购物指南的格式，客户可以在其中看到一组要购买的产品选项，那么每个选项的不同 CTA 将最有意义。

在所有这些你有多个 CTA 的情况下，在它们之间建立视觉上的一致性。 如果每个 CTA 设计看起来彼此不同，它会使整体设计看起来笨拙。 要保留的几件事是：

• CTA 按钮的形状和颜色
• CTA 副本中使用的字体
• 在按钮内对齐 CTA 副本
• CTA 按钮的方向

下面的着陆页每个部分都有不同的 CTA，但 CTA 设计看起来都是一致的。 它使页面看起来更有条理。 从可用性的角度来看，一旦客户看到几个这样的 CTA，只要他们在网站上看到类似的绿色按钮，他们就会知道这是一个指向另一个步骤的可点击链接。

使用 Kimp 创建值得点击的 CTA 设计

CTA 通过将客户带到预期的方向，使大多数营销设计感觉完整。 因此，不要忘记将 CTA 添加到您的电子邮件、登录页面、横幅广告和所有其他与 CTA 相关的营销设计中。 CTA 也出现在平面广告中，在这里它们主要是网站地址或企业的联系信息。 但是，它们仍然需要从设计的其余部分中脱颖而出，以便客户采取您希望他们采取的行动。 如果添加 CTA 没有弄乱设计结构，或者如果理解在哪里使用 CTA 以及如何使用 CTA 似乎让您感到困惑，请将其留给您的设计师。 选择 Kimp 订阅。 立即注册免费试用。