游戏UI设计大师课：3款游戏 UI 设计模板

很多时候，做设计需要找素材。假如是普通的 UI 界面或者 Banner 等等，在Dribbble、Pinterest、即时设计、Behance 翻看这样的网站，至少可以梳理出一些想法和思路。如果你需要一个更规范的指南，此时，在各种设计规范、官方指南和设计系统中， 或者在 PSD、Sketch、 Figma 在文件中，你可以找到特定类型控件的特定设计。但问题是，如果你想设计一个专业领域的产品来满足一些更复杂的交互，你需要满足一系列更麻烦的需求。你能找到多少参考？其实还有一个非常重要的设计参考来源:游戏。

这款游戏汇集了许多经过考验的互动方式，承载着巨大的信息量，设计成熟，可以说是一个很有价值的学习对象。

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

• 在找到游戏之后，搜索结果与游戏界面设计无关。

• 官方 APP 商店或游戏官网，营销宣传内容过多。

• 自己安装游戏，测试，截图，分析成本太高。

• 风格类似的游戏信息过于分散，整合成本过高

1、即时设计

即时设计——可实时在线编辑的 UI 设计工具https://ad.js.design/online/ui/?source=csdn&plan=xy726以上的顾虑和问题，在即时设计就可以轻松解决。即时设计是一款实时在线编辑的 UI 设计软件，在国内可以说小有名气的设计软件了，众多设计师、产品经理和开发人员正在使用，在即时设计的资源广场就有 1W+ 的游戏 UI 设模板，79 个素材库等你来挑选。

总的来说，即时设计将游戏界面设计的灵感参考服务，做到了相当不错的程度，帮助设计者节省了相当多的分类和收集工作。

1、Interface in Game

这个时候，Interface in Game 这一网站的价值得以体现：

游戏产业巨大，但这也使其在设计层面上，信息十分分散。概念设计师聚集在一起 ArtStation，Behance界面设计师和 Dribbble 整合作品，而玩家和开发者则聚集在各自的社区。它可能也会促进Interface in Game 这个网站诞生的原因之一。

该网站收集了2000个网站与各种顶级优秀游戏相关的 UI 以及互动方面的信息。

主页上，这些游戏将按照主页进行。「题材」、「元素」、「风格主题」还有时间(即时间)「最近添加」）为了满足您寻找资料的不同需求，进行划分。

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

Interface in Game 这是一个游戏界面设计网站， UI 界面设计灵感收集领域有一个空白，主要是一群游戏爱好者和需要游戏设计团队为网站提供游戏界面截图。他们根据自己的需求建立了这个网站。

总的来说，Interface in Game 将游戏界面设计的灵感参考服务，做到了相当不错的程度，帮助设计者节省了相当多的分类和收集工作。

2、GAME UI databas

还有很多其他的游戏 UI 和设计师一样，Edd Coates 总是希望有一个更快、更有效的搜索游戏的方法。 UI 设计所需的参考资料。所以 2020 2008年疫情期间，他创建了GAME。 UI database，帮助自己和同行业的设计师更加高效地工作。

网站创建后得到了广泛的支持和好评， Insomniac Games、Arkane Studios、Double Fine 等待多家游戏开发公司引用专业参考工具， 2021 年 8 月在 Pocket Gamer 获得“手机游戏奖”BEST TOOLS PROVIDER“奖项。所有这些都很好地证明了GAME UI 实用而强大的databas功能。

• 资源丰富，类型全面

GAME UI 共包括databas站内的一共内容 920 精品游戏，各种游戏界面参考共计。 38000 多张图片，参考图片都很高清。在里面，你可以找到游戏界面设计所需的各种信息:主界面和 HUD、可选的游戏平台包括电脑、手机/平板电脑和手持电脑，如地图页面、指导教程页面、物品和解锁页面等。如此丰富的资源和专业的功能分类是其他普通设计网站无法比拟的。GAME UI 根据功能，databas对站内参考资源进行了详细的分类。

网站上有著名的高质量电子游戏界面设计参考，如艾尔登法环、动物森林、最终幻想、巫师、饥荒、古卷轴、最终幸存者、无主之地、蝙蝠侠:阿克哈姆、愤怒的小鸟、光之子、吃豆人等。在页面顶部的搜索框中输入游戏名称，进入相应的游戏项目页面就可以看到相关的界面截图。最近很热「艾尔登法环」还收录了游戏界面。

• 按需精确搜索

除根据游戏名称和功能搜索网站中的资源外，GAME UI databas还提供了详细的分类索引，帮助设计师准确找到所需的类型。可以直接点击相应的标签快速筛选，无论是游戏类型、主题、界面风格、材质、视角还是元素。站内还有一个按关键词搜索，所有包含该单词的页面都会呈现出来。

• 拓展运用

尽管GAME UI databas主要针对游戏界面设计领域，但一款高质量的游戏在很多方面都有设计参考意义，很多游戏都有。 logo 设计、字体效果、艺术风格、配色等。同样出彩，也是相关行业设计师的好灵感来源。各种字体设计和字体效果，这个可爱的游戏界面也是喜欢扁平插图的朋友的好参考。

即时设计——可实时在线编辑的 UI 设计工具https://ad.js.design/online/ui/?source=csdn&plan=xy726

总结

假如在初级的网站游戏上，Pinterest 上搜索游戏 UI 设计参考资料，结果往往分散不准确；设计师下载自己的游戏进行研究太费时费力了。相比之下，GAMEE拥有丰富的资源和全面的类型，可以快速准确搜索 UI databas非常容易使用，这类游戏 UI 设计领域的垂直搜索平台无疑是提高设计师工作效率的神器。附上官网地址，有需要的朋友赶紧收藏~