什么是 CTA 按钮。CTA 英文全称： Call To Action，简写为 CTA，翻译成中文就是行动点引导，最直接、常用的就是操作按钮。
在产品中，一般用户需要按照一定的流程才能达成某项目的。为了让用户更加轻松的完成某项任务，并且我们引导用户在页面中不受其他干扰，这时候其中某个操作比其他操作更重要，所以，为了这个按钮更加突出，我们必要让这个按钮在页面中脱颖而出，抓住用户的注意力，吸引用户去点击这个按钮，这个按钮就是我们今天讲的 CTA，行动号召按钮。举个例子：电商产品，最重要的就是用户的下单转化率，为了最大限度的提高下单转化，“立即购买”这个按钮就尤其突出。
但是，在视觉表现上，这个按钮用什么颜色呢？
色彩心理学
每种颜色都会唤起人们不同的感觉和情绪，所以人们看到不同的颜色时会产生不同的反应。例如：健身房的墙壁上很多都是蓝色，因为研究表明举重运动员能够在蓝色的健身房里发挥更大的力量。
关于吕小军为什么在奥运会的时候穿蓝色衣服，我之前认为是“帅”的元素考量，现在通过对颜色心理学的研究发现，这里蓝色衣服更多的代表激励。
颜色在某些场景下也代表鼓励或者禁止的含义，我们可以通过颜色组合让用户做出我们希望用户做的选择，从而引导用户。
例如：马路上的红绿灯，产品设计中红色代表禁止、提醒，绿色代表成功。
但是，如果产品用户是全球化用户，需要对当地用户做一些针对性颜色研究。用户对颜色的感知是主观的，颜色的认知也根据当地文化而变化。例如：黑色在许多文化中与死亡和哀悼有关，但它在古埃及也代表着生命和重生。
在设计 CTA 时，颜色的使用也可以使用对比色。 例如：
在这个产品中，基于颜色背景，红色按钮就代表第一操作，CTA 按钮，蓝色按钮相对弱化，不太重要的操作。
那么 CTA 按钮应该使用什么样的颜色呢？
先把 CTA 按钮拆解一下，一个按钮一共有 4 部分组成：位置、形状、颜色、信息。如果这 4 个元素很统一，那么这就是一个很好的 CTA 按钮。
考虑到这一点，我们需要知道设计中一些通用的设计原则和指南。
- 背景色与文案信息需要有对比。
- 正负向按钮同时出现时需要有对比。
- CTA按钮需要与页面背景有对比。
但是无论选择什么颜色，请确保 CTA 按钮在不影响整体设计的情况下引人注目。
当然，本文只是简单介绍了 CTA 按钮的颜色，最终也没有给出最好的案例结果，但是设计毕竟是千变万化的，CTA 按钮最终的作用是为了提高点击、提高转化，任何产品都不可能固定用某一种颜色，我在《解密 Instagram》这本书中看到，底部 tab bar 中间 “发表”这个按钮颜色是通过 41 种颜色 AB 测试出来的。所以，如果想要找到属于自己产品最佳的颜色测试，我们可以更多的通过 AB 测试，根据数据研究我们的颜色可用性。
接下来会写： CTA 按钮的位置、CTA 按钮的形状、CTA 按钮的信息表述。
若有收获，就点个赞吧
0 人点赞
