游戲UI設計-公共內容干貨整理，游戲開發一般最大的成本都花在了美術上面，減少迭代次數是降低開發成本的有效有段。因此，對于游戲UI，在游戲立項之后，很多公共的內容可先定下來。

有了這些公共的內容，除了節約開發成本，同時可以提高美術資源的復用程度。在沒有特殊要求的情況下，就直接用公共資源即可，不需要額外地為不同界面再提供背景圖，按鈕等美術至于。從而也為方便了后面的迭代。

也可以為美術的修改和迭代提供方便。游戲從立項到最后上線，或者上線之后，可能都避免不了要對美術進行一些細節修改，或是整體的迭代，因為有了這些公共資源，到時只需替換掉相應的資源即可。

下面提前整理了一些游戲開發中一些通用的資源。

一 公共內容

1 文字

字體/字號：大標題，標題，正文等

顏色：標簽和對應值，比如：血量：1000，剩余數量：2，一般是可以分為兩種不同顏色

行距： 不同字號的文字行距不一樣，要先設定下來

2 按鈕

普通按鈕：正常/點擊/禁用，一般需要不同大小和不同顏色的幾組

/-按鈕：一般跟編輯框組合使用，用于操作數量

切換按鈕：選中/未選中

單選/復選框：選中/未選中/禁用

3 進度條

顏色

背景槽

4 輸入框

背景

字體

5 列表

列表背景

列表項背景

二 主界面

不能關閉的界面，比如游戲主界面，戰斗界面；

1 主界面

折疊/切換方式：一般主界面需要展示較多內容，需要折疊和切換

玩法/功能入口按鈕樣式：主要是大小，其他的可能還有統一背景圖，特效等級等

技能/搖桿

常住信息（血量/藍量/貨幣/buff）信息顯示方式

聊天信息展示

任務信息展示

操作提示：比如紅點或者狀態按鈕，點擊打開可操作列表

2 戰斗界面

戰斗界面一般是在副本中，需要顯示副本的相關信息

信息欄背景圖

信息標題樣式

返回/離開按鈕

三 彈窗

可以關閉的界面，一般不需要長時間顯示的內容；

1 一級彈窗

一級彈窗主要顯示養成信息和玩法狀態，比如強化、背包、角色屬性、任務詳情等，一般會有返回和關閉按鈕。

背景圖

彈窗標題樣式

返回/關閉按鈕：也可以點擊空白處關閉

區域背景

區域分割線

區域標題樣式

2 二級彈窗

二級彈窗主要用于顯示一些提示信息或道具信息，比如天賦/技能描述，二次確認框，裝備信息等

背景圖

標題樣式

返回/關閉按鈕：一般沒有，只有點擊空白處關閉

四 道具

道具品質底圖

道具品質顏色圖

道具信息圖標內容（背景框，圖標，品質底圖，等級，數量，職業，強化等級等）

五 其他

1 名字

最大長度

顯示樣式

2 等級

顯示格式，比如：Lv10，Lv.10，10級，1轉10級等

顯示樣式，字體，顏色等

3 vip

文字顯示：格式，字體，顏色

圖標

4 時間

倒計時顯示格式

時間點顯示格式

5 屬性

屬性名：顏色，字體

屬性值：格式，顏色，字體

加屬性顯示方式

這次游戲UI設計-公共內容干貨整理干貨分享結束啦！歡迎小伙伴們下載繪學霸App喲，海量視頻教學,一步一腳印，零基礎變大神~