国内外知名网站返回顶部按钮赏析及代码下载

国内外知名网站返回顶部按钮赏析及代码下载

依然是收集知名网站或者有特色网站的“返回顶部”按钮,并作简单的赏析。

好玩吧-国内外知名网站返回顶部按钮赏析及代码下载


1.新浪微博

 

好玩吧-国内外知名网站返回顶部按钮赏析及代码下载

 


组成要素:向上的箭头符号+返回顶部文字+背景色块=简介实用的按钮

 

2.搜狐微博

好玩吧-国内外知名网站返回顶部按钮赏析及代码下载

 

 

搜狐用的是可以堪称标准范例的返回顶部按钮

 

3.人人网

好玩吧-国内外知名网站返回顶部按钮赏析及代码下载

 

人人网新版返回顶部按钮于2011年12月上线,旧版为蓝白,新版改为黑白

组成要素:白色箭头,黑色背景,无文字提示,简洁明了

 

 

 

4.腾讯微博

好玩吧-国内外知名网站返回顶部按钮赏析及代码下载

右上角做成弧形的不规则矩形,是标准矩形的一个变种。同样无文字提示。

 

 

 

5.点点网

好玩吧-国内外知名网站返回顶部按钮赏析及代码下载

圆角矩形,向上箭头做成了三角形

 

 

6.腾讯朋友

好玩吧-国内外知名网站返回顶部按钮赏析及代码下载

矩形的看腻了?咱来个圆形的!腾讯朋友网的返回顶部按钮做成圆滚滚的按钮

 

 

7.逛guang.com

好玩吧-国内外知名网站返回顶部按钮赏析及代码下载

矩形和圆形这样的几何图形都玩腻了?咱再来个有趣的!火箭够酷吧?!

白鸦的创业项目guang.com的返回顶部按钮就设计成了一个喷火的火箭,兼具实用和趣味性。至于表意是否清晰应该不必考虑,目标用户群体不傻,用一次就学会了。

 

 

8.Pinterest

好玩吧-国内外知名网站返回顶部按钮赏析及代码下载

看完国内我们来看国外的示例。向来以简洁著称的美国佬果然没让我们失望——Pinterest的返回顶部按钮就是纯文字+背景色块。

 

 

 

9.Fancy

好玩吧-国内外知名网站返回顶部按钮赏析及代码下载

Fancy是国外著名的购物分享社区,它比pinterest的返回顶部按钮多了一个元素就是向上的箭头

 

 

10.google+

好玩吧-国内外知名网站返回顶部按钮赏析及代码下载

google一向不安套路出牌,在Google+上也不例外。

 

G+直接取消了返回顶部按钮,而是集成在了导航栏里,只要点击导航栏任意空白位置就能使页面返回顶部。

超简洁?! 没错!

总结:

最后按照国际惯例我们得颁奖神马的

最佳创意奖:逛guang.com

评语:独特的火箭造型,生动形象,让人印象深刻。在用户使用产品过程中增加了一丝乐趣。

最简洁奖:Google+

 

【返回顶部代码下载】:百度云盘

暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇