網(wǎng)站并不一定非得是靜態(tài)的。HTML5和CSS3的興起使得網(wǎng)站開(kāi)發(fā)有了更多的可能性。借助HTML5,越來(lái)越多的將動(dòng)態(tài)視頻用作網(wǎng)站首頁(yè)的背景,營(yíng)造獨(dú)特的瀏覽體驗(yàn)。這種動(dòng)態(tài)的背景視頻,不僅有趣,而且能讓用戶有種身臨其境的感覺(jué)。
使用視頻背景之后,網(wǎng)站以一種極具創(chuàng)造性的方式營(yíng)造出獨(dú)特的氛圍,這比起靜態(tài)的背景容納更多的信息。它可以改變網(wǎng)頁(yè)風(fēng)格,講述網(wǎng)站的內(nèi)容,展現(xiàn)操作過(guò)程,當(dāng)然,也可以像靜態(tài)背景一樣單純的表現(xiàn)一種情緒,方便而有趣。以下是我們搜集的案例,希望能給你帶來(lái)一些啟示。
01. mediaBOOM

這是一家互動(dòng)廣告公司的網(wǎng)頁(yè),背景視頻展現(xiàn)的是一個(gè)虛構(gòu)的世界,其中充滿了帶有復(fù)古風(fēng)情的美洲風(fēng)景。
02. MyProvence Festival

Myprovence展現(xiàn)的是藝術(shù)家對(duì)于這一地區(qū)的探索。
03. Spotify

音樂(lè)服務(wù)網(wǎng)站Spotify,網(wǎng)頁(yè)中的視頻背景展示的是Spotify的音樂(lè)是如何融入人們多姿多彩的生活。當(dāng)然,如果你對(duì)Spotify有興趣的話,可以看看這篇《小圖標(biāo)大學(xué)問(wèn)!我是如何設(shè)計(jì)著名音樂(lè)軟件SPOTIFY里的圖標(biāo)》。
04. Life of Pi

這是電影《少年P(guān)i的奇幻漂流》拍攝花絮網(wǎng)站,背景視頻就是李安拍攝這部傳奇電影背后的花絮。
05. Telly

Telly是一個(gè)創(chuàng)業(yè)項(xiàng)目,網(wǎng)站的背景視頻展示的是隨風(fēng)搖擺的草地,營(yíng)造出獨(dú)特的氛圍。
06. Fernando Maclen

這是天才設(shè)計(jì)師Fernando Maclen的個(gè)人網(wǎng)站,其中虛化的背景視頻展示的是他的設(shè)計(jì)生活。
07. Windward

這是一款iPhone應(yīng)用的網(wǎng)站,這款為水手開(kāi)發(fā)的應(yīng)用可以展示潮汐、風(fēng)速和溫度等數(shù)據(jù)。背景視頻中波濤洶涌的大海很好地營(yíng)造出氛圍。
08. Matter

網(wǎng)站背景視頻中展示的是隨機(jī)選定的人物視頻,非常獨(dú)特,令人難忘。
09. Eagleclean

這是倫敦保潔公司Eaglechean的網(wǎng)站,背景視頻頗為幽默。
10. Dromoland Castle

Dromoland Castle是愛(ài)爾蘭著名的酒店和鄉(xiāng)村莊園,背景視頻展現(xiàn)出酒店附近的自然美景。
11. Y.CO Yachts

網(wǎng)站使用視頻背景展示了在游艇上度假的美好環(huán)境。
12. Flipboard

著名新聞應(yīng)用Flipboard的網(wǎng)站,視頻背景展示了Flipboard的使用場(chǎng)景。
13. Nike Jordan M6

網(wǎng)站的時(shí)評(píng)背景展示了新鞋是如何設(shè)計(jì)完成的。
14. Arcade Fire

這是獨(dú)立搖滾樂(lè)隊(duì)Arcade Fire的官方網(wǎng)站,視頻背景會(huì)隨著音樂(lè)播放同步進(jìn)行。
15. The Cassette

這是一個(gè)法國(guó)鞋店的網(wǎng)站,其中的視頻背景巧妙地展示了它在不同角度的樣子。
16. The Wood

這是The Wood 餐廳的網(wǎng)站,視頻背景微妙地展示出餐廳質(zhì)樸的裝飾和氛圍。