点击这里给我发消息 点击这里给我发消息

网页界面设计:“勾引”用户的网页按钮设计

添加时间:2010-6-22
    相关阅读: 网页 设计 页面 PHP
好的网页按钮设计一定会是醒目且能“勾引”用户眼球的,优秀的网页按钮设计一般都具备以下五个必不可少的特征。

  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.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

  

网页界面设计:“勾引”用户的网页按钮设计(图三十五)

      本文作者:未知
      咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
      广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
      广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
      = 深圳商务地址:深圳市宝源路华丰宝源大厦606
      研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册