獨立遊戲開發:手機遊戲按鈕設計指南

設計 獨立遊戲 設計師 跳槽那些事兒 教你畫像素畫 2019-06-19

​作者:Valerien

編譯 | 三二 (轉載請註明出處)

要設計手機遊戲按鈕?先研究一下好的按鈕設計有哪些特徵?在這裡介紹的按鈕設計方法同樣適用於像素畫。

1、位置

按鈕在畫面中的位置很重要,並且視覺上按鈕應該高於其他界面,就好像按鈕是放在屏幕上面的,玩家可以觸摸它。下面的是憤怒小鳥的按鈕設計,按鈕加了陰影,懸浮在遊戲畫面上,非常醒目。


獨立遊戲開發:手機遊戲按鈕設計指南



2、重量

好的按鈕設計應該具備重量感,好像真的可以被按下去,就像下面的例子。


獨立遊戲開發:手機遊戲按鈕設計指南



3、簡單

按鈕上圖標的含義應該一目瞭然,簡單直接。請儘量使用廣為人知的圖標,降低玩家學習成本。憤怒小鳥的按鈕圖案是非常好的參考。


獨立遊戲開發:手機遊戲按鈕設計指南


4、符合設計原則

按鈕應該符合設計原則,大多數情況下只有1種主色,並且有強烈的對比。

OK,瞭解了優秀按鈕設計的特徵,怎樣設計自己的遊戲按鈕呢?

1、收集參考資料

可以通過搜索引擎,也可以去專門的素材站收集資料。(我推薦VECTORICONS,FLATICON,FLATICONS)。


獨立遊戲開發:手機遊戲按鈕設計指南


獨立遊戲開發:手機遊戲按鈕設計指南


2、畫出草圖

UI設計師的作品大部分都是不斷迭代產生的,因為先在紙上畫出按鈕和圖標的草圖吧。


獨立遊戲開發:手機遊戲按鈕設計指南


3、確定方案

選擇自己滿意的方案,然後製作成乾淨的矢量版本。


獨立遊戲開發:手機遊戲按鈕設計指南


4、與不同的按鈕形狀組合

將圖標與不同的形狀組合就變成按鈕了。


獨立遊戲開發:手機遊戲按鈕設計指南


不要忘記加上樣式變化。


獨立遊戲開發:手機遊戲按鈕設計指南


完。

相關推薦

推薦中...