2014-4-29 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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ù)
來源:http://sillybuy.com/blog/?post=1838
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
厭倦了制式化的傳統(tǒng)網(wǎng)站設(shè)計(jì)嗎?那么來看看藍(lán)藍(lán)設(shè)計(jì)下面這些驚人網(wǎng)站界面設(shè)計(jì)例子吧,保證讓你直呼過癮!
更多絕妙創(chuàng)意網(wǎng)站設(shè)計(jì)欣賞:http://sillybuy.com/
運(yùn)用了IE9的Web開放字體格式,所以上面好看的字型是文字而非圖像,另外這趟海底之旅雖然漫長,但如果你耐心移到最下面,就能看到亞特蘭提斯帝國了(不要輕易放棄呀~)。
乍看之下好像沒有什么特別,但要實(shí)際點(diǎn)進(jìn)去滾動(dòng)滑鼠滾輪,才會(huì)發(fā)現(xiàn)它的UI設(shè)計(jì)精巧之處,也可以直接按上面的標(biāo)簽來看到重點(diǎn),相當(dāng)特別的一個(gè)網(wǎng)站!
運(yùn)用了某些透明效果,使得背景隨著用戶滑鼠滾輪向下滾動(dòng)改變,點(diǎn)進(jìn)去玩玩看吧~
臉部照片運(yùn)用了CSS3 transition動(dòng)畫效果,并實(shí)施了獨(dú)特的GeoIP技術(shù)(透過訪客IP來定位)及Grid網(wǎng)格(按下G看看會(huì)發(fā)生什么事)。
和第一個(gè)設(shè)計(jì)有異曲同工之妙,只是方向不同,不過也可直接在一開始的地圖上按下標(biāo)簽,就能享受火箭一飛沖天直達(dá)目的地的快感。
畫面的卷動(dòng)以水平為主,但也有垂直的部分,可說是別出心裁。
將HTML5和CSS3技術(shù)發(fā)揮得淋漓盡致,一邊卷動(dòng)畫面一邊就可以看故事,在Facebook上已被分享超過1萬7千次。
很酷的一個(gè)Flash游戲式網(wǎng)站,而且里面的景物都是用剪紙手工做成的,可以用鬼斧神工來形容,讓訪客對(duì)他們的設(shè)計(jì)能力毫不懷疑。
你還意猶未盡嗎?http://sillybuy.com/網(wǎng)站收集了各式各樣類似的優(yōu)質(zhì)創(chuàng)新設(shè)計(jì),有空可以去瞧瞧~
藍(lán)藍(lán)設(shè)計(jì)的小編 http://sillybuy.com