说说那些有意思的“返回顶部”_网页设计教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!

推荐:HTML绝对路径和相对路径
HTML初学者会经常遇到这样一个问题,如何正确引用一个文件。比如,怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)?怎样在一个网页中插入一张图片?

笔者在这里收集了一些网站的有意思的“返回顶部”按钮,并做简单的赏析,包括极客公园、欣欣旅游网、猪八戒网等知名网站。笔者猜想,有多少人会去用“返回顶部”按钮呢?这是一个设计、体验的细节,但表现出的意义却是这个功能真的是用户需求吗?那我们就来说说那些有意思的“返回顶部”吧。

一、百度风云榜:http://top.baidu.com/

 

设计风格:运用古典云纹,感觉有一种小清新,百度风云榜的这点改变,打破普通的“返回顶部”形象,给人眼前一亮的感觉。

二、逛,发现喜欢:http://guang.com/

 

设计亮点:来个有趣的,火箭够酷吧?卡通火箭形状确实让人觉得很有创意,喷火的火箭就像一飞冲天,表意也一目了然。

三、极客公园:http://www.geekpark.net/

 

趣味设计:再来个更酷的,Guang.com是静态模拟的火箭,极客升级了,直接发射火箭。点击火箭,上升阶段就会有喷火的动态效果,相信这给用户带来的趣味体验感也提升了吧。

四、欣欣旅游商城:http://wan.cncn.com/

 

创意设计:其实光看这个图标并不能完全领悟出设计者的意图,而要亲自去这个网站去看一下。欣欣商城本身是属于品质旅游商城,模拟了现实生活中的实体商场,网站一共有四层,而“返回按钮”就像观光电梯一样,一按便哧溜返回了顶部。

五、猪八戒网:http://list.zhubajie.com/

 

设计分析:用小猪的可爱形象作为“返回顶部”按钮,与网站名猪八戒网相辅相成,分别有向上和向下两个动作,形象生动,有一种诙谐幽默的感觉。

六、传统的“返回顶部”

 

看了这么多有意思的“返回顶部”,是否你也萌发冲动想去这些网站亲自体验一下。在日益激烈的互联网竞争行业,不仅仅是要做好自己的平台内容,有些小细节是非常值得我们去思考和优化的。常说,细节是魔鬼,不是一句空话,这对现在的UI设计师和产品来说都是必须要考虑的事。

分享:设计师如何与产品经理一起合作
与专业的设计师在一起工作,发现与客户、程序员等角色相比,与设计师合作需要特别考虑才能产生惊人创作。这里留下一些想法,供参考。 设计不仅仅是界面 产品经理要清楚的知道,设计绝不仅仅是界面。许多人把设计师当美工来用,这仅仅只调用到了设计师极少部分的智力资

来源:模板无忧//所属分类:网页设计教程/更新时间:2012-08-06
相关网页设计教程