說說那些有意思的“返回頂部”_網(wǎng)頁設(shè)計教程
推薦:HTML絕對路徑和相對路徑HTML初學(xué)者會經(jīng)常遇到這樣一個問題,如何正確引用一個文件。比如,怎樣在一個HTML網(wǎng)頁中引用另外一個HTML網(wǎng)頁作為超鏈接(hyperlink)?怎樣在一個網(wǎng)頁中插入一張圖片?
筆者在這里收集了一些網(wǎng)站的有意思的“返回頂部”按鈕,并做簡單的賞析,包括極客公園、欣欣旅游網(wǎng)、豬八戒網(wǎng)等知名網(wǎng)站。筆者猜想,有多少人會去用“返回頂部”按鈕呢?這是一個設(shè)計、體驗的細節(jié),但表現(xiàn)出的意義卻是這個功能真的是用戶需求嗎?那我們就來說說那些有意思的“返回頂部”吧。
一、百度風(fēng)云榜:http://top.baidu.com/

設(shè)計風(fēng)格:運用古典云紋,感覺有一種小清新,百度風(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)容,有些小細節(jié)是非常值得我們?nèi)ニ伎己蛢?yōu)化的。常說,細節(jié)是魔鬼,不是一句空話,這對現(xiàn)在的UI設(shè)計師和產(chǎn)品來說都是必須要考慮的事。
分享:設(shè)計師如何與產(chǎn)品經(jīng)理一起合作與專業(yè)的設(shè)計師在一起工作,發(fā)現(xiàn)與客戶、程序員等角色相比,與設(shè)計師合作需要特別考慮才能產(chǎn)生驚人創(chuàng)作。這里留下一些想法,供參考。 設(shè)計不僅僅是界面 產(chǎn)品經(jīng)理要清楚的知道,設(shè)計絕不僅僅是界面。許多人把設(shè)計師當(dāng)美工來用,這僅僅只調(diào)用到了設(shè)計師極少部分的智力資
- 中國互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬 5分鐘1起網(wǎng)絡(luò)入侵
- 馬云最后的發(fā)布會:打假,打出阿里的新未來
- 實踐分享:ACCESS數(shù)據(jù)庫導(dǎo)入mysql數(shù)據(jù)庫
- ACCESS數(shù)據(jù)庫轉(zhuǎn)ORACLE數(shù)據(jù)庫分享
- CDN.net免費CDN申請使用教程:100GB流量香港日本新加坡節(jié)點
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺教程(二) 消息管理與群發(fā)
- 中國IPv4地址今年將告罄 IPv6期待打破政策局
- 移動廣告野蠻成長:75%投放在iOS平臺
- 災(zāi)難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬部iPhone遭蘋果退貨 損失10億元
- 相關(guān)鏈接:
- 教程說明:
網(wǎng)頁設(shè)計教程-說說那些有意思的“返回頂部”
。