2024年优秀网页游戏设计案例 篇1
入门阶级的书可以看Tracy Fullerton的Game Design Workshop 几乎是北美各大游戏高校的通用课本 其余 编剧 Production Coding 等都有各个领域的书 等我慢慢来填坑
论权威的话就是Tracy这本Game Design Workshop了 她是北美著名的游戏教育家 没错 她把游戏作为一个正儿八经的学科搞深层次的研究 她花了几十年一直在探讨游戏的本质 一手发扬了北美的游戏教育（USC电影学院的互动传媒是北美最早提供游戏设计学位的科系 之后NYU CMU UT等等各大高校纷纷加入了这个大军） 她所提出的理念就是Playcentric- Design （一切以玩家为中心）
我想让我的游戏给玩家带来什么？ 这是一个每个游戏设计师都应该最先思考但又会经常被忽略的问题 很少有设计师在开发过程中能做到一直不偏离初衷 导致的后果就是 -- 不好玩
Tracy的书就是围绕这个核心的 无论你是新手还是从业N年的经验人士 看看Tracy的书都会有所启发
更新 我在USC学游戏设计 所以列一个我们课程中都用的书单造福广大人民群众 所以我这里列的书都是英文 亚马逊基本都可以买到
设计类：
Introduction to Game Design, Prototyping, and Development
十分全面的一本书 900度页厚 涵盖了设计理念 游戏开发过程 数值 谜题设计 基础C到Unity开发完整的小游戏都有 强烈任何对游戏设计感兴趣的朋友
Level Design: Concept, Theory, and Practice by Rudolf Kremers
学游戏怎么能不学关卡设计？ Amazon上有很多此类的书 但这本是比较广泛使用的
Production类
The Game Production Handbook by Heather Chandler
针对想成为制作人的书 全面地介绍了游戏开发过程和游戏制作人的职责
Introduction to Game Development by Steven Rabin
介绍游戏开发的 对游戏业感兴趣的人 如果在业界从事多年的就没必要看了
文案/剧情类：
The Ultimate Guide to Video Game Writing and Design
如何写一个出色的游戏剧本？ 这本书很薄 但涵盖了世界观设定 角色设定 如何设置戏剧冲突将观众带入剧情等等 我现在上的游戏写作课就在用这本书
Character Development and Storytelling for Games by Lee Sheldon
这本没看过 但Amazon评价很高 光看标题很合我胃口 等我有时间了也会买一本来看
测试类
Handbook of Usability Testing: How to Plan, Design, and Conduct Effective Tests, Second Edition; Rubin, Jeffrey, Wiley Press, 2008
用户体验和性能测试的 判断你游戏好不好玩 最简单有效的方法就是不停地Playtest 那么如何设置test得到有效的feedback也是一门技巧
Coding类
这方面的书就太多太多了 但如果是针对开发游戏的话还是建议选特定引擎的 比如Unreal， Unity + C 看自己需求
2024年优秀网页游戏设计案例 篇2
H5案例网站其实有非常多，我们只要找到几个更新速度快内容全的网站作为主要查看案例的网站就可以了，否则看多多了反而会浪费时间，其它网站没收录的好的那几个网站一般都收录有，在这里我将从更新速度和完整指数出发，分析网站的推荐指数。
数英网
更新速度：★★★★
完整指数：★★★★
推荐指数：★★★★★
数英网是一个汇聚能量和发散能量的互动媒体平台，除可以搜到新鲜的H5案例外，网站还涵盖了创意、设计、文案、营销、技术、互联网等多方面的内容，为营销人补充行业知识，激发观点交流。
这里聚集了营销、新媒体、电商、互联网及无线互联网等数字领域人才，用户注册并经过认证后可以在网站上发布文章和项目，因此网站内容在更新速度上比较快，一般比较优质H5会及时更新。
亮点：案例很多，可以查看不同行业不同领域的优秀案例。每篇文章都有该案例的介绍文案及H5截图，图文最后可以对案例评分，在搜索卡片可以看到案例的出品方和制作方。
H5案例分享
更新速度：★★★★
完整指数：★★★★
推荐指数：★★★★★
H5案例分享是北京简豆科技有限公司做的网站，该网站旨在让产品经理,宣传策划,设计师,技术开发工程师,新媒体,爱好创意的小伙伴快速了解H5案例,并从创意角度和技术角度讨论H5案例。
亮点：可以直接在页面上方搜索案例名称或关键词，快速找到相关案例。点击进案例页面后，每一篇都会从策划、设计和体验上分析该案例的亮点，并给出案例所使用的技术，案例最后有本案例的标签，点击任一标签就可以搜索出跟标签相关的其它H5。
此外，登录该网站后还可以直接发布案例，集众人之力，所以网站在更新速度和内容完整性上也是杠杠的。需要分析或深入了解案例的小伙伴们，小守在这里强烈推荐这个网站。
THEWAP哇呸网
更新速度：★★★★
完整指数:★★★★
推荐指数：★★★★
亮点：THEWAP哇呸网是一个以收集优秀创意H5分享平台，该网站最大的亮点是可以按照案例发布的时间、阅读数和推荐指数排序，还可以按照案例的类别、行业和色彩进行搜索，需要参照H5的主色调或行业的小伙伴们，哇呸网是个不错的选择。
同样，哇呸网也可以由用户自主提交案例链接，不足之处是案例详情仅有二维码和截图，没有相关分析，也看不到案例上传的日期。
H5DOO
更新速度：★★★★
完整指数：★★★★
推荐指数：★★★★
亮点：H5DOO号称搜索全网实时H5精选作品,内容较为完整。亮点在于可以分行业、功能、风格和特效搜索案例，详情页最后还可以看到相关作品，不足之处是页面布局相较其它网站有点丑。
未来应用
更新速度：★★★★
完整指数：★★★★
推荐指数：★★★
亮点：未来应用是H5定制开发与H5页面案例共享平台，该平台最大的亮点是每个案例详情页内都会有该案例的估价，网站可以由用户自主提交案例，因此更新速度较快。
爱果果
更新速度：★★★★
完整指数：★★★★
推荐指数：★★★
亮点：爱果果iguoguo是一个专门从事酷站收藏、酷站欣赏、网页设计推荐、UI推荐、优秀UI素材下载的网页设计分享网站。网站对H5的案例的分析等方面并无突出亮点，但案例的更新速度和内容完整性整体上也不错。
H5创意汇
更新速度：★★★
完整指数：★★★
推荐指数：★★★
亮点：H5创意汇是H5创意分享平台，该网站的特点是可以按照行业、场景用途、品牌公司、节日祝福、炫酷玩法、风格特点等分类，在其它方面亮点不多。
意派Epub360
更新速度：★★★
完整指数：★★
推荐指数：★★
亮点：意派Epub360是一个H5在线制作网站，网站上更新的案例该网站制作出来的H5作品，在更新速度上较快，但作品的质量和完整性不好，作品较低级，初学者可以上该网站看看获取灵感
iH5
更新速度：★★★
完整指数：★★★
推荐指数：★★★
亮点：iH5与意派Epub360一样同为H5在线制作网站，该网站上作品的质量较高，不少作品浏览量达到十万量级。
无非创意
更新速度：★★
完整指数：★★
推荐指数：★★
亮点：无非创意是H5定制网站，案例都是该公司自主制作，因此更新速度和完整性都较差，优点在于该公司的作品质量都较高，可以欣赏借鉴。
总结：H5案例分享的网站其实非常多，我列出来这些可能也并不全面，但刷屏级的H5毕竟不可能多如牛毛，大家只要收藏几个比较好的网站就好啦。
2024年优秀网页游戏设计案例 篇3
首先我可以明确地回答你：从优秀的网页中，是可以学到PPT设计技巧的。
举例说明：这是我在网上浏览新闻的时候看到的一张网页。我觉得这个网页就有很多值得我们学习的PPT设计技术。接下来我一一为你拆解分析一下：
❶ 这就是一页合格的PPT
整个版面，你就可以把它看成是一页PPT：上端这个红色的条目，就是导航式标题页，下面蓝色的「国内」二字，就是二级标题。左边文字部分和右边的图片部分，就是PPT的正文部分。
❷ 「国内」二字有玄机
对于正文部分左上角的「国内」两个字，很多PPT初学者也会这么放，只不过他们在一般就直接把文字往那一放就完了，不会再做其他修饰，但是如果你这么处理，整个版面就会略显单调。在这个地方，设计水平高一些的设计师，就会对「国内」二字做一些处理，像上面这个作品中，设计师先对国内加粗并用了比较商务范的蓝色，旁边还加了一个浅灰色的英文单词和箭头做修饰，放完这个之后还没完——在整个标题的下面，还加了一条淡淡的灰线。有了这条灰线，标题和正文部分就区隔开了，整体看起来就会更泾渭分明。对于右边的「国内图片」这个标题，也是一样的道理，直接单放一个标题，很单调，但是稍微加条直线，让直线跟图片左对齐一下，再在旁边加文字，整个看起来就舒服很多。
❸ 对齐文字也可以层级分明
接下来我们再把注意力聚焦到上面这个作品正文部分的左边，左边是一堆句子的排列。首先我们得说，这几个句子看起来是比较清爽的，为什么清爽？一方面是因为左对齐，另一方面因为句子长度差不多，当然还有一方面原因就是因为句子与句子之间的间距控制得不错。
这里总共有12个句子，其中第一个和第七个句子，都做了加粗处理。为什么要加粗？因为是重点新闻，提醒读者特别关注。在这个地方，大白提醒大家特别注意一个事情：我们在平时设计PPT的时候，这种加粗设计也可以用在层级的区分上。比如加粗的两个句子是上级标题，不加粗的句子分别是标题下面的下级内容。我平时在改学员PPT作品的时候，我发现很多学员为了特出要点与要点的层级性，往往会通过下级标题空两个的方式来处理。每当这个时候，我就会告诉他们，大可不必！对齐要点，通过加粗的方式，照样可以让版面的的要点之间层级分明。
❹ 对齐文字也可以层级分明
版面右边的三张图片，在排版上也是有好几个可以说道说道的地方：首先，三张图片之间对齐排列在了一起。其次，整个图片区与文字区之间，也是遵循了上下对齐的原则。最后，请大家点开图片仔细看一下，表面上看起来，在每个图片下面有一段黑色的文字，其实你要仔细看，就会发现在文字的底下，是有一层浅灰色的矩形背景的。这个背景跟图片的边际完全对齐。这样一来，相当于把把黑色文字部分框了起来，好处是什么呢？这部分文字注释区域与图片也做到了严格的对齐。如果你去了这个灰色的条目，参差不齐的文字跟图片之间摆在一起，整齐性就不够，美观度就受损。所以，这个不起眼的浅灰色矩形背景，也对整个作品的美感起到了不可忽视的作用。
所以你看吧，一张简单的网页设计，有这么多值得说道的地方，但凡我们能够把隐藏以上提及的这几条设计原则和技巧都应用到自己的PPT设计中去，你做出来的PPT，铁定就会好看很多！
_________________________________________
没错，我就是那个喜欢说大白话的PPT演讲教练大白，其他事情我可能不擅长，但教你做好PPT演讲，我还是十拿九稳的。我的微信公众号是「跟大白学PPT演讲」，如果你想做出好看的PPT，想带着PPT去拿下各式各样的公开演讲，别害羞，直接通过微信公众号大胆地来找我。
2024年优秀网页游戏设计案例 篇4
插画
01
Flow Lava
https://flowlava.club/
一个免费的插画库！
02
Open Peeps插图库
https://www.openpeeps.com/
60万个手绘人物插图库，免费可商用
03
undraw
https://undraw.co/illustrations
这是一个插画网站，每幅画都是作者自己话的不定时更新，大多都是扁平化PNG图。
04
Tim Ruffle
http://www.timruffle.com/
插画设计-提供丰富的原创动漫、插画、动态漫画等，各种非常有创意的作品集合
创意
01
abduzeedo
https://abduzeedo.com/
设计灵感网站。涵盖建筑、图书、品牌、设计以及其他领域，除了看到这些精彩的作品外，你还能看到作品背后的创作过程。
02
BODIES IN MOTION
bodiesinmotion.photo
BODIES IN MOTION 是英国著名的设计师、摄影师、雕塑师斯科特·伊顿的网站，旨在记录人体动态姿势的力量和美丽。
03
Creativen Boom
https://www.creativeboom.com/
《Creativen Boom》是英国的一家成立于2009年创意行业杂志，以艺术，手工艺，设计，插图，摄影为重点，其中插画专题栏介绍。介绍了大量插画类别的优秀内容，每一个插画专题点进去都有对插画师的介绍，以及插画背后的故事，可以激发你的想象力。
艺术
01
Colossal
https://www.thisiscolossal.com/
展示各类艺术作品，雕塑、绘画甚至科技创新也有涉及。
02
Artparasites – How Art you today
http://www.artparasites.com/
柏林艺术网站，聚焦城市艺术。作品与都市生活息息相关，一个风格独特的艺术网站。
03
streetartutopia
https://streetartutopia.com/
街头艺术乌托邦 ，展示世界各地的街头艺术。
04
American Art Collector
https://www.americanartcollector.com/
美国艺术杂志，包含世界级藏品的解析。
素材
01
pngimg
http://pngimg.com/
一个很优秀的免抠PNG图片网站，
上面收藏了近8W的免抠素材，
直接下载就可以使用。
02
stickpng
https://www.stickpng.com/
StickPNG 是一个免抠背景图片的素材网站，网站所有图像都是已经去背景，无需再次抠图，同时这个网站拥有多种流行常用的分类资源，目前已有数28000+张透明 PNG 背景图像免费下载。
03
iconstore
https://iconstore.co/
IconStore 是一个提供一流的免费图标包素材的站点，汇集了很多优质的icon素材，设计师可以自由下载使用，适用于网页设计、移动端设计等，所有的素材都是由设计师自愿分享的，发布日期、尺寸、数量、文件类型、所属设计师等信息比较详细。
04
Flow Lava
https://flowlava.club/
一个致力于帮助网页设计师、产品设计师寻找最优秀的网页素材、优秀代码、免费字体及其他各种资源的站点
网页
01
awwwards
https://www.awwwards.com/
Awwwards是一个专门为设计精美bai的网站以及富有创意的网站颁奖的du网站，Awwwards上的获奖网站来自zhi全世界优秀的网页设计dao师之手，网站每天评选出一个“Site of the Day”。如果你想学习国外优秀设计网站的设计思路，可以从Awwwards找到大量的实例。
日本风
01
Flow Lava
https://flowlava.club/
Webデザインリンク集：一个日本的优秀网页赏析网站，非常精美
02
Cinra
https://fcinra.net
日本网站，分享设计师专访，帮助了解设计师思维演进过程
03
Straightline
bm.straightline.jp
这是一个收藏日本优秀的商业、企业、创意、艺术、购物等领域的网页设计集合网站，风格包罗万象，非常值得一看。
04
日本デザインネットワーク（日本设计网）
https://www.japandesign.ne.jp/
这个网站包含的门类较多，有艺术、图形设计、建筑设计、建筑、映像、照片、媒体设计、时尚、娱乐等等，还有关于日本各大学学生的毕业作品展，它是一个制造、使用、思考人的设计信息网站。通过这个网站你可以找到其他与之相关的设计类网站，如同泉水源源不断，而且不需要翻墙就可以浏览，很棒的！
05
日本デザインセンター（日本设计中心）
Nippon Design Center, Inc
https://www.ndc.co.jp/
这个网站，网页简洁，不像国内的一些网站，满网页密密麻麻的，还时不时冒出个网游广告和色情小广告啥的，比如淘宝，眼花缭乱的，看着都烦，更别说购物了。这上面主要是一些设计方面的作品，包括建筑、室内、平面、工业等等。个人觉得非常不错，开眼界，推荐给大家，此站不需要翻墙也可以浏览，但是打开较为缓慢，最好是翻墙看吧。如果不懂日文也没关系，网页右上角可以切换成中文页面。
06
日本设计网
デザイン情報サイト[JDN]
https://www.japandesign.ne.jp/
该设计网站包含诸多门类，可以给各行各业的设计师们提供灵感。通过这个网站还可以找到其他与之相关的设计类网站，超方便！
更多艺术留学知识关注公众号：KDA课达艺术空间
2024年优秀网页游戏设计案例 篇5
知否，知否，应是这几个网站！
设计师与即将踏上设计路程的朋友们看过来啦，今天推荐几个我经常用的设计网站，亲自测试，确实很值得使用与收藏哦！
一个合格的设计师需要取舍适合自己的学习网站，设计网站分为好几类，学习网站及素材网站，尽管功能不同，但是目的只有一个：让设计成为更简单的事情！
第一个：UI中国
网址：https://www.ui.cn/
1、这个网站主要是产品用户体验设计，UI设计师用的比较多
里面有很多功能模块区，也可以观看其他设计师的作品集展示。
2、其实UI中国有很多实用的价值的，可以查看课程，也可以临摹里面的作品，可以提升自己的设计技术。
3、大家看，更多功能区，是不是还有很多学习的干货哦！
第二个：站酷
网址：https://www.zcool.com.cn
1、站酷网和UI中国设计感比较好，里面的作品也很有质感，如果想把自己的美感提升，可以参考站酷。
2、站酷涉及比较广泛，平面设计、工业设计到UI设计等，都可以学习
3、站酷也有专门的课程教学，有些想自学朋友们，可以报一个相关课程，来提升自己啦！
第三个：68Design
网址：http://www.68design.net
1、这个网站我重点说一下，这个基本我天天都会看的，里面每天都会更新好的作品，喜欢的话，下载收藏都可以的。
2、这个网站涉及面也挺广泛的，可以查看其他设计师的作品，“见贤思齐焉，见不贤而自省也”，也再好不过。
3、高清素材图片免费下载、免费下载、免费下载，重要的事情说3遍
里面有上万好图，很实用，不过有时候我们在商业的时候，一定要注意不要股权哦！
第四个：花瓣
网址：http://huaban.com
花瓣网我就不多说啦，你懂得，这个是一个图片范围很齐全的网站，设计的、非设计的，样样都有，恰到好处！
里面还有花瓣Live,对于喜欢画画的人来说是件好事，里面有很多课程，供你选择，我之前就买了一个课程，不过现在还没有看完，哈哈！
第五个：千库网
网址：http://www.cndesign.com
1、需要找素材及设计模板，上千库网你就对啦，拥有一个VIP，减轻设计负担，节约设计，让设计成为更简单的事情！
2、如果需要VIP终身会员的，可以关注我，私信千库网终身会员，即可免费领取，谢谢支持！
第六个：中国设计网
网址：http://www.cndesign.com/
最后一个网站，中国设计网，听名字就感觉很中国，它和前两个网站一样，功能都很齐全
你们可以根据需要来查找自己需要的东西，方便、快捷、简单。
总结：了解并掌握一个东西很难，因为世界本无百分百，如何提高自己的工作效率，让自己能掌握好的技术能力，其实也没有想象中那么难，这6个网站也是我比较喜欢和常用的，素材图片及设计灵感的来源，你们值得拥有，唯有坚持，方能不负所爱，加油！
创作不易，欢迎点赞、评论及关注我，希望我的分享可以给你带来更多美好，谢谢支持！
欢迎关注我，私信回复千库网终身会员、简历模板、论文模板、PS、Sketch、UI，就可以免费获取资料，让设计成为更简单的事情！