游戲UI設(shè)計(jì)-公共內(nèi)容整理

游戲開發(fā)一般最大的成本都花在了美術(shù)上面,減少迭代次數(shù)是降低開發(fā)成本的有效有段。因此,對于游戲UI,在游戲立項(xiàng)之后,很多公共的內(nèi)容可先定下來。

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

也可以為美術(shù)的修改和迭代提供方便。游戲從立項(xiàng)到最后上線,或者上線之后,可能都避免不了要對美術(shù)進(jìn)行一些細(xì)節(jié)修改,或是整體的迭代,因?yàn)橛辛诉@些公共資源,到時(shí)只需替換掉相應(yīng)的資源即可。

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

一 公共內(nèi)容

1 文字

字體/字號(hào):大標(biāo)題,標(biāo)題,正文等

顏色:標(biāo)簽和對應(yīng)值,比如:血量:1000,剩余數(shù)量:2,一般是可以分為兩種不同顏色

行距: 不同字號(hào)的文字行距不一樣,要先設(shè)定下來

2 按鈕

普通按鈕:正常/點(diǎn)擊/禁用,一般需要不同大小和不同顏色的幾組

+/-按鈕:一般跟編輯框組合使用,用于操作數(shù)量

切換按鈕:選中/未選中

單選/復(fù)選框:選中/未選中/禁用

3 進(jìn)度條

顏色

背景槽

4 輸入框

背景

字體

5 列表

列表背景

列表項(xiàng)背景

二 主界面

不能關(guān)閉的界面,比如游戲主界面,戰(zhàn)斗界面;

1 主界面

折疊/切換方式:一般主界面需要展示較多內(nèi)容,需要折疊和切換

玩法/功能入口按鈕樣式:主要是大小,其他的可能還有統(tǒng)一背景圖,特效等級等

技能/搖桿

常住信息(血量/藍(lán)量/貨幣/buff)信息顯示方式

聊天信息展示

任務(wù)信息展示

操作提示:比如紅點(diǎn)或者狀態(tài)按鈕,點(diǎn)擊打開可操作列表

2 戰(zhàn)斗界面

戰(zhàn)斗界面一般是在副本中,需要顯示副本的相關(guān)信息

信息欄背景圖

信息標(biāo)題樣式

返回/離開按鈕

三 彈窗

可以關(guān)閉的界面,一般不需要長時(shí)間顯示的內(nèi)容;

1 一級彈窗

一級彈窗主要顯示養(yǎng)成信息和玩法狀態(tài),比如強(qiáng)化、背包、角色屬性、任務(wù)詳情等,一般會(huì)有返回和關(guān)閉按鈕。

背景圖

彈窗標(biāo)題樣式

返回/關(guān)閉按鈕:也可以點(diǎn)擊空白處關(guān)閉

區(qū)域背景

區(qū)域分割線

區(qū)域標(biāo)題樣式

2 二級彈窗

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

背景圖

標(biāo)題樣式

返回/關(guān)閉按鈕:一般沒有,只有點(diǎn)擊空白處關(guān)閉

四 道具

道具品質(zhì)底圖

道具品質(zhì)顏色圖

道具信息圖標(biāo)內(nèi)容(背景框,圖標(biāo),品質(zhì)底圖,等級,數(shù)量,職業(yè),強(qiáng)化等級等)

五 其他

1 名字

最大長度

顯示樣式

2 等級

顯示格式,比如:Lv10,Lv.10,10級,1轉(zhuǎn)10級等

顯示樣式,字體,顏色等

3 vip

文字顯示:格式,字體,顏色

圖標(biāo)

4 時(shí)間

倒計(jì)時(shí)顯示格式

時(shí)間點(diǎn)顯示格式

5 屬性

屬性名:顏色,字體

屬性值:格式,顏色,字體

加屬性顯示方式

比如:

物理攻擊 100 ~ 230

物理防御 20

物理攻擊 +10 ~ +30

物理防御 +2

物理攻擊 100(+10) ~ 200(+30)

物理防御 20(+2)

原文:http://www.hwqjedu.com/zhishiku/2476

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1 UI設(shè)計(jì)基礎(chǔ) 1.1 為iOS而設(shè)計(jì) 1.1.1 iOS包含以下3條設(shè)計(jì)原則: 遵從,UI應(yīng)該有助于人們理解內(nèi)...
    Willry閱讀 3,803評論 1 48
  • 使用sketch最重要的一點(diǎn)是設(shè)計(jì)好控件的規(guī)范。 為做好設(shè)計(jì)規(guī)范需要對色彩進(jìn)行編號(hào),比如:color_a”_1,c...
    youyeath閱讀 26,711評論 2 237
  • 今天閑來無事看了一點(diǎn)點(diǎn)芥川龍之介的《羅生門》,本來呀是表姐想看的書,跟我的《人間失格》一塊買了,我就先自己偷偷看了...
    芥藍(lán)惹閱讀 664評論 0 0
  • 職場上有一種“聰明人”,一直以為自己很聰明,從不等別人的問題說清楚,就搶著回答,搶著辯解,搶著邀功,以為全世界只有...
    沈魚2009閱讀 565評論 2 0
  • 周末兩天感覺還沒過呢,就又該返校了。下午返校的時(shí)候,旭旭媽媽說到,旭旭近來幾次,返校時(shí)有情緒。其實(shí)這是很正...
    維樂_7d6c閱讀 566評論 0 0

友情鏈接更多精彩內(nèi)容