火星網校
比花瓣還專業(yè)!200多款頂級游戲的UI和交互設計都在這里
發(fā)布時間：2024-01-18 15:57:01 瀏覽量：174次
很多時候，做設計需要找參考。如果是普通的 UI 界面或者 Banner 之類的，在Dribbble、Pinterest、 花瓣、Behance 這樣的網站上翻看一下，至少能夠梳理出一些思路。如果你需要的是更加規(guī)范的指引，這個時候在各種設計規(guī)范、官方指南以及各種設計系統(tǒng)的 PSD、Sketch、 Figma 文件里面，能夠尋找到具體的某一類控件的具體設計。
可是問題在于，如果你要設計的是一個專業(yè)領域的產品，滿足一些更復雜的交互，需要應對一系列更麻煩的需求，你能找到的參考又有多少？
其實，還有一個很重要的設計參考來源：游戲。
不同的游戲，交互差別很大。簡單的交互比如「Flappy Bird」只需要點擊屏幕，甚至不需要考慮點擊的位置就可以完成操作，但是大型即時戰(zhàn)略類游戲比如 Dota2，涉及到的交互就會復雜很多。
游戲集合了很多幾經考驗的交互方式，承載著巨大的信息量，有著成熟的設計，可以說是非常有價值的學習對象了。
其實，如果真要有針對性的去找游戲交互和UI 參考并不難，但是通常會遭遇到幾種情況：
- 找到游戲后，和游戲界面設計無關的搜索結果太多
- 官方的APP商店，或者游戲官網，營銷宣傳內容過多
- 自己安裝一個游戲、測試、截圖、分析成本太高
- 同類、同風格的游戲信息太分散，整合成本太高
這個時候，Interface in Game 這個網站的價值的就體現出來了:
Interface in Game
網站鏈接：
https://interfaceingame.com/
游戲產業(yè)龐大，但是這也使得它在設計層面上，信息非常的分散。概念設計師匯集在 ArtStation，界面設計師在 Behance 和 Dribbble 整合作品，而玩家和開發(fā)者則匯聚在各自的社區(qū)。這大概也是促成 Interface in Game 這個網站誕生的理由之一吧。
這個網站搜羅了200 多款最頂級的優(yōu)秀游戲的相關的 UI 和交互方面的資料。
在首頁上，這些游戲會按照「題材」、「元素」、「風格主題」以及時間（也就是「最近添加」）來進行劃分，以滿足你尋找資料的不同需求。
你可以直接挑選你感興趣的游戲進行瀏覽：
不同的界面都根據它的「元素」和功能進行了劃分，可以使用側邊欄進行快速的篩選，比如游戲中的操作和交互，其中不僅有截圖，還有短視頻進行動態(tài)演示：
比如游戲中所涉及到的菜單，也是被非常全面地被截取出來：
在具體的界面截圖當中，你可以看到相關的標簽，其實這些標簽對應的就是游戲界面中的不同的「元素」，點擊它們就能跳轉到同類的「元素」的合集界面。另外，通過右下角的功能按鈕來點贊、下載或者返回對應的游戲主頁：
你可以在單個游戲的頁面中，挑選相應 UI，也可以通過頂部的 Screenshots 選項，無差別地在所有的游戲截圖和視頻當中，挑選你所需要的類別/元素：
比如加載頁面的設計：
雖然網站整體上是服務于游戲行業(yè)的設計師，并且它創(chuàng)建的初衷也是面向游戲行業(yè)的，但是它所提供的功能和服務對于很多其他領域的設計師同樣有著非常高的參考價值。這些優(yōu)秀的游戲，橫跨多個不同的題材和風格，而所有的這些大作，每一個都是一個設計寶庫，比如封面的字體，配色，布局和整體的視覺風格設計就有很多值得學習的地方：
Interface in Game 這個游戲界面設計網站，填補了 UI 界面設計靈感搜集領域的一個空白，為網站提供游戲界面截圖的，主要是一幫游戲愛好者和需要游戲設計團隊，他們基于自身的需求來搭建這個網站。
總體上來說，Interface in Game 將游戲界面設計的靈感參考服務，做到了相當不錯的程度，幫設計師節(jié)省了相當多的分類和搜集的工作。
目前這個網站唯一的問題可能就是訪問速度略慢了一點，有梯子的同學用梯子會快很多。
熱門課程推薦
熱門資訊
-
探討游戲引擎的文章，介紹了10款游戲引擎及其代表作品，涵蓋了RAGE Engine、Naughty Dog Game Engine、The Dead Engine、Cry Engine、Avalanche Engine、Anvil Engine、IW Engine、Frostbite Engine、Creation引擎、Unreal Engine等引擎。借此分析引出了游戲設計領域和數字藝術教育的重要性，歡迎點擊咨詢報名。
-
2. 手機游戲如何開發(fā)(如何制作傳奇手游，都需要準備些什么？)
?如何制作傳奇手游，都需要準備些什么？提到傳奇手游相信大家都不陌生，他是許多80、90后的回憶；從起初的端游到現在的手游，說明時代在進步游戲在更新，更趨于方便化移動化。而如果我們想要制作一款傳奇手游的
-
3. B站視頻剪輯軟件「必剪」：免費、炫酷特效，小白必備工具
B站視頻剪輯軟件「必剪」，完全免費、一鍵制作炫酷特效，適合新手小白?？靵碓囋?！
-
?三昧動漫對于著名ARPG游戲《巫師》系列，最近CD Projekt 的高層回應并不會推出《巫師4》。因為《巫師》系列在策劃的時候一直定位在“三部曲”的故事框架，所以在游戲的出品上不可能出現《巫師4》
-
游戲中玩家將面臨武俠人生的掙扎抉擇,戰(zhàn)或降?殺或放?每個抉定都將觸發(fā)更多愛恨糾葛的精彩奇遇?！短烀嬗肪哂卸嗑€劇情多結局,不限主線發(fā)展,高自由...
-
6. 3D動畫軟件你知道幾個?3ds Max、Blender、Maya、Houdini大比拼
當提到3D動畫軟件或動畫工具時,指的是數字內容創(chuàng)建工具。它是用于造型、建模以及繪制3D美術動畫的軟件程序。但是,在3D動畫軟件中還包含了其他類型的...
-
想讓你的3D打印模型更堅固？不妨嘗試一下Cura參數設置和設計技巧，讓你輕松掌握！
-
8. 虛幻引擎5節(jié)省存儲空間用這招!緩存的清理與設置
眾所周知,虛幻引擎5(下面簡稱UE5)特別占用存儲空間,僅一個版本安裝好的文件就有60G,這還不包括我們在使用時保存的工程文件和隨之產生的緩存文件。而...
-
9. Bigtime加密游戲經濟體系揭秘，不同玩家角色的經濟活動
Bigtime加密游戲經濟模型分析，探討游戲經濟特點，幫助玩家更全面了解這款GameFi產品。
-
10. 3D動漫建模全過程，不是一般人能學的會的，會的多不是人?
步驟01:面部,頸部,身體在一起這次我不準備設計圖片,我從雕刻進入。這一次,它將是一種純粹關注建模而非整體繪畫的形式。像往常一樣,我從Sphere創(chuàng)建它...
最新文章
