当前位置:主页 > 网页教程 > 设计制作综合 > 内容欢迎大家投稿

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

时间:2010-07-01 18:54来源:未知 作者:大宝库 点击:读取中
阅读工具:字体:

好的网页按钮设计一定会是醒目且能“勾引”用户眼球的,优秀的网页按钮设计一般都具备以下五个必不可少的特征。

  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

  

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

  (责任编辑:大宝库)



------分隔线----------------------------
推荐内容
赞助商链接
赞助商链接