說(shuō)說(shuō)那些有意思的“返回頂部”_網(wǎng)頁(yè)設(shè)計(jì)教程
推薦:HTML絕對(duì)路徑和相對(duì)路徑HTML初學(xué)者會(huì)經(jīng)常遇到這樣一個(gè)問(wèn)題,如何正確引用一個(gè)文件。比如,怎樣在一個(gè)HTML網(wǎng)頁(yè)中引用另外一個(gè)HTML網(wǎng)頁(yè)作為超鏈接(hyperlink)?怎樣在一個(gè)網(wǎng)頁(yè)中插入一張圖片?
筆者在這里收集了一些網(wǎng)站的有意思的“返回頂部”按鈕,并做簡(jiǎn)單的賞析,包括極客公園、欣欣旅游網(wǎng)、豬八戒網(wǎng)等知名網(wǎng)站。筆者猜想,有多少人會(huì)去用“返回頂部”按鈕呢?這是一個(gè)設(shè)計(jì)、體驗(yàn)的細(xì)節(jié),但表現(xiàn)出的意義卻是這個(gè)功能真的是用戶需求嗎?那我們就來(lái)說(shuō)說(shuō)那些有意思的“返回頂部”吧。
一、百度風(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):來(lái)個(gè)有趣的,火箭夠酷吧?卡通火箭形狀確實(shí)讓人覺得很有創(chuàng)意,噴火的火箭就像一飛沖天,表意也一目了然。
三、極客公園:http://www.geekpark.net/

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