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

推荐：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设计师和产品来说都是必须要考虑的事。

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