獨立遊戲UI界面設計指南

優秀的UI界面不僅可以讓玩家舒服的玩遊戲:它還可以增加收入。遵循下面的UI設計指南,可以幫助你設計出優秀的的UI界面,增加遊戲收入。


獨立遊戲UI界面設計指南


一致性原則

一致性是設計成功的最關鍵因素之一。遊戲中的UI元素風格應該保持一致。樣式化按鈕和菜單是一個好辦法。一致的UI元素可以減少玩家的學習成本,同時還使美術資源可以複用,節約美術開發時間。

視覺層次清晰

雖然所有按鈕都具有相似的樣式,仍然可以通過使用大小,顏色對比和動畫使畫面具有視覺層次或突出顯示重要的東西。為遊戲購買按鈕添加獨特的音效也比較常見。

最重要的按鈕是玩家必須按下的按鈕(開始遊戲,進入下一關等),還有你想讓他們注意的按鈕,比如遊戲中的商店按鈕。


獨立遊戲UI界面設計指南


可以使用下面4種方法來創建視覺層次

1、位置/佈局

如果多個元素彼此對齊,無論是水平還是垂直,它們都應該是相同的大小。


獨立遊戲UI界面設計指南


上圖中重玩遊戲的按鈕位置在正中間,並且通過紅白對比引起玩家注意。

2、顏色對比

希望玩家注意的按鈕要使用不同的主色。綠色在網絡上很常見,因為我們很少將其用於其他元素,綠色被認為是積極的。請避免紅色,紅色多用於取消操作和刪除按鈕。紅色代表血液,危險,並且情緒上的感覺也比較負面。

3、尺寸

較大的東西更容易被玩家注意到。

4、動畫

動畫更容易被玩家注意到。


獨立遊戲UI界面設計指南


AB測試

做好設計方案,然後配合運營人員做AB測試。更新遊戲後,收集數據比較結果。可以改變顏色,大小,位置,樣式等來測試效果,比對數據選擇轉化率高的設計。


獨立遊戲UI界面設計指南


少即是多

在任何情況下,屏幕上擁有的元素越多,玩家閱讀和尋找花費的時間就越多,遊戲的學習時間也越長。因此請確保UI元素的必要性,儘量砍掉不必要的元素。


獨立遊戲UI界面設計指南


謹慎使用圖標

在智能手機中到處可見各種圖標,但是它們很容易導致歧義。


獨立遊戲UI界面設計指南


比如上面的信封意味著電子郵件?不聯繫?或是輸入聯繫信息?在你明白這些圖標的意思之前,你怎麼知道齒輪代表“設置”?感嘆號可能表示存在危險?但是也可以代表重要的事情。

因此對於容易產生歧義的按鈕,請使用文本。比如下圖中的Buy,使用文本會增加翻譯工作量,請不要省略它。

獨立遊戲UI界面設計指南

完。

相關推薦

推薦中...