說說那些有意思的“返回頂部”_網頁設計教程

推薦：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設計師和產品來說都是必須要考慮的事。

分享：設計師如何與產品經理一起合作
與專業的設計師在一起工作，發現與客戶、程序員等角色相比，與設計師合作需要特別考慮才能產生驚人創作。這里留下一些想法，供參考。 設計不僅僅是界面 產品經理要清楚的知道，設計絕不僅僅是界面。許多人把設計師當美工來用，這僅僅只調用到了設計師極少部分的智力資