絕妙創(chuàng)意網(wǎng)站設(shè)計(jì)

2014-4-29    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   www.bouu.cn  )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來(lái)源:http://www.bouu.cn/blog/?post=1838

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,   請(qǐng)點(diǎn)這里

厭倦了制式化的傳統(tǒng)網(wǎng)站設(shè)計(jì)嗎?那么來(lái)看看藍(lán)藍(lán)設(shè)計(jì)下面這些驚人網(wǎng)站界面設(shè)計(jì)例子吧,保證讓你直呼過(guò)癮!

更多絕妙創(chuàng)意網(wǎng)站設(shè)計(jì)欣賞:http://www.bouu.cn/

1、失落的世界亞特蘭提斯lostworldsfairs

運(yùn)用了IE9的Web開放字體格式,所以上面好看的字型是文字而非圖像,另外這趟海底之旅雖然漫長(zhǎng),但如果你耐心移到最下面,就能看到亞特蘭提斯帝國(guó)了(不要輕易放棄呀~)。

2、SXSW藝術(shù)季2011的BeerCamp活動(dòng)網(wǎng)站

乍看之下好像沒有什么特別,但要實(shí)際點(diǎn)進(jìn)去滾動(dòng)滑鼠滾輪,才會(huì)發(fā)現(xiàn)它的UI設(shè)計(jì)精巧之處,也可以直接按上面的標(biāo)簽來(lái)看到重點(diǎn),相當(dāng)特別的一個(gè)網(wǎng)站!

3、Dmig 5

運(yùn)用了某些透明效果,使得背景隨著用戶滑鼠滾輪向下滾動(dòng)改變,點(diǎn)進(jìn)去玩玩看吧~

4、Analog

臉部照片運(yùn)用了CSS3 transition動(dòng)畫效果,并實(shí)施了獨(dú)特的GeoIP技術(shù)(透過(guò)訪客IP來(lái)定位)及Grid網(wǎng)格(按下G看看會(huì)發(fā)生什么事)。

5、Google的軟體銀河指南

和第一個(gè)設(shè)計(jì)有異曲同工之妙,只是方向不同,不過(guò)也可直接在一開始的地圖上按下標(biāo)簽,就能享受火箭一飛沖天直達(dá)目的地的快感。

6、Octavo設(shè)計(jì)

畫面的卷動(dòng)以水平為主,但也有垂直的部分,可說(shuō)是別出心裁。

7、保鏢Ben

將HTML5和CSS3技術(shù)發(fā)揮得淋漓盡致,一邊卷動(dòng)畫面一邊就可以看故事,在Facebook上已被分享超過(guò)1萬(wàn)7千次。

8、One Bit Increment設(shè)計(jì)師網(wǎng)

很酷的一個(gè)Flash游戲式網(wǎng)站,而且里面的景物都是用剪紙手工做成的,可以用鬼斧神工來(lái)形容,讓訪客對(duì)他們的設(shè)計(jì)能力毫不懷疑。

你還意猶未盡嗎?http://www.bouu.cn/網(wǎng)站收集了各式各樣類似的優(yōu)質(zhì)創(chuàng)新設(shè)計(jì),有空可以去瞧瞧~

分享本文至:

日歷

鏈接

個(gè)人資料

存檔