好看的网站成千上万，但是好玩的网站相比之下并不多。不过，现代技术的发展为新的玩法提供了更多的可能性。Flash的死亡并不值得哀悼，它为WebGL、HTML5等更优秀的技术提供了更大的施展空间和契机。更优秀的性能控制和更大的施展空间，让想法更加跳脱的设计师和开发者在网页中玩出更多的花样。而今天我们要聊的，就是这些充满活力、玩转交互的游戏化的网页设计案例。
目前大热的页游绝大多数在交互上更贴近以往传统的端游，而我们说的游戏化网页则是另外一种情况，它们在交互和体验上有着更高的标准和更创新的思路。
这些网站中的小交互、小游戏也许没法将中土世界里面七八个种族几万年历史都塞进来，但是它们让整个网站体验更加优异，让人难以忘怀。总的来说，游戏化的网页设计也越来越接近于一个设计趋势。
游戏化的网页设计通常都能令人高兴和愉悦，即便是最简单、最单调的小游戏，都有着这样的潜质。今天的这20个网页设计案例都各有特色，也许其中某几个能给你以启发，让你的下一个设计项目拥有截然不同的未来。
ColonyTV这个网站是为一个美国科幻剧所创建的，当你打开网页的时候，会被其中的地图和剧情所吸引，在不断完成任务的过程中解锁成就，了解故事走向，直到欲罢不能。
TheMostDecisiveGame一天完成一项任务对于绝大多数用户而言并不容易，不过游戏本身挺好玩就是了。拿起你的手机或者平板，开启竖屏模式能够更好的感受这个像素风的游戏。
Futurama:GameofDrones虽然游戏并没有集成到这个网页当中，但是游戏化的设计思路被融入到了其中。网页基于动漫《飞出个未来》来设计，布局采用的是动漫式的结构，大量的GIF和视频元素被融入其中，明亮、鲜艳又充满吸引力。
更多网站推荐戳阅读原文就能看到啦~
预览时标签不可点收录于合集#个上一篇下一篇