按钮点睛的实例与实践

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

放在布局的中间

将一个行动召唤按钮定位到页面布局的中间——而不是两侧(或明显比较小或者不重要)的位置——可以是一个很有效的吸引注意和诱导一个行动的方法。在例子PicsEngine中,尽管这个行动召唤按钮没有使用与其背景色和页面中周边元素高对比的色彩,它依然能够因为其居中的位置而很容易引起注意。

使用空白来从其他页面元素中区分行动召唤按钮

行动召唤按钮周围的空白(或者无效空间)的使用是一个让它在有很多元素的区域中突出的很有效的方法。

用于区分行动召唤按钮的空白

IconDock展示如何有效的利用空白。即便使用一个很小而且简单设计的行动召唤按钮,它依然很突出,因为在它和邻近元素之间的空间。

改变空白的数量以表明逻辑关系

行动召唤按钮与其周边的元素之间的空白越多,他们的联系越少。因此,如果你有其它元素能够有助于说服用户采取行动,减少那些元素之间的空白和间隔。

例如,Donor Tools在他们的”Sign Up”行动召唤按钮上面有些文字,它们告诉用户注册的好处。在它的右边是一个浏览器截图只是用于美化的,而且对激励用户点击”Sign Up”行动召唤按钮不是必须的。通过减少文字和行动召唤按钮之间的空白,你将这两个元素可视的组织到了一起。浏览器截图和一个图片保证用户的实现不会从行动召唤按钮上面转移走。