比花瓣还专业！200多款顶级游戏的UI和交互设计都在这里

很多时候，做设计需要找参考。如果是普通的 UI 界面或者 Banner 之类的，在Dribbble、Pinterest、 花瓣、Behance 这样的网站上翻看一下，至少能够梳理出一些思路。如果你需要的是更加规范的指引，这个时候在各种设计规范、官方指南以及各种设计系统的 PSD、Sketch、 Fig 文件里面，能够寻找到具体的某一类控件的具体设计。

游戏：一个重要的设计参考

可是问题在于，如果你要设计的是一个专业领域的产品，满足一些更复杂的交互，需要应对一系列更麻烦的需求，你能找到的参考又有多少？

其实，还有一个很重要的设计参考来源：游戏。

不同的游戏，交互差别很大。简单的交互比如「Flappy Bird」只需要点击屏幕，甚至不需要考虑点击的位置就可以完成操作，但是大型即时战略类游戏比如 Dota2，涉及到的交互就会复杂很多。

游戏集合了很多几经考验的交互方式，承载着巨大的信息量，有着成熟的设计，可以说是非常有价值的学习对象了。

Intece in Game：一个宝贵的设计参考网站

其实，如果真要有针对性的去找游戏交互和UI 参考并不难，但是通常会遭遇到几种情况：

• 找到游戏后，和游戏界面设计无关的搜索结果太多官方的APP商店，或者游戏官网，营销宣传内容过多
• 自己安装一个游戏、测试、截图、分析成本太高
• 同类、同风格的游戏信息太分散，整合成本太高

这个时候，Intece in Game这个网站的价值就体现出来了。

游戏产业庞大，但是这也使得它在设计层面上，信息非常的分散。概念设计师汇集在 ArtStation，界面设计师在 Behance 和 Dribbble 整合作品，而玩家和开发者则汇聚在各自的社区。这大概也是促成 Intece in Game 这个网站诞生的理由之一吧。

这个网站搜罗了200 多款最顶级的优秀游戏的相关的 UI 和交互方面的资料。

方便的界面浏览和筛选

在首页上，这些游戏会按照「题材」、「元素」、「风格主题」以及时间（也就是「最近添加」）来进行划分，以满足你寻找资料的不同需求。

你可以直接挑选你感兴趣的游戏进行浏览。

不同的界面都根据它的「元素」和功能进行了划分，可以使用侧边栏进行快速的筛选，比如游戏中的操作和交互，其中不仅有截图，还有短视频进行动态演示。

比如游戏中所涉及到的菜单，也是被非常全面地被截取出来。

在具体的界面截图当中，你可以看到相关的标签，其实这些标签对应的就是游戏界面中的不同的「元素」，点击它们就能跳转到同类的「元素」的合集界面。另外，通过右下角的功能按钮来点赞、下载或者返回对应的游戏主页。

你可以在单个游戏的页面中，挑选相应 UI，也可以通过顶部的 Screenshots 选项，无差别地在所有的游戏截图和视频当中，挑选你所需要的类别/元素。

比如加载页面的设计。

结语

虽然 Intece in Game 这个游戏界面设计网站服务于游戏行业的设计师，但它的功能和服务同样对于其他领域的设计师有着非常高的参考价值。这些优秀的游戏，跨越多个题材和风格，每一个都是一个设计宝库，比如封面的字体、配色、布局和整体的视觉风格设计都有很多值得学习的地方。

Intece in Game 这个游戏界面设计网站填补了 UI 界面设计灵感搜集领域的一个空白，为设计师提供了游戏界面截图，并帮助设计师节省了分类和搜集的工作。

虽然目前这个网站的访问速度可能较慢，但有梯子的同学可以使用梯子来加快访问速度。