繁體中文当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 网页设计参考:出色的30个网页按钮设计实例
- 心得技巧
- 网页设计心得:网页设计中的包容原则
- 网页设计理论:站在用户立场思考问题
- 设计参考:B2C网站添加到购物车按钮设计欣赏
- 收集国外优秀的杂志风格网站设计实例
- 用户体验参考:网页产品原型设计到网站界面
- 电子商务网站常见模式案例:分页设计
- WEBJX收集55个新鲜的企业网站设计案例
- 70个漂亮的带有灵感的单页面网站设计实例
- 提高视觉冲击纹理质感风格Web设计实例参考
- 设计灵感:启发灵感的网页设计实例
- Webjx收集50个新鲜的时尚和精致的组合设计网站
- 45个阅读更多和继续阅读链接设计实例
- 50个漂亮的有强烈设计感的博客网站实例
- 35个漂亮的国外摄影类网站(WEBJX收集)
- 54个出色的“网站建设中”网页设计实例
- 设计参考:10个使用涂鸦风格的网店设计
- 设计参考:12个设计精彩的国外游戏网站设计
- 用户体验:准确的发现问题和优雅的解决问题
- 淘宝网允许非注册用户购买的设计流程
- 网页设计理论:网站首页如何增加互动
心得技巧 中的 网页设计参考:出色的30个网页按钮设计实例
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-01 浏览: 110 ::
收藏到网摘: n/a
如何设计完美“勾引”用户点击的按钮好的按钮设计一定会是醒目且能“勾引”用户眼球的。以下是好的按钮设计必不可少的5个特征：
1、颜色
颜色一定要能与平静的页面相比更加与众不同，因此它要更亮而且有高对比度的颜色。
图1
2、位置
它们应当”座落于”用户期望更容易找到它们的地方。产品旁边、页头、导航的顶部右侧…这些都是醒目且不难找到的地方。
图2
3、文字表达
在按钮上使用什么文字表达给用户是非常重要的。它应当简短并切中要点(不罗嗦)，并以动词开始，如:注册、下载、创建、尝试等…
如果想切实的达到”勾引”用户点击的按钮，添加”免费”二字的确可以起到诱惑的效果，当然那要真的是免费，不要误导或欺骗用户。
图3
4、尺寸问题
如果它是你最重要的按钮并且你希望更多的用户点击它，那么让它更醒目些是没有坏处的。把这个按钮设计的比其他按钮更大些并让用户在更多的地方找到并点击它。
图4
5、可”呼吸”的空间
你的按钮不能和网页中的其他元素挤在一起。它需要充足的margin(外边距)才能更加突出，也需要更多的padding(内边距)才能让文字更容易阅读。
图5
点击下一页，欣赏30个网页按钮设计实例。
30个网页按钮设计实例
1、Things
2、Wordpress e-Commerce
3、Skype
4、PB Wiki
5、Exceptional
6、PicsEngine
7、InCase
8、GoodBarry
9、Plan HQ
10、TypePad
11、Mozilla Firefox
12、37 Signals
13、Hambo Design
14、Cake PHP
15、Traffik
16、Boag World
17、Donor Tools
18、Luke Larsen
19、Square Space
20、Wu Foo
21、Barack Obama
22、Freshbooks
23、Crazy Egg
24、Web Notes
25、Campaign Monitor
26、Light CMS
27、Litmus
28、Stumble Upon
29、Remember The Milk
30、Ekklesia 360
原文链接：http://blog.bingo929.com/web-design-trends-call-to-action-signup-download-buttons.html
评论 (0) All
