本章主要聚焦于游戲 UI 的思維和能力。

作為游戲 UI 來講，我們需要掌握這一棵技能樹：

1. 理解你的游戲
2. 抓住用戶畫像
3. 掌握交互設計理論
4. 把控視覺設計
5. 多玩游戲

一、理解你的游戲

理解游戲，還是老朋友，理解體驗的六個要素以及它們之間的關系：

①機制 - 行為：機制包括游戲中可能發(fā)生的所有動作和所有游戲對象，由游戲規(guī)則定義的所有內容。

動作是機制在每種情況下的運作方式。

②美學-感官刺激：美學包括旨在喚起玩家情緒的所有感官和認知設計。

呈現(xiàn)給玩家的美感稱為感官刺激。

③故事世界-敘事：故事世界為游戲提供了實質性的內容。那些沒有的世界，是因為它們沒有被放入游戲中，只是由游戲設計者想象出來的，或者由于所包含的情況而在邏輯上變得必要或可能。

敘述是游戲過程中發(fā)生的故事世界中的故事片段。

游戲的本質是由規(guī)則創(chuàng)造的一種體驗。

游戲規(guī)則屬于游戲機制，而游戲機制是一款游戲的真正核心，是剝離了美術、程序技術和敘事后的互動關系。核心機制包含：物理、內部經濟、漸進、戰(zhàn)術、社交，任選一款游戲，都會出現(xiàn)以上內容的身影；游戲的核心機制是幫助我們去思考合理的體驗設計理論。

故事世界為游戲提供了實質性的內容，結合故事去推敲時代背景、國籍、風格等設計方向。

游戲美學即我們所見所感的美術設計，UI 基于游戲美學本身或不影響美學本身去做沉浸式的設計。

UI 要理解游戲的機制、游戲的故事和美學才能開始做設計，基于機制、故事、美學的不同，我們的設計不斷變化而達到合適這款游戲。

例如在制作《明日之后-半感染者》資料片的 UI 設計中，所有 UI 拿到感染者的故事簡介和部分美術概念圖，以此需要我們來做針對新感染者的一套 UI 設計。

很明顯每個人對于感染者、半感染者的理解參差不齊，如果就這樣開始，我們所有人的設計一定是風格各異。而我們要做的是并聯(lián)所有人的想法，達到一個共識的目標。

1. 基于我們對于游戲引擎的理解，又有 TA（技術美術）實現(xiàn)我們的想法，我們想要做更加順滑和流暢的動畫式體驗設計。
2. 通過對美術的理解，半感染者生活的地方以植物串聯(lián)，涵蓋孢子、花朵、藤條、戰(zhàn)爭為主要線索；
3. 通過故事對人物的解讀，半感染者不是人類更像是感染者，和人類共用一套 UI 資源是否合理？

分析以上種種，得出了我們制作半感染者 UI 框架的色卡、風格紋理、主視覺 seed、圖標類型等。

因此游戲 UI 的制作離不開你對游戲整體的理解，這是最純粹、直接的思維能力；理解了游戲、下一步就是需要去理解玩這款游戲的人。

二、抓住用戶畫像

參與游戲的體驗或多或少都會有對于游戲用戶的分析報告，這種分析報告是最客觀的數(shù)據(jù)，并非我們臆想的主觀內容，這樣的數(shù)據(jù)對 UI 來說有什么實際意義嗎？

當然有！

一個正確、完整的用戶畫像幫助你全面了解目標用戶，用戶群體是誰？什么年齡段？他們喜歡什么？他們的痛點是什么？

了解目標玩家的偏好、習慣和需求，會影響最終的設計決策。

用戶畫像的意義：團隊成員在體驗設計的過程中能夠拋開個人喜好，將焦點關注在目標用戶的動機和行為上進行產品設計；現(xiàn)代化的設計，都強調以用戶為中心的設計思想。（和下面要講的：交互設計理論以用戶為中心一致）

如何有效的抓住用戶畫像？

舉個例子，假設：

1. 王者榮耀是 90% 的女性玩家玩的第一款 MOBA 游戲。而吸引女性玩家更為重要的動力，是后期規(guī)?；纳缃粚傩浴?/li>
2. 暗區(qū)突圍是一款戰(zhàn)術博弈品類的 FPS 射擊游戲，融合了經濟系統(tǒng)，非常受硬核軍事愛好者喜歡。

從上面的用戶畫像挖掘關鍵詞：

王者榮耀：女性向、社交、帶妹、皮膚等。

暗區(qū)突圍：硬核、男性向、槍械、戰(zhàn)略性等。

根據(jù)這些對于用戶的側寫，我們的設計決策就會隨著用戶畫像偏向不同范圍。

例如從色彩方面，王者在后續(xù) UI 設計中可能會更偏向女性喜歡的顏色，暗區(qū)則是偏男性、低飽和的方向。（非官方分析，只是我的片面分析，實際的方向是復雜的用戶行為，僅僅幫助如何理解用戶畫像）

以上兩點是游戲 UI 設計師應該具備的思維能力，這是一種有目的性且?guī)н壿嫷乃伎挤绞?，請不要像藝術家一樣去思考。

三、掌握交互設計理論

交互的內容一搜一大把，從理論到實操都有，但是會相對沒有那么系統(tǒng)。交互設計不是純粹的設計專業(yè)，它是一門完整且系統(tǒng)交叉的學科。如何系統(tǒng)性的學習交互設計理論和實踐，可以看看這一套學習方法。

1. 設計思維與方法

1. 以用戶為中心的設計思想與流程；
2. 設計思維及其發(fā)展歷程與思維模型，理解設計思維的五個步驟；
3. 用戶可用性設計原則和設計心理學；
4. 用戶體驗設計和用戶研究；需求分級理論，kano 模型，馬斯洛需求層次理論，用戶體驗五要素；
5. 情感化設計，以用戶的情感和情緒作為設計出發(fā)點；
6. 服務設計思想；
7. 視覺設計風格原理。

作為一個游戲 UI 設計師，學習交互理論是必然的過程，然而交互的知識不僅龐大，并且必須要結合實際情況反復錘煉，才能夠真正的學以致用，短時間也不可能完全掌握。

所以我在這里提供一個版本，是我在剛開始學習交互的時候用上的簡裝版：

1. 理解設計思維的 5 個步驟，明確需要解決的核心目標！
2. 謹記用戶可用性原則；
3. 背下基礎理論知識示能，意符、映射、反饋、概念模型交互 5 要素；
4. 記下用戶可用性十大交互原則（尼爾森十大交互原則）

我的意思當然不只是記下名稱，而是這些關鍵詞背后的實際意義。

簡裝版能夠處理大部分的普通情況，如果是需要進階到資深版本還是需要系統(tǒng)性的學習，因為簡裝版能解決的問題是有限的，我使用簡裝版的意義是因為我能力不強，但需要跟上其他大佬的節(jié)奏，盡可能的拉平認知，一個取巧的辦法罷了。

之前在網易的時候，看過一篇關于 FPS 游戲槍械擊中反饋的交互層文章：是將一個準星的五要素都分析了，甚至是不同槍械的開火反饋做了非常細致的講解，看完之后以為自己又懂了，升華了，牛逼了。

而當自己在《明日之后》做"BOSS 血條受槍械擊中反饋設計"的時候，才理解這個東西做起來有多復雜，理論是理論，實際是實際，發(fā)現(xiàn)自己又不行了，菜成狗了。理論能幫助你指明目標，實踐才能解決實際問題，反過來亦然，二者缺一不可。

以上是快速學習交互的方式，還有許多米勒定律、奧卡姆剃刀原理、格式塔心理學等很多內容是可以學習的，推薦幾本比較好的書籍《UX for beginners》，《心流：最有體驗心理學》，《認知與設計：理解 UI 設計準則》，《設計心理學 1234》神中神。

如何高效學習交互設計知識：堅持理論學習（多讀書）、實操積累（多思考）、跟著大佬走（多學習）。

三、把控視覺設計

游戲原畫、場景是游戲視覺呈現(xiàn)的重要組成部分，而游戲 UI 是玩家與游戲世界直接連接的橋梁。

UI 一方面是引導，讓玩家理解游戲機制；另一方面是貼合游戲美術，讓玩家沉侵在游戲中。

我們需要的能力：億點繪畫能力+億點平面能力+億點色彩搭配能力+億點創(chuàng)意。

①繪畫：想法創(chuàng)造術，創(chuàng)造貼合游戲美術的場景、seed、構圖、圖標等基礎設計。

當然不是要你的繪畫能力達到那些原畫大佬的程度，那就真隔著一個宇宙了，至少要達到通過繪畫能讓人理解的程度吧，這樣的基礎上越往上走越好，讓別人更全面的理解你所繪畫的東西。例如：能畫一個圖標，畫出一個場景概念這樣的能力。

②平面：排版、結構、構成的合理運用，對于界面的布局、系統(tǒng)的排版、功能信息的分類有著重要意義。

而排版則是對親密性、對齊、重復、對比四項基本原則的運用（《寫給大家看的設計書》）；

結構是界面的整體信息的分布組成。構成中，包含點線面、紋理、形狀、材質的運用，其中紋理又是可以寫一篇文章的內容，包含中國，歐洲，日本，埃及等不同階段的文化圖形組成。

③色彩：配色，不用多說了，色彩心理學看起來。

④創(chuàng)意：創(chuàng)造脫離現(xiàn)實的設計能力，解決相應的問題使之更加合理。

⑤創(chuàng)造能力：基于游戲整體的理解+功能的理解+繪畫能力=創(chuàng)造性的設計

所以說為什么是億點點能力了吧，如果你有雕塑制作、三維制作、工業(yè)制圖、家裝、美術創(chuàng)作等其他經驗也是加分項。

四、平衡不可能三角

我們有了以上的能力，能力之間自然就會產生沖突--不可能三角，我們要如何平衡這樣三角關系；當然這只是理論狀態(tài)，有時又何止是三角，甚至還需要加入時間、資源、人力等等因素，這個時刻才是真正考驗綜合能力的時候。

舉一個經常發(fā)生的示例：

1. 交互設計是有目的性、有邏輯性的規(guī)范化設計；
2. 視覺設計是相對比較主觀的創(chuàng)作型工作，因為審美需要經常破壞已經被制定好的視覺結構；
3. 兩者在進行平衡的時候，容易造成反復修改的結果并影響最終體驗或規(guī)范。

這種事情也會發(fā)生在我身上，自己做完 UX，規(guī)范、結構我已經定好了；再去做視覺設計就開始主觀創(chuàng)作了，會覺得怎樣更有表現(xiàn)力，畫面更有張力，這個配色超叼，于是不得不破壞之前的一些結構，做一些小范圍或是功能的調整。

初期的時候容易改動過大，導致功能位置的改變，后來只要秉持一個原則：UI 一方面是引導，讓玩家理解游戲機制；另一方面是貼合游戲美術，讓玩家沉浸在游戲中。

在平衡功能和視覺的時候，功能肯定是第一優(yōu)先級，然后才是視覺；好看很重要，但體驗更重要，游戲視覺的目的：引導+沉浸感，核心是良好的游戲體驗。

在一個人的腦子里面，交互和視覺的制作已經是兩套思考方式了，我們再把交互和視覺分到兩個人身上，那思考方式又是成倍的疊加；

因此，在實際工作中，交互和視覺在溝通上需要充分的信任和團結，而不是相互扣鍋（別問我為什么知道）。

總結：

1. 當你不知所措的時候，請記住你做這個功能的核心目標！
2. 游戲的制作不只是單個環(huán)節(jié)，而是一套整體的工業(yè)流程，因此游戲 UI 只是游戲制作中的一環(huán)，要多部門甚至跨部門多溝通才能解決許多問題，簡稱：靠隊友！靠領導！靠大佬！
3. 做完之后在實際 QA 階段去感受、去驗證、去修改，好東西都是磨出來的！
4. 并在這個重復的過程中不斷完善和優(yōu)化你的設計。

五、多玩游戲

夠多的體驗，帶有邏輯的體驗不同類型游戲。

這樣做的理由：成品的 UI 是通過不斷取舍不可能三角的最終結果，許多你以為的簡單其實是反復修改的最終結果，我們要理解最淺層次他這樣做怎么好看，而更深層次的思維是理解他為什么這樣做。

玩游戲后應該問自己它好不好用？不好用那問題出在哪里？有沒有更好的表現(xiàn)方式？如果沒有他為什么要這樣做？

涉獵的游戲類型廣、體驗時間長，對不同風格游戲有自己的體會和感悟，這是我沒辦法教你的。

我所提到的是游戲 UI 設計的技能框架，每個人有每個人不同的方法論，甚至說我這個方法不一定適合你，但是游戲 UI 設計師一定要具備這樣全局觀的視野，才能在漫長的研發(fā)周期中把握項目核心目標，并在不斷的迭代優(yōu)化探索的過程中，成就優(yōu)秀的自己！

最后一個問題：我們做游戲，是做玩家喜歡的設計，還是做我們喜歡的設計？

評論區(qū)留下你的答案

ron