好的网页按钮设计一定会是醒目且能勾引用户眼球的，优秀的网页按钮设计一般都具备以下五个必不可少的特征。
1.颜色
颜色一定要能与平静的页面相比更加与众不同，因此它要更亮而且有高对比度的颜色。
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）
2.位置
它们应当座落于用户期望更容易找到它们的地方。产品旁边、页头、导航的顶部右侧这些都是醒目且不难找到的地方。
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）
3.文字表达
在按钮上使用什么文字表达给用户是非常重要的。它应当简短并切中要点(不罗嗦)，并以动词开始，如:注册、下载、创建、尝试等
如果想切实的达到勾引用户点击的按钮，添加免费二字的确可以起到诱惑的效果，当然那要真的是免费，不要误导或欺骗用户。
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）
4.尺寸
如果它是你最重要的按钮并且你希望更多的用户点击它，那么让它更醒目些是没有坏处的。把这个按钮设计的比其他按钮更大些并让用户在更多的地方找到并点击它。
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）
5.可呼吸的空间
你的按钮不能和网页中的其他元素挤在一起。它需要充足的margin(外边距)才能更加突出，也需要更多的padding(内边距)才能让文字更容易阅读。
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）
下面是30个优秀网页按钮设计实例，供大家参考。
1.Things
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）
2.Wordpress e-Commerce
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）
3.Skype
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）
4. PB Wiki
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）
5.Exceptional
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）
6.PicsEngine
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）
7.InCase
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）
8.GoodBarry
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）
9.Plan HQ
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）
10.TypePad
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）
11.Mozilla Firefox
12.37 Signals
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）
13.Hambo Design
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）
14.Cake PHP
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）
15.Traffik
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）
16.Boag World
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）
17.Donor Tools
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）
18.Luke Larsen
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）
19.Square Space
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）
20.Wu Foo
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）
21.Barack Obama
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）
22.Freshbooks
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）
23.Crazy Egg
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）
24.Web Notes
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）
25.Campaign Monitor
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）
26.Light CMS
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）
27.Litmus
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）
28.Stumble Upon
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）
29.Remember The Milk
30.Ekklesia 360
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/pmsj/）
