幾個(gè)網(wǎng)站設(shè)計(jì)中常用的返回頂部案例

筆者在這里收集了一些網(wǎng)站的有意思的“返回頂部”按鈕，并做簡(jiǎn)單的賞析，包括極客公園、豬八戒網(wǎng)等知名網(wǎng)站。筆者猜想，有多少人會(huì)去用“返回頂部”按鈕呢？這是一個(gè)設(shè)計(jì)、體驗(yàn)的細(xì)節(jié)，但表現(xiàn)出的意義卻是這個(gè)功能真的是用戶需求嗎？那我們就來說說那些有意思的“返回頂部”吧。

一、百度風(fēng)云榜：http://top.baidu.com/

設(shè)計(jì)風(fēng)格：運(yùn)用古典云紋，感覺有一種小清新，百度風(fēng)云榜的這點(diǎn)改變，打破普通的“返回頂部”形象，給人眼前一亮的感覺。

二、逛，發(fā)現(xiàn)喜歡：http://guang.com/

設(shè)計(jì)亮點(diǎn)：來個(gè)有趣的，火箭夠酷吧？卡通火箭形狀確實(shí)讓人覺得很有創(chuàng)意，噴火的火箭就像一飛沖天，表意也一目了然。

三、極客公園：http://www.geekpark.net/

趣味設(shè)計(jì)：再來個(gè)更酷的，Guang.com是靜態(tài)模擬的火箭，極客升級(jí)了，直接發(fā)射火箭。點(diǎn)擊火箭，上升階段就會(huì)有噴火的動(dòng)態(tài)效果，相信這給用戶帶來的趣味體驗(yàn)感也提升了吧。

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

創(chuàng)意設(shè)計(jì)：其實(shí)光看這個(gè)圖標(biāo)并不能完全領(lǐng)悟出設(shè)計(jì)者的意圖，而要親自去這個(gè)網(wǎng)站去看一下。欣欣商城本身是屬于品質(zhì)旅游商城，模擬了現(xiàn)實(shí)生活中的實(shí)體商場(chǎng)，網(wǎng)站一共有四層，而“返回按鈕”就像觀光電梯一樣，一按便哧溜返回了頂部。

五、豬八戒網(wǎng)：http://list.zhubajie.com/

設(shè)計(jì)分析：用小豬的可愛形象作為“返回頂部”按鈕，與網(wǎng)站名豬八戒網(wǎng)相輔相成，分別有向上和向下兩個(gè)動(dòng)作，形象生動(dòng)，有一種詼諧幽默的感覺。

六、傳統(tǒng)的“返回頂部”

看了這么多有意思的“返回頂部”，是否你也萌發(fā)沖動(dòng)想去這些網(wǎng)站親自體驗(yàn)一下。在日益激烈的互聯(lián)網(wǎng)競(jìng)爭(zhēng)行業(yè)，不僅僅是要做好自己的平臺(tái)內(nèi)容，有些小細(xì)節(jié)是非常值得我們?nèi)ニ伎己蛢?yōu)化的。常說，細(xì)節(jié)是魔鬼，不是一句空話，這對(duì)現(xiàn)在的UI設(shè)計(jì)師和產(chǎn)品來說都是必須要考慮的事。