游戏！ 20个有趣好玩儿的网站游戏化设计案例
成千上万的网站是好看的，然而相比之下好玩的网站没多少。不过，现代技术发展给新玩法带来了更多可能性。Flash的死亡无需哀悼，它为WebGL、HTML5等更出色的技术给予了更大施展空间与契机。更优秀的性能控制以及更大施展空间，使想法更跳脱的设计师和开发者在网页里玩出更多花样。而今天我们要聊的，正是这些充满活力、玩转交互的游戏化网页设计案例。
现如今非常热门的页游，绝大多数在交互方面，更靠近以往传统的端游，而我们所讲的游戏化网页，却是另外一种情形，它们在交互以及体验之上，存有更高的标准，还有更具创新性的思路。这些网站里的小交互、小游戏，或许没办法把中土世界当中七八个种族几万年的历史都容纳进来，然而它们使得整个网站的体验更为出色，令人难以忘却。总体而言，游戏化的网页设计，也愈发趋近于一种设计趋势。
网页设计若采用游戏化方式，通常会使人感到高兴且愉悦，哪怕是极为简单、极其单调的小游戏，也具备这样的潜质。今天所呈现的这20个网页设计案例，各个都独具特色，或许其中某些案例能够给你带来启发，使得你的下一个设计项目拥有全然不同的未来。
Colony TV
有一个网站，它是专门儿为一部美国科幻剧打造而成的。当你把那个网页给打开之时，你会被里面的地图以及剧情给深深吸引住。然后在持续做任务的这个不断的过程当中，你能够解锁成就，还能知晓故事的走向，这样一直下去，直到让你达到欲罢不能的程度。
The Most Decisive Game
对于绝大部分用户来讲一天做成一项任务并非轻易之事，只是游戏自身还算蛮好玩儿哦。把你的手机或者平板拿起来，致使竖起屏幕的模式开启后能更棒地体会这个像素风格的游戏。
Futurama: Game of Drones
哪怕游戏并未被整合进此网页，然而游戏化的构思理念却被编入至其内。网页依照动漫《飞出个未来》予以设计，布局运用的是动漫的架构形式，众多的GIF以及视频元素被加进其中，鲜明、艳丽且备具吸引力。
Game of Scroll
和游戏产业相同，汽车工业一般是最能展现现代流行趋势的，雪铁龙的此页面融合了两个产业的特性，这个游戏的玩法是滚动页面，它简单，却极其有效地宣传了雪铁龙的这个广告活动。
The Avenging Llama
就那“复仇骆驼”的页面来讲，它把吐痰这事儿给弄成了个有意思的游戏，你得借助电子邮件，按五个步骤去完成一场好玩的恶作剧 。
Maratropa
Moratoria是一涉及复杂技术范畴的先进理念，它能把你的Twitter帐号完全达至可视化状态，所有的推特内容、链接以及其他相关内容均会融入至无尽的动态抽象景观之中，形成一种极为独特的呈现方式。
Trump Donald
这个项目看上去简易，不过极其有意思，甚是引人注意，哪怕你对美国政治知晓不多，当下总统大选热门人物川普想必你也或多或少听闻过吧？这个网站便是跟此有关。你能够在这个网站寻觅到有趣的内容并截取图片，共享给你的友人。
Celebrity Betmatch
对用户而言，此网站给予了别具一格的在线交互感受，于此处能够领略到非洲那令人着迷的景象。
FarCry Primal
《孤岛惊魂：原始杀戮》拥有一个不可思议的宣传网站，该网站凭借精巧的场景营造出了游戏的氛围，每一处细节都明晰地呈现出属于石器时代的别样风采。
Get Vive Ready
此款浏览器小游戏，乃是用以测试你那HTC Vive VR的，在游戏里，邪恶的Boss正对整个世界的安全构成威胁，这需要你前去将其打败。
Collapse
“Collapse”是一款经精心设计而成的游戏，它蕴含着宏伟的故事剧情，它能就整个城镇社会的走向予以模拟，它里面的数据源自真实，倘若你持久玩下去，或许会获得某些启示。
TravelZoo
TravelZoo给你弄了个好玩的测试爱游戏最新官网登录入口，测试讲的是英国文学，靠这个把你拽进该国宏大的文学版图。你完成这个任务只有30秒时间。
Mira
Mira用一种更具娱乐性的方式，为你展示了Hydra framewrk的性能，设计师通过Mira这个网站，给用户带来了极度棒的类似冥想的体验，用户能够借助屏幕上闪烁的颗粒，营造出奇幻般的声响，非常好玩奇特。
Defi Ingenieurs
由于存在法国国营铁路公司在该网站背后予以支持，所以在浏览网站期间能目睹诸多奇妙景象便易于阐释了。看上去简约的场景，或许需花费时间去适应，可却是这般令人沉醉。
Cash Contagion
有关Cash Contagion的内容，实际上是源于Tom Clancy的一个故事，这个故事的剧情，是基于一个假设而来的，即钞票能够传递病毒。
SyFy: The Magicians
这是，这个网站新近推出的爱游戏app官方网站登录入口，“魔术师”系列，其中涵盖了，大量可交互的细节，以及有趣的视频，还有图像，这所有的一切，都被，一个故事剧情爱游戏登录入口网页版平台，串联了起来，。
达达里奥镍青铜琴弦，聆听这份别样差异，感受独特不同之处，领略别样之变化 。
这可不是一个游戏呀，不过它比游戏要有意思很多呢。网站借助引人入胜的视频，来给你展现铜弦与镍铜弦各自的特性，再就是对它们的差别进行对比，还有比较。
Hunt or Be Hunted
此乃游戏之官方网站，借由短促且有力的动画电影，呈现出游戏的丰富质感，网站自身的气场以及细节，亦是相当到位的。
Eyezen Challenge
网站之名，已然颇为鲜明地展现出设计者之构思。开发人员立意营造一种仿若身临其境之感，当你开启该网站后，你的双眼需用以完成挑战。
Occupied
Occupied这部在线游戏很有意思呢！你得在挪威史诗剧里去选一方阵营，紧接着要在选取阵营之后战胜对手，做到这些才行呵！
【技多不压身的设计师才有高薪资！】
平面设计，有这么一本书，它叫《超赞！设计师完全自学指南》，交互设计方面呢，有本叫《交互设计师修炼指南！教你从零开始成为优秀交互设计师》的书，UI设计也有一本《超实用新手指南！零基础如何自学UI设计？》的参考书籍，前端开发领域则有《天猫高手来教你！零基础如何系统地学习前端开发？》这本书，抠图技巧方面存在《从菜鸟到高手！PHOTOSHOP抠图全方位攻略》，配色方案领域包含《色彩搭配速成！3个实用方法帮你全面搞定配色》，另外还有关于DPI指南的，是《基础知识学起来！》 。设计师专属的DPI指南，交互设计自学路径图问世：零基础入门，针对非科班生的交互设计自学路径图已呈现！
