优秀网页设计联盟-SDC-网页设计师交流平台-听讲座，聊设计，找素材，尽在优设网
下一篇 继续涨姿势
阅读本文需约 8 分钟
好看的网站成千上万，但是好玩的网站相比之下并不多。不过，现代技术的发展为新的玩法提供了更多的可能性。Flash 的死亡并不值得哀悼，它为WebGL、HTML5等更优秀的技术提供了更大的施展空间和契机。更优秀的性能控制和更大的施展空间，让想法更加跳脱的设计师和开发者在网页中玩出更多的花样。而今天我们要聊的，就是这些充满活力、玩转交互的游戏化的网页设计案例。
目前大热的页游绝大多数在交互上更贴近以往传统的端游，而我们说的游戏化网页则是另外一种情况，它们在交互和体验上有着更高的标准和更创新的思路。这些网站中的小交互、小游戏也许没法将中土世界里面七八个种族几万年历史都塞进来，但是它们让整个网站体验更加优异，让人难以忘怀。总的来说，游戏化的网页设计也越来越接近于一个设计趋势。
游戏化的网页设计通常都能令人高兴和愉悦，即便是最简单、最单调的小游戏，都有着这样的潜质。今天的这20个网页设计案例都各有特色，也许其中某几个能给你以启发，让你的下一个设计项目拥有截然不同的未来。
这个网站是为一个美国科幻剧所创建的，当你打开网页的时候，会被其中的地图和剧情所吸引，在不断完成任务的过程中解锁成就，了解故事走向，直到欲罢不能。
一天完成一项任务对于绝大多数用户而言并不容易，不过游戏本身挺好玩就是了。拿起你的手机或者平板，开启竖屏模式能够更好的感受这个像素风的游戏。
虽然游戏并没有集成到这个网页当中，但是游戏化的设计思路被融入到了其中。网页基于动漫《飞出个未来》来设计，布局采用的是动漫式的结构，大量的GIF和视频元素被融入其中，明亮、鲜艳又充满吸引力。
汽车工业和游戏产业一样，通常都是最能体现现代流行趋势的。而雪铁龙的这个页面则融合了两个产业的特点，这个游戏的玩法则是滚动页面，简单，但是非常有效的宣传了雪铁龙的这个广告活动。
The Avenging Llama 这个网页将吐痰这个事情变成一个有趣的游戏。你需要通过电子邮件分五个步骤来完成一个好玩儿的恶作剧。
Moratoria 是一个涉及到复杂技术的先进的概念，它可以将你的Twitter 帐号完全可视化，所有的推特、链接和内容都将融入到无尽的动态抽象景观中来。
这个项目看起来简单，但是非常有趣，相当吸引人。即使你对美国政治了解不多，目前总统大选热门川普想必你也多少听说过吧？这个网站就是与此相关。你可以在这个网站找到有趣的内容并截图，分享给你的朋友。
这个网站为用户提供了独特的在线交互体验，你可以在这里体会到非洲的迷人光景。
FarCry Primal 是一个梦幻般的宣传网站，网站通过精致的场景将游戏的氛围营造了出来，每一个细节都清晰地展现出属于石器时代的独特风貌。
这个浏览器小游戏是用来测试你的HTC Vive VR的，游戏中的邪恶Boss正威胁着整个世界的安全，需要你去打败他。
Collapse 是一个被精心设计的游戏，其中包含了宏伟的故事剧情，模拟了整个城镇社会的走向，其中的数据则是源自于真实。如果你持续玩儿下去，或许能得到某些启示。
TravelZoo 为你提供了一个有趣的测试，测试内容是关于英国文学，借此将你拉入这个国家宏伟的文学地图。你只有30秒来完成这个任务。
Mira 以一种更加娱乐的方式为你展示了Hydra framewrk的性能。设计师通过Mira 这个网站给用户带来了绝佳的冥想般的体验。用户可以借助屏幕上闪动的颗粒来营造出迷幻的声响，相当有趣。
考虑到有法国国营铁路公司在这个网站背后做支撑，浏览网站过程中之所以能看到的这么多奇妙景象就好解释了。看起来简约的场景，也许需要时间来习惯，却是如此的令人着迷。
Cash Contagion 的内容其实是来自 Tom Clancy 的一个故事，而故事剧情则是源自于一个假设：钞票能够传递病毒。
这是这个网站新推出的“魔术师”系列，其中包含了大量可交互的细节和有趣的视频与图像，这一切都被一个故事剧情串了起来。
这并非是一个游戏，但是比游戏更加有趣。网站通过引人入胜的视频为你对比和比较铜弦和镍铜弦的特性和差别。
这是游戏的官方网站，通过短促有力的动画电影展现了游戏的丰富质感，而网站本身的气场和细节也相当的到位。
网站的名字就已经相当能够体现设计者的想法了。开发人员旨在创造一种身临其境的体验，打开网站之后，你需要用你的眼睛来完成挑战。
Occupied 是一个有趣的在线游戏，你需要在挪威的史诗剧中挑选一个阵营，然后战胜你的对手。
【技多不压身的设计师才有高薪资！】
平面设计：
交互设计：
前端开发：
抠图技巧：
配色方案：
交互设计自学路径图：
原文地址：
原文作者：
优设译文：
本文由优设网原创翻译，请尊重版权和译者成果，转摘请附上优设链接，违者必究。谢谢各位编辑同仁配合。
【优设网 原创文章 投稿邮箱：】
================关于优设网================
“优设网“是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：。
设计微博：拥有粉丝量160万的人气微博 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：
内行讲堂！让设计师和前端都更轻松的5个工具
在这个开源的时代，你还在加班为每一个小功能的实现自己“码码码”吗？今天想早点下班的你，快来看看我最新发现的工具包吧！有了他们，这些...
编者按：Banner 是我们最常聊到的设计元素，它是一个网页的招牌，是用户最容易看到的视觉元素。今天，我们来聊聊Banner中的急先锋，网页首图，它的设计之...编者按：今天介绍的这组网站除了不少经典的口碑图库，还有几个比较小众但也特别好用的素材站，每一个都有细致的介绍（素材特色、版权信息等），素材不够用的同学来收一...法国是个时尚而浪漫的国度，文化和艺术的殿堂。在这样的沃土之上，现代文明和传统经典碰撞之下，法国的设计师对于艺术和设计有着独到的见解，多元的文化孕育出了参差多...说插画已经彻底接管了网页设计似乎有点过，但是技术发展和用户需求使得网页插画在世界范围内流行起来，一点都不为过。从全屏式页面当中的首页Banner图到视差滚动...编者按：不得不说，网页设计绝对是有套路的！网页布局虽然千变万化，但是如果你仔细观察，会发现有一些布局适用范畴相当广，经久不衰。今天的文章，我们就来聊一下5种...@十???什麽 ：潘通为2016年选出的“年度色彩”令人拍案叫绝，融合了蔷薇粉与宁静蓝来构成这组色调。这组柔和的配色很可能会成为接下来一年的配色趋势。正如潘...编者按：不为用户体验而做的动效都是炫技。经常有同学问小编有木有能运用到实战中的动效设计，来看今天这组网站就对了！第一个网站就是那个输密码时会捂眼睛的猫头鹰官...每个网站都是由不同功能不同类型的页面构成的，当用户打开错误链接的时候，网站的404页面就派上用场了。一个可靠的404页面在告知用户他们走错地方的同时，还应当...当你的网站正在搭建中，或者你的产品正在研发中，还未正式发布，那么你需要做些什么？当然是给你的访客准备一个“Coming Soon”的预告页面，让正在关注的用...
我们的团队
大家在关注
把好文章收藏到微信
打开微信，扫码分享学设计 优设网 在这里&&&&新手卡
本月新游人气排行榜
洛克王国霸域
今日开服 --按时间排
今日 09:00
今日 10:00
今日 17:00
(新服开启)16:00
(新服开启)14:10
(新服开启)12:00
(新服开启)16:00
(新服开启)14:10
(新服开启)12:00
(新服开启)11:00
(新服开启)01:14
(今日开服)01:13
||||||||||
新手卡大礼包
已领：50|50
已领：3|100
已领：3|51
已领：6|101
已领：1|101
开始：09-18|7280页游平台
开始：09-08|7280页游平台
开始：06-29|7280页游平台
开始：06-29|7280页游平台
开始：05-20|7280页游平台
开始：05-20|7280页游平台
开始：05-12|7280页游平台
开始：04-29|7280页游平台
开始：11-20|ya247
开始：10-18|ya247
近日关于重庆小闲因涉及《热血传奇》的私服运营等违法行为而被调查
《剑侠情缘兵器谱》是西山居正版授权系列首款页游，西山居多盈公司
时间游戏名称状态操作
10-31删档内测10-26公测10-24留档内测10-18二次内测10-17留档内测10-12公测10-05公测10-04公测10-03公测10-01留档内测
今日开服新服
19:0037游戏18:0037游戏11:0037游戏09:0037游戏
新游戏 本月最新入库
新游期待榜
&封测&留档内测&删档内测&封测&公测&公测&公测&公测&公测&公测
昨日一则名为《那些年，美女胸器走过的地方!》的...
新游第一眼
当小编第一时间听到东京食尸鬼要出游戏...
《钢铁骑士团》是韩国游戏厂商Actoz So...
火爆专区 共收录
排名游戏名称状态趋势
&公测1922&封测1543&运营1400&公测1154&公测925&公测876&运营857&内测720&运营638&公测510
搜索方式：
不删档内测
友情链接：
本站通用网址：&&&&建议意见：
&&&&商务合作：
Copyright &
&&&陕ICP备号-2不花钱即可玩爽！当世最好玩100款免费游戏
19:24:47&&&&编辑：一刀流&&浏览量：加载中...&&
【游侠导读】今天给大家带来的就是外媒GR评选的目前所能玩到的最好的100款免费游戏，范围当然是全世界。这些游戏里有精品网游，有多人联机游戏，有独立游戏，还有网页游戏（当然不是国内的“页游”！）。这些游戏都是不花钱即可玩爽的哦！
　　今天给大家带来的就是外媒GR评选的目前所能玩到的最好的100款免费游戏，范围当然是全世界。这些游戏里有精品网游，有多人联机游戏，有独立游戏，还有网页游戏（当然不是国内的&页游&！）。这些游戏都是不花钱即可玩爽的哦！
　　化身正版党+免费玩游戏，你还在等什么？
　　1.《行星边际2》
　　千万人在同一服务器里鏖战的超大型MMOFPS，毫无疑问是最顶级的FPS网游之一
　　2.《英雄联盟》
　　当今世界最火爆的游戏之一，其风头甚至盖过了《魔兽世界》！
提示：支持键盘“← →”键翻页