素在白色背景上非常

[subornaakter40]

蓝色“品牌”颜色的 CTA 元突出，按钮本身的形状也很简单。

CTA 文本本质上也是通用的，并包含一个加载图标。文本颜色与页面背景颜色相匹配，CTA 元素上的字体与其余内容相同。

由于该软件是商业的，因此“隐私声明”的链接和同意许可协议的表格被放置在 CTA 元素旁边。

也讀吧！

“报价示例：学习如何做出最佳报价”
阅读更多
CTA 元素包含号召性用语，强调了优惠 澳大利亚手机号生成 的好处
在本节中，我们将使用网站 Mail.ru 和 Frendi.ru（以前的 Groupon）作为示例。

网站 Mail.ru.webp

此页面上的 CTA 元素为亮绿色，与白色背景形成鲜明对比，但同时又和谐地融合在一起，不会造成不平衡。

CTA 元素上的行动号召清楚地展示了点击它的好处，敦促访问者“立即”执行此操作。 CTA 元素上的字体是正常的，与页面上其余文本相同。

值得注意的是，该页面有一个“免费呼叫”子元素，指的是按钮上的行动号召。它的设计引人注目，这就是为什么用户会寻找如何获得如此有利可图的优惠。这个 CTA 元素的有效性将达到最高，因为这个按钮是访问该页面的逻辑结论。

Frendi 网站采用了不同的技术：

Frendi 网站

CTA 元素中文本和按钮的完美结合，能够很好地吸引注意力并鼓励采取行动。

CTA 元素明亮，形状为长方形，其颜色与网站的整体配色方案不同。尽管如此，用彩色图片填充窗口有助于避免不平衡，并且它们的装饰性是一种不会分散用户对功能部分的注意力的“功能”。

CTA元素上的行动号召显然与要约的上下文相关，并充当“最后一句话”，因此其一般措辞是可以接受的。文字颜色与按钮形成对比，使用的字体为粗体，从心理上将 CTA 元素上的文字与标题联系起来。

行动号召按钮位于页面顶部
为了说明本节，我们以 Ozon 和 Pinterest 网站为例。他们的登陆页面上的 CTA 元素的设计非常相似。

登陆页面设计


登陆页面设计2

CTA 元素采用“严格”的蓝色，具有经典的按钮形状（带有阴影和体积效果）。为了突出按钮的对比，我们在按钮下方使用了中间色调的“衬里”。此外，在这个区域，还设置了用户行动号召：“选择”和“搜索”。

CTA 元素上的铭文清晰明确，采用统一的风格，仅在突出显示方面有所不同。文字颜色与按钮颜色形成对比，并与背景颜色相匹配。

请注意 Ozon 页面的配色方案，它做得相当“适度”，没有过多的色彩。这种“心理”技巧是故意为之——用户认为它有一定的可靠性，而开发人员并不想用鲜艳的装饰来吸引注意力。通过图像展示服务运行情况，可以使信息更容易被感知。