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

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

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

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

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

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

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

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

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

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

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

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

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

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