游戏！ 20个有趣好玩儿的网站游戏化设计案例 - 简书
游戏！ 20个有趣好玩儿的网站游戏化设计案例
推荐: 来源 好看的网站成千上万，但是好玩的网站相比之下并不多。不过，现代技术的发展为新的玩法提供了更多的可能性。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 是一个有趣的在线游戏，你需要在挪威的史诗剧中挑选一个阵营，然后战胜你的对手。想了解更多游戏化的设计，可以参加人本设计大会的“增长黑客、病毒循环和游戏化思维”培训。您也可以加微信号备注“游戏”进入微信群讨论。点击查看或直接进入“”
芝麻学社联合创始人，幂秘资本合伙人、瑞安集团旗下InnoSpace孵化器特聘创业导师；
O盟私董会创始人，著名互联网战略和产品专家，参与过中国、美国、欧洲六个互联网创业公司
7个社群（互联网创业、产品、技术、读书、父母教育等）创始人和负责人
【个人背景】
1999年毕业于上海交通大学计算机系，获硕士学位，同年进入互联网行业，曾在易趣（后被ebay收购）、安家网、、和家网、2Style4You、永泰红磡养老产业集团等公司负责技术、运营及战略；
曾任永泰红磡、波罗蜜全球购、KIC赫曼德、卓企华屋、万耀企龙、特易资讯、华一房产等互联网战略、产品、运营、技术顾问。
作为平安大学、苏宁大学、中国移动、中国银联、中国电信、复旦大学MBA教研组、众戴金融等机构内训讲师。作为杭州硅谷堂、上海博览网、上海知知网等机构特聘讲师。
创办并管理了7个有影响力的社群，包括创投社群O盟，产品经理社区PMCamp、极客技术社区TopGeek、上海谷歌开发者社区GDG、中国Python技术全国社区PyChina，创业读书会社区ledu.club，乐创高效父母俱乐部等。
每年举办10多次大会，30多次活动，包括20多次O盟创业私董会、营销私董会等，广受好评。
X399平台点睛之笔ZENITHEXTREME引爆性能狂潮 近期，X399平台的顶级性能浮出水面，各家媒体的全方位测试犹如一支强心剂，让PC玩家大呼过瘾。我们惊喜地发现，国内外各大科技媒体一致选用了ROGZENITH EXTREME这款主板。它是华硕目前最顶级的X399芯片...
用两张图告诉你，为什么你的 App 会卡顿? - Android - 掘金Cover 有什么料？ 从这篇文章中你能获得这些料： 知道setContentView()之后发生了什么？ ... Android 获取 View 宽高的常用正确方式，避免为零 - 掘金相信有很多朋友...
用两张图告诉你，为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料？ 从这篇文章中你能获得这些料： 知道setContentView()之后发生了什么？ ... Android 获取 View 宽高的常用正确方式，避免为零 - 掘金 相信有很多...
冒死记录中国神秘事件 作者：老夜（第三个宇宙的沉思、海中帆） 冒死记录中国神秘事件共四部，分为《开端》《深井》《格局》《启示》。 #序章：一张光盘 ##一张光盘 如果不是那次经历的话，我不会得到这张让我从此过上恶梦一样生活的光盘 一年前，我是一个中关村一个软件工程师，平时的...
作者：Dianne Cyra,?, MilenaHeadb, HectorLarios
翻译：噔噔咯啦噔 摘要：色彩有引起情绪波动或行为变化的潜力，但在网站设计中很少有关于系统测试色彩处理的研究。很少有人知道色彩是如何影响部分访问者的信任度或满足感的。虽然互联网越来越全球...
今日，Cyanogen CEO麦克马斯特正式确认了公司裁员的消息，本次裁员比例高达20%，同时还有进一步裁员的计划。意味着Cyanogen将从系统开发转型为应用开发。Android定制ROM似乎已渐渐走向深渊。 Cyanogen（CM）公司是目前全球最大的Android第三...
有些客户购买了室内LED显示屏，用了一段时间后，公司有活动需要在户外使用，为了节省成本，想把室内LED显示屏改成户外LED显示屏用，这样是否可行呢? 有这样想法的客户，对LED显示屏是不了解的。联诚发小编可以给你们肯定的答案，室内LED显示屏改为户外用途是不现实的，原因有以...
By Benjamin Hardy 【/@benjaminhardy】 Life is busy. It can feel impossible to move toward your dreams. If you have a full...
有的人好像从来都没有迷茫过，总是知道自己要什么。而我作为相反的人，儿时属于天真无邪型的，少年青年时光更是懵懂无知的，一直活到三十岁才发现自己适合干什么。相比那些少年早成的人，我实在是惭愧。
这一路走来因为不懂，所以错失诸多良机，更因不懂保护自己，失掉很多利益。有时候...
别人没有什么了不起，你只需要好好做自己。但也要听取别人的意见，别固执的在失败的道路上一意孤行。 没有多少人一生下来就是天才，三分天生，七分努力，如果没有那三分，你只需要多努力三分。
你是否也遇到了这种情况？“你看隔壁家的孩子”“你们班那个×××”“隔壁班的××”“你姨家...纸上游戏画什么好????_百度知道
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。
纸上游戏画什么好????
像洛克，摩尔，奥比，那样的
我有更好的答案
再在下面加上一个标价。一定要加一个“充值”：宠物店...（充值方式可以用游戏上的金币，爱毛毛的也可以用毛毛哦~~~）然后你就可以在你的消费地区加上“VIP”专价，“贵族”专价啦~~~你可以写一些任务让玩的人完成：画一个宠物，想画的可以去洛克，摩尔参考..。）你可以画一个“停停停”什吗的，服装店..。再给画游戏，有奖励的啦啦~~如果喜欢对战的可以画，不过要画一个工具店的啦啦~工具店卖对战用具的啦啦~~（对战我不是很懂，如..。如：抽奖，大转盘。也要画消费的：宠物店..，里面可以充值“VIP”，“贵族”.先给游戏画个地图，如
采纳率：45%
写上你的名字，然后在名字的第一个字的上边写一个“M”，第一个字的左边写上一个“E”，第一个字的下边写“W”，最后一个字的下边写上一个“W”，右边写上一个“Q”，然后将它们用线连起来，你会有惊人的发现。　　这些游戏都是比较好玩的啦
我认为纸上游戏画那样的不是很好画，不过可以去试试策略类的或者角色扮演的，比较好画，找个人和你同伙，交流交流看法，游戏就出来了
你喜欢画什么就画什么、每个人兴趣都不一样、
搞个cs。我做的很受欢迎，相信你也行！
擅长什么就画什么呗
3条折叠回答
其他5条回答
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包在本子上画游戏，怎么画好玩？（求图片）_百度知道
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。
在本子上画游戏，怎么画好玩？（求图片）
我有更好的答案
从而让你有更好的装备去挑战更难的怪这就是游戏的乐趣，难度高的怪掉的素材可以做出很好的武器和护具，但都没那么容易打死，你要耗上几分钟到半个小时左右才能打死，有很多技巧，好玩的地方就是打死怪后可以收集素材，制作装备，当然online里面可以和很多人一起联机打怪，比PSP只能4个人打好玩多了MHOL这游戏是个技术活，制作装备，打怪，打怪，收集素材，就是打怪的
采纳率：84%
来自团队：
为您推荐：
其他类似问题
您可能关注的内容
换一换
回答问题，赢新手礼包}