APP和网站这样的数字产品中所包含的有效的交互系统，通常是由包含不同任务和功能的小元素组合到一起的。想要让整套交互系统无缝顺畅地运行起来，细节的把控是非常有必要的。

　　在诸多的交互控件当中，按钮是最常见，也是最核心的交互元素之一，它的概念源自于现实世界，它存在的历史几乎和GUI的历史一样长。按钮设计得好不好，对于整个UX的转化率而言，有着非常直接的影响。在网页和APP的界面设计当中，影响用户体验和转化率最大的是CTA按钮，在很多情况下，CTA按钮都被UX设计师和和UI设计师所推崇，被视为许多UI/UX解决方案中的最佳实践。今天的文章，我们来就来简单探讨一下CTA按钮的相关问题。

　　什么是CTA按钮?它为何如此重要?

　　CTA 是 Call to action 的缩写，中文通常称之为行为召唤，CTA按钮即为行为召唤按钮。当设计师有意识地通过设计去引导甚至诱导用户去执行特定的操作，诸如点击按钮、留下联络方式或者发生购买行为，都算是行为召唤。

　　传统的CTA按钮很容易被注意到，设计师故意创造出这种“醒目”的局面，要的就是让用户抑制不住点击的冲动。为了达到这样的目的，设计师通常会在按钮上搭配特定的行为召唤用语，比如“了解更多”或者“现在购买”，或明或暗地鼓励、推动用户去执行操作。

　　行为召唤这一UX设计手段的主要目的就是催生交互、行为，提升转化，达成业务目标。当一个按钮设计得足够吸引潜在用户注意力的时候，它就具备了引导用户进入下一个阶段的可能性了。当用户选择点击按钮，填写表单，下单购买的时候，这个CTA的目的就达到了。

　　通过这样一个又一个行为召唤的设计，用户在网站和APP中逐步走入不同的阶段，进入不同的环节，了解产品，选择服务，执行操作，完成任务。即使是最专业最优质的内容也无法保证用户时刻保持高度参与，如果没有CTA按钮，用户可能只是简单扫一眼，然后离开。正如同我们常说的，这个信息爆炸的年代酒香也怕巷子深。

　　有些人可能认为，一个足够优秀的CTA按钮只需要尺寸够大色彩够亮就行了，实际不然，想要保证行为召唤的转化率，需要考虑的方方面面并不少。

　　哪些因素成就了CTA按钮?

　　尺寸

　　通过尺寸大小来划分元素重要性是UI设计中常用的手段。元素越大，重要性越高，这个逻辑很明晰。由于CTA 按钮的目标是引起用户的注意，因此设计师通常需要让它在和其他屏幕按钮、元素对比的时候足够突出，而增加按钮尺寸是一个很显著的方法。

　　从机率上来说，大按钮通常会比小按钮更容易被用户注意到，被点击到。不过，按钮总不能无限制地放大吧?在放大按钮的同时，你需要让它和整个布局之间保持协调，避免整体的层次结构被破坏。如果你不知道要如何控制大小，那么可以参考主流的设计规范：苹果的HIQ中要求CTA按钮至少为 44×44 px，而微软则建议至少为34×26 px。

　　色彩和形状

　　通过尺寸差异来营造视觉吸引力只是CTA能做做到的一个方面。为了让按钮足够清晰显著，在色彩和形状上的选择，同样重要。人类在色彩和形状上的感知同样是非常显著的，只不过在日常生活中往往不会太注意到这些反馈。当我们的视觉感知到形状和色彩所构成的视觉信号之时，信号传递到大脑，大脑会向神经元传递出不同的信号，分泌出荷尔蒙，在负责情绪和感情的区域作出不同的反馈。心理学认为，不同的色彩和形状对于大脑有着不同的影响。在之前的文章中，我们对于这些内容有所涉及，下面是相关的总结：

　　色彩的含义：

　　红色：自信，青春，热情，力量

　　橙色：友善，精力充沛，热情

　　黄色：快乐，乐观，温暖，警告

　　绿色：和平，成长，健康，自然

　　蓝色：信任，安全，稳定

　　紫色：豪华，创意，智慧，神秘

　　黑色：可靠，高贵，复杂，经验丰富，专业

　　白色：简单，纯洁，冷静，纯粹

　　形状的含义：

　　方形和矩形：力量，纪律，勇气，安全，可靠

　　三角形：兴奋，风险，危险，平衡，稳定

　　圆形和椭圆：永恒，女性化，宇宙，魔法，神秘

　　抽象图形：双关，唯一性，精心制作