网页设计趋势之:吸引用户眼…

原文地址：网页设计趋势之:吸引用户眼球的按钮 作者：Madujun

近些日子，对按钮和ICON很感兴趣，有点小收获。在WebDesign趋势中有一个很重要的环节，那就是吸引用户眼球的按钮。何谓吸引用户眼球的按钮呢，对于Web设计师来说，就是如何设计出一个能让大多来访的用户都有点击欲望的按钮。通常这些按钮被链接到下载、注册和购买等功能。其目标是能够让用户在3秒之内快速找到它们想要的按钮(也就是在用户放弃并离开你的网站之前)。因此在设计的时候需要让它更大、更醒目、更美观！

 

那么如何设置吸引用户点击的按钮呢？

 

以下是好的按钮设计必不可少的5个特征:

1、颜色

颜色一定要能与平静的页面相比更加与众不同，因此它要更亮而且有高对比度的颜色。

 

2、位置

它们应当”座落于”用户期望更容易找到它们的地方。产品旁边、页头、导航的顶部右侧…这些都是醒目且不难找到的地方。

、

 

3、文字表达

在按钮上使用什么文字表达给用户是非常重要的。它应当简短并切中要点(言简意赅)，并以动词开始，如:注册、下载、创建、尝试等…

如果想切实的达到吸引用户点击的按钮，添加“免费″二字的确可以起到诱惑的效果，当然那肯定是要真的免费，不要误导或欺骗用户。

 

4、尺寸问题

如果它是你最重要的按钮并且你希望更多的用户点击它，那么让它更醒目些是没有坏处的。把这个按钮设计的比其他按钮更大些并让用户在更多的地方找到并点击它。

 

5、可“呼吸”的空间

按钮不能和网页中的其他元素挤在一起。它需要充足的margin(外边距)才能更加突出，也需要更多的padding(内边距)才能让文字更容易阅读。

 

30个网页按钮设计实例

 1.Things

2.Wordpress e-Commerce

3.Skype

4.PB Wiki

5.Exceptional

6.PicsEngine

7.InCase

8.GoodBarry

9.PlanHQ

 10.TypePad

11.Mozilla Firefox

12.37 Signals

13.Hambo Design

14.CakePHP

15.Traffik

16.BoagWorld

17.Donor Tools

18.LukeLarsen

19.Square Space

20.WuFoo

21.Barack Obama

22.Freshbooks

23.CrazyEgg

24.WebNotes

25.Campaign Monitor

26.Light CMS

27.Litmus

28.Stumble Upon

29.Remember The Milk

30.Ekklesia 360