国内外知名网站返回顶部按钮赏析及代码下载
依然是收集知名网站或者有特色网站的“返回顶部”按钮,并作简单的赏析。
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+
【返回顶部代码下载】:百度云盘