火星网校
比花瓣还专业!200多款顶级游戏的UI和交互设计都在这里
发布时间：2024-01-18 15:57:01 浏览量：164次
很多时候，做设计需要找参考。如果是普通的 UI 界面或者 Banner 之类的，在Dribbble、Pinterest、 花瓣、Behance 这样的网站上翻看一下，至少能够梳理出一些思路。如果你需要的是更加规范的指引，这个时候在各种设计规范、官方指南以及各种设计系统的 PSD、Sketch、 Figma 文件里面，能够寻找到具体的某一类控件的具体设计。
可是问题在于，如果你要设计的是一个专业领域的产品，满足一些更复杂的交互，需要应对一系列更麻烦的需求，你能找到的参考又有多少？
其实，还有一个很重要的设计参考来源：游戏。
不同的游戏，交互差别很大。简单的交互比如「Flappy Bird」只需要点击屏幕，甚至不需要考虑点击的位置就可以完成操作，但是大型即时战略类游戏比如 Dota2，涉及到的交互就会复杂很多。
游戏集合了很多几经考验的交互方式，承载着巨大的信息量，有着成熟的设计，可以说是非常有价值的学习对象了。
其实，如果真要有针对性的去找游戏交互和UI 参考并不难，但是通常会遭遇到几种情况：
- 找到游戏后，和游戏界面设计无关的搜索结果太多
- 官方的APP商店，或者游戏官网，营销宣传内容过多
- 自己安装一个游戏、测试、截图、分析成本太高
- 同类、同风格的游戏信息太分散，整合成本太高
这个时候，Interface in Game 这个网站的价值的就体现出来了:
Interface in Game
网站链接：
https://interfaceingame.com/
游戏产业庞大，但是这也使得它在设计层面上，信息非常的分散。概念设计师汇集在 ArtStation，界面设计师在 Behance 和 Dribbble 整合作品，而玩家和开发者则汇聚在各自的社区。这大概也是促成 Interface in Game 这个网站诞生的理由之一吧。
这个网站搜罗了200 多款最顶级的优秀游戏的相关的 UI 和交互方面的资料。
在首页上，这些游戏会按照「题材」、「元素」、「风格主题」以及时间（也就是「最近添加」）来进行划分，以满足你寻找资料的不同需求。
你可以直接挑选你感兴趣的游戏进行浏览：
不同的界面都根据它的「元素」和功能进行了划分，可以使用侧边栏进行快速的筛选，比如游戏中的操作和交互，其中不仅有截图，还有短视频进行动态演示：
比如游戏中所涉及到的菜单，也是被非常全面地被截取出来：
在具体的界面截图当中，你可以看到相关的标签，其实这些标签对应的就是游戏界面中的不同的「元素」，点击它们就能跳转到同类的「元素」的合集界面。另外，通过右下角的功能按钮来点赞、下载或者返回对应的游戏主页：
你可以在单个游戏的页面中，挑选相应 UI，也可以通过顶部的 Screenshots 选项，无差别地在所有的游戏截图和视频当中，挑选你所需要的类别/元素：
比如加载页面的设计：
虽然网站整体上是服务于游戏行业的设计师，并且它创建的初衷也是面向游戏行业的，但是它所提供的功能和服务对于很多其他领域的设计师同样有着非常高的参考价值。这些优秀的游戏，横跨多个不同的题材和风格，而所有的这些大作，每一个都是一个设计宝库，比如封面的字体，配色，布局和整体的视觉风格设计就有很多值得学习的地方：
Interface in Game 这个游戏界面设计网站，填补了 UI 界面设计灵感搜集领域的一个空白，为网站提供游戏界面截图的，主要是一帮游戏爱好者和需要游戏设计团队，他们基于自身的需求来搭建这个网站。
总体上来说，Interface in Game 将游戏界面设计的灵感参考服务，做到了相当不错的程度，帮设计师节省了相当多的分类和搜集的工作。
目前这个网站唯一的问题可能就是访问速度略慢了一点，有梯子的同学用梯子会快很多。
热门课程推荐
热门资讯
-
探讨游戏引擎的文章，介绍了10款游戏引擎及其代表作品，涵盖了RAGE Engine、Naughty Dog Game Engine、The Dead Engine、Cry Engine、Avalanche Engine、Anvil Engine、IW Engine、Frostbite Engine、Creation引擎、Unreal Engine等引擎。借此分析引出了游戏设计领域和数字艺术教育的重要性，欢迎点击咨询报名。
-
2. 手机游戏如何开发(如何制作传奇手游，都需要准备些什么？)
如何制作传奇手游，都需要准备些什么？提到传奇手游相信大家都不陌生，他是许多80、90后的回忆；从起初的端游到现在的手游，说明时代在进步游戏在更新，更趋于方便化移动化。而如果我们想要制作一款传奇手游的
-
3. B站视频剪辑软件「必剪」：免费、炫酷特效，小白必备工具
B站视频剪辑软件「必剪」，完全免费、一键制作炫酷特效，适合新手小白。快来试试！
-
游戏中玩家将面临武侠人生的挣扎抉择,战或降?杀或放?每个抉定都将触发更多爱恨纠葛的精彩奇遇。《天命奇御》具有多线剧情多结局,不限主线发展,高自由...
-
5. Bigtime加密游戏经济体系揭秘，不同玩家角色的经济活动
Bigtime加密游戏经济模型分析，探讨游戏经济特点，帮助玩家更全面了解这款GameFi产品。
-
6. 3D动漫建模全过程，不是一般人能学的会的，会的多不是人?
步骤01:面部,颈部,身体在一起这次我不准备设计图片,我从雕刻进入。这一次,它将是一种纯粹关注建模而非整体绘画的形式。像往常一样,我从Sphere创建它...
-
7. 3D动画软件你知道几个?3ds Max、Blender、Maya、Houdini大比拼
当提到3D动画软件或动画工具时,指的是数字内容创建工具。它是用于造型、建模以及绘制3D美术动画的软件程序。但是,在3D动画软件中还包含了其他类型的...
-
想让你的3D打印模型更坚固？不妨尝试一下Cura参数设置和设计技巧，让你轻松掌握！
-
三昧动漫对于著名ARPG游戏《巫师》系列，最近CD Projekt 的高层回应并不会推出《巫师4》。因为《巫师》系列在策划的时候一直定位在“三部曲”的故事框架，所以在游戏的出品上不可能出现《巫师4》
-
众所周知,虚幻引擎5(下面简称UE5)特别占用存储空间,仅一个版本安装好的文件就有60G,这还不包括我们在使用时保存的工程文件和随之产生的缓存文件。而...
