哪些遊戲有著非常漂亮的 UI 界面?


傳統型的個人覺得最合適的 UI

《太閣立志傳 V》

充滿古風之餘,屏幕上的每一寸都沒有浪費。

現代感做的最好的 UI 個人覺得是 UBI 在《DIVISION》預告片里所展示的那個,與場景重合度很高,而且風格很現代化

而個人覺得最有范兒的 UI 是其一是來自《日落過載》,街頭塗鴉風,顏色鮮艷明快,

其二便是個人十分鐘愛的經典老遊戲《GTA 罪惡都市》,它在《GTAIII》的 UI 基礎上大肆加入了80年代邁阿密海灘的風格,包括整個地圖框與狀態欄的粉紅色色調,還有每次上車後右下角的「簽名字體」,都和遊戲想要傳達的80年代流行文化設定十分契合


《星際爭霸》1代,或許現在大家習以為常了,但那個年代星際1的界面算非常華麗了

依稀記得當年玩慣了紅警95的我,在網吧打開星際1那一刻的震撼,額,這...是遊戲嗎 = =?


沒人說上古捲軸升級技能樹的界面么?直接是抬頭仰望星座

補一張圖

遊戲中幾乎每個職業都有相應的星座,而且組成這些星座的星星居然不是胡亂排序而是每一個星星都代表一個技能升級的過程也很簡單,一顆一顆的升。漸變動畫跟打通了任督二脈一樣舒爽


1.爐石傳說

所有界面都通過盒子這一元素有機地結合在一起

全3D建模,充滿擬物的小動效,清晰明了的狀態效果

開發組訪談部分:

  • 界面最初是一個展平的羊皮紙,開發組覺得應該加入3D效果。於是各種物件也更多,然後加入了魔法效果,這樣看上去會更加生動和完整

  • 當下流行扁平界面,但這並不適合爐石傳說。開發組想加入更多立體內容,讓遊戲感覺更好

  • 實體包括鑰匙,卡背,卡包,讓遊戲有貴重的感覺

  • 開卡包是卡牌遊戲的重要體驗,開發組試圖重現實體卡包的開包感,附帶遊戲特有音效和視覺效果

  • 界面里有很多跳躍旋轉的內容,更有實體感

  • 實體化界面的反響很好,開發組決定開始做移動終端版。界面里有很多元素都可以觸摸,比如卡牌的傾斜,還有棋盤上的塵土揚起效果等

  • 爐石這款遊戲很吸引人,這也是收集類卡牌遊戲的重點。相信路人都會饒有興緻地駐足觀看

  • 實體化界面再擴展有難度,目前界面上有9個英雄位置,以後隨著新英雄的加入會對現有位置重新安排

  • 界面的製作花了大量時間和努力,不過界面是遊戲的重要一環,所以這些都是值得的

  • 實體化界面在特色上花了很多功夫,不僅是簡潔,還有延伸

卡牌進場效果、攻擊的震動、揚起的碎片、翻動的按鈕、四角的可點擊彩蛋、卡牌的厚度……這種種細節讓玩家覺得真的在一個牌桌上進行遊戲,並且這上面的棋子都是活的,給卡牌遊戲注入了一種新的活力。

個人認為爐石的成功必須有界面設計的一份功勞。

2.魔獸世界

魔獸世界的原生UI在當時算是十分優良,但也並不算最好。

為什麼算他一個?

插件

這樣的

那樣的

喜歡暗黑?有

喜歡激戰2?也有

簡單說就是...喜歡啥樣的,自己玩去! 還不夠屌么..

嗯。。雖然玩過一圈後還是覺得原本的順眼啦

圖片來自網路


這麼多回答居然沒人說Deemo····

對於Deemo這個遊戲來說,我覺得唯一不夠完美的地方,恐怕也就是我笨拙的雙手了。

百度隨意找的圖,你們感受下


來晚啦,答案圖多,手機端用戶預警!

看了一下,確實有不少答案回答的是「畫面漂亮」的遊戲,而這題則是想要「UI漂亮」的遊戲,UI是指User Interface(用戶界面),如下面黃框中的這個界面:

讓我說什麼遊戲的UI漂亮,一時半會想不起來,能想起來的一般是跟遊戲風格特別契合的。

比如光榮的《三國志》系列,由於逆天的美工,其中無論是人物頭像,遊戲畫面,還是本題要討論的用戶界面,每一代的遊戲都有著極其統一的風格,如古典華貴的《三國志IX》

過了幾年,水墨風的《三國志XI》的風格則煥然一新,因為要搭配低調的水墨,所以UI採用了白色透明的邊框,與地圖背景統一:

光榮雖然美工了得,但就UI來說,在《真三國無雙》系列裡則翻了船,下面一圖是《真三國無雙3》,一圖是《真三國無雙7》,經過10年的進化,你會驚訝地發現,UI全是一個鳥樣,只承擔一個顯示信息的功能,美觀上來說則是零分。

UI好不好看其實是見仁見智的,我也不知道怎麼發表意見,所以想跟大家分享一個UI隨著時代的發展逐漸進步的很好的例子,那就是Square Enix的《最終幻想》系列。

太早的作品不提了,從劃時代的《最終幻想7》開始吧!《最終幻想7》的戰鬥UI是系列非常經典的藍底灰框,包括對話框,消息欄,主菜單什麼的也是藍底灰框,現在看起來土土的:

時間經過十年又多,SE在PSP上推出了致敬《最終幻想7》的外傳作品《最終幻想7 核心危機》,此時戰鬥的UI已經有了大幅提升,顏色多樣化,去掉了死板的邊框,看起來截然不同:

菜單則是延續了《最終幻想7》的風格,經典有餘,進化不足:

隨著時間的腳步,09年,新一代主機上的《最終幻想13》終於露面了,這次UI則更趨向簡潔,而且duang地加了很多華麗特效

而菜單則是偏向現代的審美,簡潔+華麗,在升級走水晶盤的時候簡直要晃瞎眼了:

終於,到2015年啦,在剛剛發售的《最終幻想15》DEMO中,戰鬥UI已經完全簡約化了,當然,這跟遊戲戰鬥風格動作化有關:

包括對話,菜單等等的UI都是系列最扁平化的,緊跟時代潮流:

作為《最終幻想》的死忠粉,做這樣一個總結真是非常開心,因為哪一代拿出來都不算太丑,哈哈。當然還是要譴責一下SE近幾年的一些行為,比如直接把《最終幻想7》搬到次世代平台上來了,你能想像我提到的第一個遊戲和最後一個遊戲是在同一個主機上的?


推薦一款由法國ankama研發的戰棋類網路遊戲 沃土wakfu。

UI風格非常的清新,製作精度很高,配色美膩用字考究icon繪製精度堪稱業界良心…

選擇伺服器界面

手邊沒有國服的客戶端= =網上找張外服的看看

創建角色界面

目前有15個職業,已經算是職業較多的遊戲了,右邊的遊戲實際小景簡直萌萌噠=L=

地圖界面

層次感很強,這貌似是最外層的地圖了,點選進去可以看到整個的全貌=L=

遊戲主界面測試版

UI完全不會影響到遊戲畫面,其實這才是UI的重點,好的UI應該是讓玩家感覺不到UI的存在,在有功能需求的時候又能輕鬆的找到解決途徑,想想國內有些遊戲UI做得比角色場景還花哨…簡直是醉了

裝備背包界面

道具多而不亂,屬性清晰,黃字的道具說明經常會給你小驚喜~

有機會可以體驗一下這款遊戲…

不過遊戲節奏比較慢=L=

急性子的人可能會不太適應……


激戰2

以及真正閃瞎我的是這遊戲的大地圖。

充滿著「因為我就是這麼屌」的氣息的筆刷的運用。

另外一個我非常喜歡的UI設計是RefRain

在遊戲進入之前會先讓你選人

選了第一個普通的小姐姐以後會給你一個平淡無奇的UI。

各個方面都很平淡無奇…就是了。這是Music頁logoff以後可以選其他人,登入到第二個粉紅色雙馬尾小姐姐的界面是這樣的:

*左邊的小熊會隨著音樂跳舞

也就是說,這個遊戲會隨著你登入角色的不同而選用那個角色定製過的UI

而且每個子界面也都是定製過的。

子界面也都換了

第三個知性的大姐姐登入以後的UI是這樣的。

進入戰鬥

大姐姐的音樂界面。

和激戰2的特別厲害的美術不一樣,這個結構設計簡直是太妙了。


當然是長得像遊戲的操作系統巨凹巨啦~

官方控制項設計圖:

官方控制項配色圖:


光之子。不光是UI,整個遊戲動畫表現,畫風,音樂都很不錯,藝術效果很好。回頭上圖,自己度娘也可。


激戰2

明天補圖


畫風好 可玩性也很重要 推薦一款:時空幻境

這款08年出的遊戲 得過獨立遊戲獎 非常獨特 值得一玩

(? ̄? ??  ̄??)


花了將近三小時,翻遍了我PSN上玩過的600多款遊戲,在裡面選出了比較喜歡或最有個性的20餘款UI界面共享給大家(累哭)。

歡迎遊戲行業的朋友多指教。XB Live上也有記錄幾百款遊戲,但重複玩過的太多,有時間的話我會再從玩過的XBox和PC遊戲中繼續尋找好UI。

遊戲多,圖多,均為網圖,有水印懶得去了。

1、女神異聞錄4(下為PSV黃金版截圖)

橙色基調,風格獨特。

2、《戰神》系列

有質感。

3、但丁地獄

界面不算特別出眾,但對詩人但丁有了解的玩家,會注意到這個能力界面的左側邪惡紅色計量表/右側神聖計量表巧妙的化用了但丁肖像中戴著的桂冠。我服。

4、重力眩暈

漫畫風,手繪風,整體感很棒。

5、抵抗3

主界面是手繪+老舊照片的感覺,遊戲內是真空管朋克的感覺。BTW,這遊戲的槍械射擊手感個人認為是PS3平台FPS遊戲最佳。(求輕噴)

6、朧村正

喜歡這個配色和藝術風格,料理界面更是讓人食指大動。(類似的《龍之皇冠》《奧丁領域》大家可自行搜索。個人感覺還是《朧村正》味道最正)

7、靈魂獻祭

想法不錯,遊戲的所有界面都在一本可以翻動的書里。劇情、關卡,都是通過這本書實現的。

8、戰國BASARA系列

有幾作的UI一般,有幾作相當漂亮。沒找到清晰的圖,將就看吧。

9、上古捲軸5天際

10、最後生還者

喜歡這種簡潔的符號化UI。另外,主界面的窗子美呆

11、撕紙小郵差系列

純純紙片兒風。界面互動性很贊。

12、大神

水墨畫卷。

13、亞普羅辛

這個玩過的人應該不多。濃濃希臘風。

14、暗黑破壞神3

元素多而不亂。

15、超越善惡

當年的育碧還是挺厲害的。

16、墨西哥英雄大亂斗

17、惡魔城:暗影之王

18、無主之地(系列)

19、命運

風格大愛!

20、輻射(系列)

21、太鼓達人(系列)

其他懶得找圖,或已經有大神發過圖的,個人印象里界面有特點的:

22、電鋸甜心

23、討鬼傳(系列)

24、晶體管

25、生化奇兵(系列)

26、光之子

27、靈魂能力(系列)

28、以撒的結合

29、鬼泣(系列)

30、蝙蝠俠阿克哈姆(系列)

31、刺客信條(系列,有幾作挺渣的)

32、生化危機(系列)的一部分

33、龍騰世紀(系列)

34、死亡空間(系列)

35、聲音與形態

36、黑魂(系列)以及血源

37、Life is strange

38、靈魂追兇

39、全境封鎖

40、饑荒

……以及,許許多多的格鬥遊戲、競速遊戲主界面……玩的不深入,就不舉例了……

圖多,若有錯誤請指出。

另外,最近玩了不少VR遊戲,VR遊戲富含互動性的界面有很多不錯的,如:

夏日課堂

模擬工作

蝙蝠俠:阿克哈姆VR

戰爭地帶

The Playroom VR

其中蝙蝠俠:阿克哈姆VR在蝙蝠洞的UI感覺非常好,界面和3D實景已經完全結合到一起了。玩家可以用兩個PS Move控制器模擬雙手的操作,可以在蝙蝠洞中操作各種高科技設備,點擊電腦觸屏互動,拉動操縱桿之類。

謝謝大家,我PSN:goddamnlee,歡迎加好友。


題目問的是「漂亮的 UI 界面」,看了一圈回答,好些回答都回答到美術風格那方面去了。

玩的遊戲也算不得少,但較少關注到 UI 這塊,看到題目,腦袋裡瞬間想到的是 SCE 出品的靈魂獻祭,拋磚引玉來添加一個回答。

前方多圖,手提電話黨請迴避。

靈魂獻祭所有界面都通過「書本」這一元素有機結合在一起。

START 界面讀檔後,是以主觀視角探索牢籠。

玩家可以通過陀螺儀技術進行「左顧右盼」。

手指觸碰書本後,重要角色「書本」被激活,就會出現遊戲菜單。

點按「利布洛姆」,進入到遊戲的單機模式。

遊戲章節是以目錄的形式呈現的。操作非常簡單流暢,基本上全程只需要點按「R」鍵就可以到達正在遊玩的最新一頁。若果用手指操作的話,則只需要進行滑動和輕鬆的點按。

任務頁面則是採取了類似圖集的呈現方式。

遊戲情節也是用「翻頁」→「閱讀圖集」→「展開情節」的方式進行敘述的。裡面並不是靜止的文字和圖畫,基本每幅圖片都製作了漂亮的帶有敘事功能的動畫效果,非常漂亮。而當玩家試圖翻到自己尚未攻破的章節的頁面時,則會出現墨水污漬擋住文字,只有當完成了「回憶中的戰鬥」,才能翻開下一頁。

裝備界面則是用「夾帶在書本中的小紙條」這一邏輯進行展示。

這套 UI 最妙的地方是所有操作和美術邏輯都用「書本」串聯起來,毫不突兀,而這恰恰又和遊戲的敘述功能以及敘事結構相結合,是非常棒的體驗。

遊戲的過程就是「閱讀完這一本書」,所有的戰鬥都發生在主角想像的回憶中。

讀檔畫面,如果用指頭觸碰頁面,會出現墨水效果,非常有意思。

戰鬥界面,可以輕鬆看到整套邏輯依然是以書本為主,而不會產生割裂感。

事實上,靈魂獻祭確實是款不錯的遊戲。本答案只截取了其 UI 一方面進行簡單分析,但無論從敘事上還是結構上,都是款用心之作。如果有機會的話值得嘗試。

寫到這裡,想到什麼再進行補充,^_^。


Code Master 的 Dirt 2/3 的菜單非常亮.


The Banner saga factions,雖然看評價是pay to win的遊戲,但是不得不說UI的美術做的真不錯,交互上的缺點還是很多的。

主界面,通過點擊不同的建築來進入不同的細分界面,類似星際爭霸1:

戰鬥社交:


信長野望9 嵐世紀

我從未見過浮世繪和UI搭配如此合適、製作如此精良的界面

色彩濃郁又不失整體,整體搭配和諧又體現整潔

和遊戲的風格高度保持一致,玩的時候真心感覺自己身處戰國時代

感覺這才是底蘊啊


被某人盛情推入傳送門來到了這個問題,看到上面諸位的回答後我決定默默的安利一發我朝疼訊大帝國企業的良心之作——《天涯明月刀 ol》

或許會有人覺得這種風格的 UI 和武俠遊戲不搭調,我個人覺得武俠遊戲不是非得配什麼黃花梨木勾欄雕紋的才叫武俠風 UI ……這個遊戲本身在天朝網遊業里就屬於超前概念的類型,配上這種在武俠風裡前所未有的 UI 有何不可?(2015年4月15日)

廢話不多說這種答案就該用截圖來說明事實,可惜我現在是在公司摸魚時候回答的,自己電腦里收藏的截圖都不在,只好找網路上的截圖。

這是2013年二測的角色創建界面

這是2014年三測的角色創建界面

今年不刪檔測試(尚未開始)的截圖

去年三測的遊戲內截圖

2013年二測遊戲內截圖

這種喪心病狂的把能省的東西都省掉,能隱藏的都隱藏起來,能合併的都合併,的遊戲界面,在武俠網遊里真是奇葩到不行!這 UI 不僅好看,還在最大限度上將玩家的注意力歸還到遊戲畫面。

而且在實際遊戲過程中這些界面是可以一鍵全部隱藏起來的,只有當滑鼠滑動到上方導航才會勻速滑動出來。

實際上這款遊戲二測三測的 UI 在測試前每次放出來都會招來一片罵聲,一群高呼「我要武俠風!我要古風 UI !這是什麼鬼!我不要這麼高端的東西!」的玩(sa)家(bi)都會各種嫌棄。但是!這個遊戲的美術團隊竟然以國內少見的硬氣,怒 [——嗶——] 了一把玩家,死咬住扁平設計不放,每次測試完畢把 UI 回爐重鑄的時候都堅持扁平風格。

放一些實際上也不怎麼好看的界面

去年三測的武學技能界面

2013年二測的武學技能界面

首測時候瞎眼的界面,和現在運行中的部分武俠網遊幾乎沒什麼差別……個人姑且分類了一下,首測主要是為了曬他們的引擎技術,二測曬畫面和操作,三測是幾個主要系統。

這款遊戲的 UI 幾乎每次測試完畢都會回爐重鑄一次、一次又一次、每次都扛著巨大異議堅持走下去。

不管是從觀感上,還是背後的意義,我要狠狠安利一發才能表達我對這款國產網遊的愛!!!

如果你看完後對這款遊戲產生了興趣,強烈推薦你去搜遊戲視頻看看,你會看到一個全新的國產網遊的未來。

(希望下面不要有人留評說什麼「看到這是疼訊的就沒意思了」)

有人說我的圖質量不夠……那是因為我在公司啊……回家找了張自己的截圖,應該會比上面的好一點,沒有 UI 的我就不放了

(還是私心放一張自己最滿意的純截圖)


一堆直接把提問理解成「遊戲畫面」的,請回爐初中語文提煉中心思想。說到遊戲的 UI,來說個很多人玩但基本沒人說的,就是 FIFA15,FIFA15 的主菜單組成是動態的,根據玩家最近玩了哪些模式而自動調整。

業界流行的黃黑配色大方塊按鈕再加上質量上乘的攝影作品,相信第一次進入遊戲的球迷都血脈噴張迫不及待了吧,更別說 FIFA15 主打的轉播實感和臨場感了。這種界面是從 FIFA14 進化來的,FIFA14 除了配色,差異不大

再來看看競爭對手 PES2014 的主菜單 UI

然後是 PES2015 的

抄得挺好!!


1.deemo和cytus,不言而喻

2.我個人非常喜歡雷曼2和雷曼傳奇選關界面,非常漂亮

下圖是雷曼2的選關界面(選這一關就是跳到中間的紅色傳送門中)

下圖是雷曼傳奇的選關界面(選這一關就是跳到畫中)

3.三國志系列和信長之野望系列的各種按鈕和滑鼠箭頭都非常好看,與遊戲整體風格配合得天衣無縫。。


推薦閱讀:

Material Design 的更新中為何引入 Launch Screen 章節?
國外著名ued團隊有哪些?
界面動效設計方法有哪些?
Windows 系統的滑鼠指針為什麼是向左傾斜,而不是正的?
火星時代培訓講得好嗎,5月份想去學習UI。?

TAG:遊戲設計 | 用戶界面設計 | 遊戲界面設計 |