20个有趣好玩儿的网站游戏化设计案例

UI / UI设计 / 网页设计 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

好看的网站成千上万,但是好玩的网站相比之下并不多。不过,现代技术的发展为新的玩法提供了更多的可能性。Flash 的死亡并不值得哀悼,它为WebGL、HTML5等更优秀的技术提供了更大的施展空间和契机。更优秀的性能控制和更大的施展空间,让想法更加跳脱的设计师和开发者在网页中玩出更多的花样。而今天我们要聊的,就是这些充满活力、玩转交互的游戏化的网页设计案例。

目前大热的页游绝大多数在交互上更贴近以往传统的端游,而我们说的游戏化网页则是另外一种情况,它们在交互和体验上有着更高的标准和更创新的思路。这些网站中的小交互、小游戏也许没法将中土世界里面七八个种族几万年历史都塞进来,但是它们让整个网站体验更加优异,让人难以忘怀。总的来说,游戏化的网页设计也越来越接近于一个设计趋势。

游戏化的网页设计通常都能令人高兴和愉悦,即便是最简单、最单调的小游戏,都有着这样的潜质。今天的这20个网页设计案例都各有特色,也许其中某几个能给你以启发,让你的下一个设计项目拥有截然不同的未来。

Colony TV

1-Colony-TV

这个网站是为一个美国科幻剧所创建的,当你打开网页的时候,会被其中的地图和剧情所吸引,在不断完成任务的过程中解锁成就,了解故事走向,直到欲罢不能。

The Most Decisive Game

2-The-Most-Decisive-Game

一天完成一项任务对于绝大多数用户而言并不容易,不过游戏本身挺好玩就是了。拿起你的手机或者平板,开启竖屏模式能够更好的感受这个像素风的游戏。

Futurama: Game of Drones

3-Futurama

虽然游戏并没有集成到这个网页当中,但是游戏化的设计思路被融入到了其中。网页基于动漫《飞出个未来》来设计,布局采用的是动漫式的结构,大量的GIF和视频元素被融入其中,明亮、鲜艳又充满吸引力。

Game of Scroll

4-Game-of-Scroll

汽车工业和游戏产业一样,通常都是最能体现现代流行趋势的。而雪铁龙的这个页面则融合了两个产业的特点,这个游戏的玩法则是滚动页面,简单,但是非常有效的宣传了雪铁龙的这个广告活动。

The Avenging Llama

5-The-Avenging-Llama

The Avenging Llama 这个网页将吐痰这个事情变成一个有趣的游戏。你需要通过电子邮件分五个步骤来完成一个好玩儿的恶作剧。

Maratropa

6-Maratropa

Moratoria 是一个涉及到复杂技术的先进的概念,,它可以将你的Twitter 帐号完全可视化,所有的推特、链接和内容都将融入到无尽的动态抽象景观中来。

Trump Donald

7-Trump-Donald

这个项目看起来简单,但是非常有趣,相当吸引人。即使你对美国政治了解不多,目前总统大选热门川普想必你也多少听说过吧?这个网站就是与此相关。你可以在这个网站找到有趣的内容并截图,分享给你的朋友。

Celebrity Betmatch

8-Celebrity-Betmatch

这个网站为用户提供了独特的在线交互体验,你可以在这里体会到非洲的迷人光景。

FarCry Primal

9-FarCry-Primal

FarCry Primal 是一个梦幻般的宣传网站,网站通过精致的场景将游戏的氛围营造了出来,每一个细节都清晰地展现出属于石器时代的独特风貌。

 收藏