2024年网页游戏设计案例 篇1
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年网页游戏设计案例 篇2
插画
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年网页游戏设计案例 篇3
游戏美术是CG艺术的一个分支，游戏美术师就是游戏美术的专业人才，通过各种软件引擎和技术技巧，完成游戏相应部分制作，不同岗位的游戏美术师们配合，才能完成一部完整的游戏。
游戏美术设计师从技术上分为：游戏原画师、游戏UI设计师、游戏场景设计师、游戏角色设计师、游戏特效设计师、游戏动画设计师。
游戏美术设计师需要掌握的基础技能包括：
原画师需要学习：
手绘基础：包括头骨、头像素描，石膏像人体解剖素描。
原画艺术基础：包括PS基础，原画商业案例赏析。
原画人物设定：包括写实人物角色设定、写实人物服装道具设定，卡通人物设定、卡通人物服装道具设定。
动物角色设定：包括动物解剖基础，写实类动物角色设定，卡通类动物角色设定。
场景设定：包括中外建筑风格赏析，写实风格场景设定，卡通风格场景设定。
游戏UI设计师需要学习：
UED概述：UE、UI、IXD的基本概念，用户体验的基本原则，用户体验案例分析，Axure RP原型设计软件应用。
GUI设计基础：Photoshop软件应用，Illustrator软件应用，平面设计的知识和理论。
网页UI设计：网页的设计布局和配色、门户网站的页面设计、电子商务网站的网页设计、企业网站的页面设计
软件UI设计：PC端应用界面设计，iOS应用界面设计，Android应用界面设计，WindowsPhone应用界面。
游戏UI设计：游戏UI概述，游戏按钮设计，游戏图标设计，游戏logo、icon设计，游戏框架、界面设计，移动端游戏UI设计。
游戏场景设计师需要学习：
CG艺术基础：学习Photoshop基础知识，透视基本原理，结构空间整体构图，调色，材质表现等等基础知识。
游戏场景道具：学习maya，3ds Max的界面以及基础操作，Poiy模型的制作方法、游戏模型的制作过程。
中式场景制作：认识建筑，了解建筑构成基本法则，了解中式建筑史简史，中式建筑赏析，中式室内场景制作。
西式场景制作：了解西方建筑简史，掌握西式建筑场景制作，贴图烘焙及简单的法线效果。
环境营造和组合场景：制作植物、石头等物品，制作地形地貌，制作环境球天空。
Q版场景制作：了解Q版游戏美术特点，学习Q版游戏模型制作，学习Q版游戏贴图制作。
游戏角色设计师需要学习：
CG艺术基础：了解头部骨骼结构、五官的比例结构，分析人体大的骨骼结构以及人体骨骼的基本形态，从身体躯干的骨骼到四肢的骨骼来具体分析各自的特点，了解肌肉的分布与运动的关系，从主要躯干的肌肉到四肢的肌肉结构分析其特点，面部的结构、皮肤的质感表现，金属材质的表现技法、布料的表现技法。
游戏道具：道具盾牌的制作:Maya软件的基本界面的认识与基础操作以及建模方法，道具刀的模型制作：3dsMax的基本界面和基础操作、POIY模型的制作方法、游戏道具的制作过程。
四足动物制作：卡通动物的低模的创建：UV拆分插件UVLayout的软件应用，写实动物的制作方法：Bodypaint软件的基本知识以及绘制贴图的方法。
游戏角色制作：角色头部建模：讲解头部造型，男性人体的建模以及建模的技巧，分析人体构造，头部UV，头部贴图的绘制方法以及讲解头部解剖结构，身体贴图的绘制，深入讲解人体结构与人体的表现手法，掌握人物角色服装（装备）的建模方法，学习服装（装备）的UV拆分，以及UV的合理利用。
Q版人物角色：网游角色商业案例临摹，学会Q版角色的贴图绘制。
怪兽角色制作：根据怪兽的身体特征创建怪兽的模型以及UV的拆分的技巧，Bodypaint:绘制颜色贴图、通过材质的叠加表现角色的质感，经典模型商业案例临摹。
游戏特效设计师需要学习：
3Ds max游戏特效制作案例讲解：3Ds max游戏特效制作案例讲解，max初识及基本物体认识，对象的镜像，对其及复制的应用等，修改面板的认识及二维曲线的创建，修改及应用，基本几何体的修改。
游戏特效介绍与illusion软件应用：游戏特效介绍与illusion软件应用，通过操纵角色打出各种必杀技或魔法时，其绚丽的效果能给玩家带来莫大的成就感。实际上一些经典的必杀技的演出让很多玩家津津乐道并沉醉其中。
max软件粒子系统：max初识及基本物体认识，对象的镜像，对其及复制的应用等，修改面板的认识及二维曲线的创建，修改及应用，基本几何体的修改。
游戏引擎特效编辑器讲解：游戏引擎特效编辑器讲解，本专业将系统学习2D\3D游戏中的各种特效，包括刀、剑、斧子、枪等不同物理兵器道具的打击特效，各种魔法如治疗法术类、辅助法术类、元素法术类、召唤法术类的特效设计与制作，以及游戏场景中各种特效的制作。
游戏引擎特效实例讲解：游戏引擎特效实例讲解，本专业将系统学习2D\3D游戏中的各种特效，包括刀、剑、斧子、枪等不同物理兵器道具的打击特效，各种魔法如治疗法术类、辅助法术类、元素法术类、召唤法术类的特效设计与制作，以及游戏场景中各种特效的制作。
游戏动画设计师需要学习：
运动规律：包括动画基础、运动规律、Character studio介绍、骨骼架设、模型蒙皮绑定。
人物角色特性规律：包括卡通角色待机、战斗待机动画，卡通角色攻击、被攻击动画，卡通角色死亡动画，卡通角色跑步、走路动画，男主角攻击动画，男主角跑步、走路动画，男主角武器收起动画，男主角待机、战斗待机动画。
四足特性规律：包括四足攻击、被攻击动画，四足待机、战斗待机动画，四足跑步、走路动画。
怪物NPC动作特性规律：怪物攻击、被攻击动画，怪物死亡动画，怪物跑步、走路动画，怪物待机、战斗待机动画，双头怪攻击、被攻击动画，双头怪死亡动画，双头怪跑步、走路、动画。
布料动画特性规律：包括游戏布料动画，服饰摆动效果。
场景动画特性规律：包括游戏场景建筑动画，科幻类游戏场景动画。