按钮点睛的实例与实践

作者:Admin  来源:易佳四方  录入:Admin  更新时间:2011-1-5 21:11:27  点击数:20

The Invoice Machine
这里你可以看到两个使用蓝色边框高亮的行动召唤按钮,因为它们使用了同样的风格,我们可以假定它们有相同的重要性。或许该公司确定用户在看到他们提供的东西之前不太可能选择注册的行为,也或者他们确信产品之旅将更有效的帮他们将访问者转换为会员。

Ekklesia 360
这套行动召唤按钮展示使用图标来指示向前的感觉(用指向右边的箭头表示)。他们使用了一个相对于黑蓝色背景的高对比的色彩以使行动召唤按钮从页面设计中突出出来。

Checkout
通过使用一个相对于全局设计的非常突出的颜色到他们的行动召唤按钮,尽管在它上面的图片明显比按钮的型号还要大,它依然能够吸引用户的注意。

spinen
使用直接而清晰的语言告诉用户当他们采取行动后预期的事情:这样的话,点击这个行动召唤按钮将让他们找到产品的更多信息。

Codebase
这个行动召唤按钮告诉用户,通过执行这个行动他们能得到什么:免费15天的试用。它通过使用高对比色彩、在左边的一个图标以及大量的空白来吸引用户的注意。

GoodBarry
在这个行动召唤按钮中,你可以看到空白、型号以及聪明的色彩选择是如何有效的让一个行动召唤按钮变得非常醒目。强调这个行动是免费的”FREE”能够暗示用户他们的预期。