PS设计教程网欢迎你!

勾引用户的网页按钮设计欣赏

文章来源于 天极网,感谢作者 秩名 给我们带来经精彩的文章!
设计教程/设计理论/设计理论2010-01-12
好的网页按钮设计一定会是醒目且能“勾引”用户眼球的,优秀的网页按钮设计一般都具备以下五个必不可少的特征。

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

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

 

勾引用户的网页按钮设计欣赏

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa