在手游設(shè)計過程中,由于屏幕比例與尺寸的差異,以及游戲整體性與藝術(shù)性需求,設(shè)計規(guī)則相較普通APP更為復(fù)雜。
橫屏游戲設(shè)計細(xì)節(jié)拆解
設(shè)計比例與尺寸
設(shè)計時通常采用16:9尺寸(例如iPhone 8尺寸),常用設(shè)計方案包括1280*720、1334*750、1920*1080等。具體的UI根據(jù)1334*750設(shè)計尺寸展開,根據(jù)不同項目等比縮放即可。
常見游戲畫質(zhì)使用720P、750-850P、1080P,根據(jù)畫質(zhì)要求選擇不同的尺寸,需要在游戲立項階段與美術(shù)、開發(fā)商定下設(shè)計分辨率。

UI適配
UI元素會根據(jù)錨點在引擎中設(shè)定位置,控件的相對位置通過錨定控制。普通類UI與場景化UI適配規(guī)則有所不同,需要根據(jù)不同場景進(jìn)行處理,確保UI比例不變。
在設(shè)計普通類UI時,根據(jù)不同場景適配方案分為大于16:9屏幕與小于16:9屏幕設(shè)計。

背景圖片適配
背景圖片相對UI規(guī)則簡單,制作背景圖片時不需要復(fù)雜細(xì)節(jié),適配規(guī)則簡單明了,以1334*750尺寸制作背景圖片。

劉海與圓角適配
手游設(shè)計尺寸為16:9,全面屏的劉海與圓角會對UI產(chǎn)生影響,在設(shè)計時需要注意避讓這些因素。UI元素需要避免被遮擋,進(jìn)行合理布局,以保證用戶體驗。

Home Indicator適配
Home Indicator在游戲中無法隱藏,需要避免遮擋UI。在設(shè)計時,要注意設(shè)置可點擊控件,避免與系統(tǒng)手勢沖突,確保用戶體驗。

了解手游設(shè)計規(guī)則,不論設(shè)備變化如何,也能及時應(yīng)對。感謝閱讀與分享。歡迎交流。
