2014-4-29 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( m.820esy.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
來(lái)源:http://m.820esy.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://m.820esy.cn/
運(yùn)用了IE9的Web開(kāi)放字體格式,所以上面好看的字型是文字而非圖像,另外這趟海底之旅雖然漫長(zhǎng),但如果你耐心移到最下面,就能看到亞特蘭提斯帝國(guó)了(不要輕易放棄呀~)。
乍看之下好像沒(méi)有什么特別,但要實(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)站!
運(yùn)用了某些透明效果,使得背景隨著用戶(hù)滑鼠滾輪向下滾動(dòng)改變,點(diǎn)進(jìn)去玩玩看吧~
臉部照片運(yùn)用了CSS3 transition動(dòng)畫(huà)效果,并實(shí)施了獨(dú)特的GeoIP技術(shù)(透過(guò)訪(fǎng)客IP來(lái)定位)及Grid網(wǎng)格(按下G看看會(huì)發(fā)生什么事)。
和第一個(gè)設(shè)計(jì)有異曲同工之妙,只是方向不同,不過(guò)也可直接在一開(kāi)始的地圖上按下標(biāo)簽,就能享受火箭一飛沖天直達(dá)目的地的快感。
畫(huà)面的卷動(dòng)以水平為主,但也有垂直的部分,可說(shuō)是別出心裁。
將HTML5和CSS3技術(shù)發(fā)揮得淋漓盡致,一邊卷動(dòng)畫(huà)面一邊就可以看故事,在Facebook上已被分享超過(guò)1萬(wàn)7千次。
很酷的一個(gè)Flash游戲式網(wǎng)站,而且里面的景物都是用剪紙手工做成的,可以用鬼斧神工來(lái)形容,讓訪(fǎng)客對(duì)他們的設(shè)計(jì)能力毫不懷疑。
你還意猶未盡嗎?http://m.820esy.cn/網(wǎng)站收集了各式各樣類(lèi)似的優(yōu)質(zhì)創(chuàng)新設(shè)計(jì),有空可以去瞧瞧~
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.820esy.cn