好看的網(wǎng)站成千上萬，但是好玩的網(wǎng)站相比之下并不多。不過，現(xiàn)代技術(shù)的發(fā)展為新的玩法提供了更多的可能性。Flash 的死亡并不值得哀悼，它為WebGL、HTML5等更優(yōu)秀的技術(shù)提供了更大的施展空間和契機(jī)。更優(yōu)秀的性能控制和更大的施展空間，讓想法更加跳脫的設(shè)計師和開發(fā)者在網(wǎng)頁中玩出更多的花樣。而今天我們要聊的，就是這些充滿活力、玩轉(zhuǎn)交互的游戲化的網(wǎng)頁設(shè)計案例。

目前大熱的頁游絕大多數(shù)在交互上更貼近以往傳統(tǒng)的端游，而我們說的游戲化網(wǎng)頁則是另外一種情況，它們在交互和體驗上有著更高的標(biāo)準(zhǔn)和更創(chuàng)新的思路。這些網(wǎng)站中的小交互、小游戲也許沒法將中土世界里面七八個種族幾萬年歷史都塞進(jìn)來，但是它們讓整個網(wǎng)站體驗更加優(yōu)異，讓人難以忘懷?？偟膩碚f，游戲化的網(wǎng)頁設(shè)計也越來越接近于一個設(shè)計趨勢。

游戲化的網(wǎng)頁設(shè)計通常都能令人高興和愉悅，即便是最簡單、最單調(diào)的小游戲，都有著這樣的潛質(zhì)。今天的這20個網(wǎng)頁設(shè)計案例都各有特色，也許其中某幾個能給你以啟發(fā)，讓你的下一個設(shè)計項目擁有截然不同的未來。

Colony TV

這個網(wǎng)站是為一個美國科幻劇所創(chuàng)建的，當(dāng)你打開網(wǎng)頁的時候，會被其中的地圖和劇情所吸引，在不斷完成任務(wù)的過程中解鎖成就，了解故事走向，直到欲罷不能。

The Most Decisive Game

一天完成一項任務(wù)對于絕大多數(shù)用戶而言并不容易，不過游戲本身挺好玩就是了。拿起你的手機(jī)或者平板，開啟豎屏模式能夠更好的感受這個像素風(fēng)的游戲。

Futurama: Game of Drones

雖然游戲并沒有集成到這個網(wǎng)頁當(dāng)中，但是游戲化的設(shè)計思路被融入到了其中。網(wǎng)頁基于動漫《飛出個未來》來設(shè)計，布局采用的是動漫式的結(jié)構(gòu)，大量的GIF和視頻元素被融入其中，明亮、鮮艷又充滿吸引力。

Game of Scroll

汽車工業(yè)和游戲產(chǎn)業(yè)一樣，通常都是最能體現(xiàn)現(xiàn)代流行趨勢的。而雪鐵龍的這個頁面則融合了兩個產(chǎn)業(yè)的特點(diǎn)，這個游戲的玩法則是滾動頁面，簡單，但是非常有效的宣傳了雪鐵龍的這個廣告活動。

The Avenging Llama

The Avenging Llama 這個網(wǎng)頁將吐痰這個事情變成一個有趣的游戲。你需要通過電子郵件分五個步驟來完成一個好玩兒的惡作劇。

Maratropa

Moratoria 是一個涉及到復(fù)雜技術(shù)的先進(jìn)的概念，它可以將你的Twitter 賬號完全可視化，所有的推特、鏈接和內(nèi)容都將融入到無盡的動態(tài)抽象景觀中來。

Trump Donald