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

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

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

Colony TV

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

The Most Decisive Game

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

Futurama: Game of Drones

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

Game of Scroll

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

The Avenging Llama

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

Maratropa

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

Trump Donald