2014-4-29 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( m.gerard.com.cn )是一家專注而深入的界面設(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://m.gerard.com.cn/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://m.gerard.com.cn/
運(yùn)用了IE9的Web開放字體格式，所以上面好看的字型是文字而非圖像，另外這趟海底之旅雖然漫長(zhǎng)，但如果你耐心移到最下面，就能看到亞特蘭提斯帝國了(不要輕易放棄呀~)。
乍看之下好像沒有什么特別，但要實(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://m.gerard.com.cn/網(wǎng)站收集了各式各樣類似的優(yōu)質(zhì)創(chuàng)新設(shè)計(jì)，有空可以去瞧瞧~
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.gerard.com.cn