無極五平台_比花瓣還專業!200多款頂級遊戲的UI和交互設計都在這裏!

很多時候,做設計需要找參考。如果是普通的 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 將遊戲界面設計的靈感參考服務,做到了相當不錯的程度,幫設計師節省了相當多的分類和搜集的工作。

目前這個網站唯一的問題可能就是訪問速讀略慢了一點,有梯子的同學用梯子會快很多。

這些酷站也值得收藏:

想做半色調+低多邊形+條紋效果?這個網站幫你一鍵生成!

今天這個網站不僅可以幫你快速生成「半色調」效果,還可以生成低多邊形和條紋圖案,特別方便。

閱讀文章 >>

想給視頻摳圖?這個在線免費神器超厲害

本文介紹的免費神器,不僅可以免費給視頻摳圖,而且支持 Mp4、Webm、Ogg 影片和 Gif 動態圖格式,非常方便。

閱讀文章 >>

全部免費可商用!這個在線音樂庫厲害了!

本文為大家介紹一個提供無版權配樂、免費背景音樂下載、可自由使用於個人或商業用途的音樂素材庫 ——A udio Library。

閱讀文章 >>

未经-摩登3注册-摩登3测速官网-允许不得转载:摩登3注册-摩登3测速官网 » 無極五平台_比花瓣還專業!200多款頂級遊戲的UI和交互設計都在這裏!

赞 (0)