2024年网页游戏设计案例 篇1
插画
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年网页游戏设计案例 篇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
棋牌H5游戏
H5棋牌游戏跟APP唯一的区别应该就是载体，H5本身就是链接，没有实质性的载体，所以在游戏留存率上相对占下风。如果玩家没有保存好链接，就很难再找到游戏入口，这样即便你拉到新用户，潜在玩家，也没办法控制住以这样的方式用户流失。
而APP就不同，玩家把游戏下载到手机后，APP就是入口，完全可以随时随地自由进入游戏。虽然说H5便宜，但实际运营起来还是有一定难度。
首先H5棋牌游戏开发价格较低，推广渠道方面，H5是要依靠社交平台，才能得到灵魂的实现，只要好好利用好微信、QQ等社交平台，推广就容易得多了。
虽然能够借助渠道的优势进行推广，但H5毕竟只是一条链接，利用渠道的同时也会受到渠道的限制，相当于淘宝，你能通过淘宝的流量去销售自己的产品，但这些客户终究还是属于淘宝，很难通过店铺把这些流量变成自己的资源。
用户体验贯穿在一切设计、创新过程。棋牌游戏平台设计方面的用户体验主要是来自用户和人机界面的交互过程。在一开始，大部分棋牌游戏开发公司对包装的设计看得很重要，而忽略了核心的功能，在以前棋牌游戏产品匮乏的年代，这些地方也许不显得那么重要，但如果放到今天，这一缺点会被无限放大，因为如今竞争不断扩大，今天的棋牌平台在这方面都有很好的用户体验。
除了要有精美逼真的游戏画面，还要有简洁明了易操作的玩家提示。简单的游戏提示不仅能让初玩者尽快掌握游戏规则和操作方法，还能让玩过类似棋牌游戏的玩家发现自己产品的亮点和与其他产品与众不同的地方，这也是一个行之有效的用户体验。
用户体验设计经常犯的错误就是开发后直接上线。很多人说，互联网作为一个实验室，产品一上线就可以知道结果了。这当然也是一个正确的理念，但是产品在上线之前若有太多的错误，即便是有好看的画面，玩家的游戏印象也会不好。一开始的时候就能很准确地作出一些判断，作出一些取舍，在互联网这个实验室里，才能够得到更好的发展
2024年网页游戏设计案例 篇4
UI零基础菜鸟如何成为一名受欢迎的职业UI设计师？不管你现在是零基础还是有一点软件基础都不是那么重要，相信每一个热爱UI设计的同学，都渴望自己有一天能够成为一名优秀的高级UI设计师，或者通过不断努力升职为产品经理。
那么我们每一个人学UI设计起初都是要从零基础学起的，没有人天生就拥有设计基础，基础学的不扎实，直接影响到你是否能成为一名合格的UI设计师，比如建房子一样，基础没有建设牢固，直接影响到整栋楼盘的建设质量是否合格。
所以我们学习UI设计一定要把基础学好，才能把后面的设计技能掌握到手，那么UI设计基础怎么去学习呢？有的人以为学会PS软件就有UI设计基础了，其实不是的，软件的话只是一个设计工具，你只要掌握它的功能使用就会操作。
经常遇到有一些学员在找PS软件教程，学了一大推PS的软件知识，设计海报，抠图，什么都学，学了很多UI设计工作中根本用不到的，走了很多弯路和浪费了时间，该掌握的没有学会，不该掌握的却学会了，没有完整的学习体系。
而这样盲目的去学习UI设计是学不好的，还有一些人连设计基础都还没有学扎实，就直接去学案例，临摹图标或网页界面等，随心所意的看到有UI设计教程去学，东学一点，西学一点，学了半年都还不能独立原创设计作品。
如果你连原创设计都不会，你怎么去工作，比如面试官一问你这个作品你是怎么设计出来的，说说你的设计思路和设计想法，如果你说不出来，那么面试官是不会录用的，所以学习UI设计要用正确的方法去学才能正真学好。
如果你不选择正确的学习方法去学，就几乎很难把UI设计学好，比如你自学了半年还没有掌握设计技能，就浪了半年时间和精力，你付出了努力，得到的学习结果却不是你想要的，而想要成为UI设计师学习选择很重要。
2024年网页游戏设计案例 篇5
在学习UI设计的过程当中，特别想学或者零基础的人来说，需要学习到很多知识，比如软件 PS AI ，理论 色彩 排版 规范 UE 等，这些都是一名UI设计师需要学习的知识，而学习到这些知识，可以通过视频，书籍，网站，培训等多种方法学习，今天就和大家推荐下学习设计所要看的一些书籍。
一、《设计心理学》
内容简介：
设计心理学是设计专业一门理论课，是设计师必须掌握的学科。设计心理学是建立在心理学基础上，把人们心理状态，尤其是人们对于需求的心理通过意识作用于设计的一门学问。它同时研究人们在设计创造过程中的心态。以及设计对社会及对社会个体所产生的心理反应，反过来在作用于设计，使设计更能够反映和满足人们的心理作用。
推荐理由：
心理和情感激发是鼓励用户付诸行动一个的宝贵工具。激发包括像内疚和担心的这样的情绪，当然还包括吸引人的那种归属感和人的价值观念认可。
在设计中结合激励性情绪的通常做法是如果网站上的广告语言，再加入一些图形元素作为辅助支持，使用图片和图表加强激励效应。
二、配色设计原理
作者：
佐佐木刚士，1978年出生于神奈川。大学毕业后，进入WORKS CORPORATION公司。在入社仪式上发表了题为“我喜欢的颜色是粉色。我喜欢的食物是茶碗蒸”的谜语一般的自我介绍，使公司的前辈职员和上司大为吃惊。他曾经工作于月刊《DTPWORLD》编辑部，现在以自由作家、编辑的身份从事各种活动。
简介：
怕配色理论枯燥冗长么？怕技巧方法不够实用么？《配色设计原理》保证让您学到实用而又系统的配色知识！《配色设计原理》通过简明易懂的示例作品，逐条讲解了绝对不可背离的配色理论；将具体的设计案例进行修改前后的对比，分析了如何才能使配色更具效果和表现力；根据希望达到的不同表现效果和目的，展现了设计师必须要了解的配色技巧；介绍了在理论无法适用时应对的配色设计方法；讲解了基本的色彩知识和易用的PhotoShop技法；刊载了日本目前活跃、专业的设计师的主题性访谈。
三、《破茧成蝶》《破茧成蝶2》
内容简介：
本书从用户体验设计师的角度出发，系统地介绍了其职业生涯中的学习方法、思维方式、工作流程等，覆盖了用户体验设计基础知识、设计师的角色和职业困惑、工作流程、需求分析、设计规划和设计标准、项目跟进和成果检验、设计师职业修养以及需要具备的意识等，力图帮助设计师解决在项目中遇到的一些常见问题，找到自己的职业成长之路。
推荐理由：
这本书简单明了的从用户体验方向出发，把你的设计更人性化，更符合用户的预期范围，更注重用户体验，让你设计出来的作品更容易说服甲方爸爸。互联网下半场来袭，从业者需要做出怎样的变化，以应对风云突变的大环境呢？本书主要讲述“用户导向”的用户体验设计师，与“业绩导向”的产品经理，在瞬息万变的互联网新时代如何顺势转型成“以产品价值为中心”的产品设计师的过程；作者结合数年来从事互联网产品架构和设计工作的思路，融会贯通，提炼出顺应新 时代的互联网产品设计内在规律，旨在帮助读者在波涛汹涌、充满不确定性的大环境下，改变命运，不惧未来！
四、《形式感》
内容简介：
《形式感+:网页视觉设计创意拓展与快速表现》可以帮助有一定基础的网页设计初学者或在职者，在遇到设计创意瓶颈时，能够在较短的时间内解决设计上的创意和视觉形式感的问题。不论是应对紧急的工作需求或是求职面试都能够给观者一个新颖的视觉表现。
推荐理由：
很多小伙伴在设计的时候都只是为了好看而设计，如果你的设计加上一些故事是否更生动呢，本书很多结合生活中的案例用故事引导的形式展示在案例中，希望你看完此书你的设计也是一个有故事的设计，有故事的设计会给你的设计加分哦。
五、《简约至上》
内容简介：
作者Giles提出了合理删除、分层组织、适时隐藏和巧妙转移这四个达成简约至上的终极策略，讲述了为什么应该站在主流用户一边，以及如何从他们的真实需求和期望出发，创造出历久弥新的用户体验。
推荐理由：
追求简单易用是人类的本性，无论是互联网产品，还是移动应用，亦或其他交互式设计，简单易用始终都是赢得用户的关键。
六、《用户体验要素》
内容简介：
本书用简洁的语言系统化地诠释了设计、技术和商业融合是最重要的发展趋势。全书共8章，包括关于用户体验以及为什么它如此重要，认识这些要素、战略层、范围层、结构层、框架层、表现层以及要素的应用。 全书用清晰的说明和生动的图形分析了以用户为中心的设计方法(UCD) 来进行网站设计的复杂内涵，并关注于思路而不是工具或技术，从而使你的网站具备高质量体验的流程。
推荐理由：
很多设计师设计都仅从设计的角度出发，排版、布局、色彩搭配是否和谐，做出来的设计稿总不如人意，本书从用户体验 的角度出发，帮你简单明了的了解什么是要素、战略层、范围层、结构层、框架层、表现层以及要素的应用及方法，从而使你的设计更加的接近用户的心里；
七、《在你身边为你设计》
内容简介：
—腾讯的用户体验设计之道。本书内容包括：设计理念、设计方法、用户研究、体验设计、设计流程和工具，以及团队成长与管理等方面的知识与经验分享。
推荐理由：
很多设计师只知道依葫芦画瓢的设计，但是却不知道自己设计这个产品有什么原理，用的是什么方法，针对的用户是什么，它能够给客户带来什么？当甲方爸爸问到的时候一无所知，希望你读完本书可以学到一些，能轻松解决甲方爸爸的尴尬问题，最终你的作品是一个有理有据的活生生的作品。
八、《交互设计精髓》
内容简介：
研究交互设计，交互设计一门综合性很强的学科，包括逻辑学，计算机科学，心理学，社会学，认知学，视觉设计等等。很多设计认为，交互设计就是画画原型，做一些页面的基本跳转等再简单不过的事情。等踏入这个行业以后，价值观彻底被颠覆了，有没有！我们只有沉下心来，慢慢学，慢慢做....
推荐理由：
在工作中，常常市场研究和用研把研究结果隔着窗户扔给了设计或者程序员，对着冷冰冰的用研报告是很难能设计成用户想要的产品的。解决方案就是设计人员参与到用户研究的过程中，与用户进行直接而广泛的接触，那么，设计出来的产品也一定会让用户所喜欢的。让设计人员参与用户研究，设计人员可以参与用户访谈过程，并做一下访谈记录等。
九、《UED体验设计之旅》
内容简介：
《腾讯网UED体验设计之旅》是腾讯网UED的十年精华输出，涵盖了丰富的案例、极富冲击力的图片，以及来自腾讯网的一手经验，通过还原一系列真实案例的幕后设计故事，从用户研究、创意剖析、绘制方法、项目管理等实体案例出发，带领读者经历一场体验设计之旅。
全书核心内容涉及网媒用户分析与研究方法、门户网站未来体验设计、H5技术在移动端打开的触控世界、手绘原创设计、改版迭代方法、文字及信息图形化设计、媒体产品的交互设计、大项目设计管理方法等。
推荐理由：
很多设计师接触的工作比较单一，可能是单一的APP或网页设计，《腾讯网UED体验设计之旅》这边书设计的领域比较广，包括网页、APP、专题、微信、H5、字体、图形等一系列设计，读完这本书希望给你的设计成长之路更广；
十、《交互设计精髓》
内容简介：
研究交互设计，交互设计一门综合性很强的学科，包括逻辑学，计算机科学，心理学，社会学，认知学，视觉设计等等。很多设计认为，交互设计就是画画原型，做一些页面的基本跳转等再简单不过的事情。等踏入这个行业以后，价值观彻底被颠覆了，有没有！我们只有沉下心来，慢慢学，慢慢做....
推荐理由：
在工作中，常常市场研究和用研把研究结果隔着窗户扔给了设计或者程序员，对着冷冰冰的用研报告是很难能设计成用户想要的产品的。解决方案就是设计人员参与到用户研究的过程中，与用户进行直接而广泛的接触，那么，设计出来的产品也一定会让用户所喜欢的。让设计人员参与用户研究，设计人员可以参与用户访谈过程，并做一下访谈记录等。
十一、《动静之美》
内容简介：
笨书向读者全面细致地介绍了Sketch的使用方法，以及和Sketch无缝衔接的几款交互动效软件的使用方法本书不局限于软件本身的使用，更多的是设计思路和设计规范等内容的分享，让读者在掌握UI设计和交互动效设计精髓的同时彻底掌握Sketch，并能用keynote、principle和pixate等软件进行交互动效设计。
推荐理由：
随着UI设计师的市场竞争越来越激烈，单一只会做用PS、AI设计的已经不能轻松在市场立足了，很多企业要求设计师会Sketch，Keynote、principle、pixate等软件。
十二、《新印象 解构UI界面设计》
这是一本全面介绍UI设计的书，是帮助初级和中级读者快速学习UI设计知识、技巧和操作的参考书。
本书从UI设计基础入手，结合大量的案例分析和针对性实战，全面深入地阐述了UI设计的界面类型、界面构图、版面布局、元素运用、界面用色、设计原则与规范、切图与标注、图标设计及艺术二维码设计等方面的内容。
本书共9章，每章分别介绍一个板块的内容，讲解细致，案例分析与实战数量丰富。通过丰富的实战练习，读者可以轻松而高效地掌握UI设计的相关技术。