火星網(wǎng)校
游戲交互：手游適配設(shè)計(jì)的細(xì)節(jié)探究
發(fā)布時(shí)間：2024-05-16 11:42:35 瀏覽量：219次
手游設(shè)計(jì)中面臨著屏幕比例與尺寸的挑戰(zhàn)，相比普通APP設(shè)計(jì)，手游規(guī)則更為復(fù)雜。以下將重點(diǎn)講解針對(duì)橫屏游戲的設(shè)計(jì)適配細(xì)節(jié)：
- 設(shè)計(jì)比例與尺寸
- UI適配
- 背景圖片適配
- 劉海與圓角適配
- Home Indicator適配
這些模塊雖然相互關(guān)聯(lián)，但為便于講解，我們將其分開(kāi)說(shuō)明。
設(shè)計(jì)比例與尺寸
在游戲設(shè)計(jì)中，常用的設(shè)計(jì)方案尺寸為16:9，例如iPhone 8的分辨率。常見(jiàn)的分辨率有【1280x720】【1334x750】【1920x1080】等。不同類型的游戲可根據(jù)畫(huà)質(zhì)要求選擇720P、750-850P或1080P等適配方案。
UI適配
UI的設(shè)計(jì)原理中，控件的坐標(biāo)位置即為錨點(diǎn)位置，通過(guò)錨定控件可實(shí)現(xiàn)相對(duì)位置固定。普通類UI與場(chǎng)景化UI在適配上略有不同。
背景圖片適配
背景圖片相對(duì)UI適配較為簡(jiǎn)單，制作尺寸一般為1334x750（16:9），在適配時(shí)以裁切為主。
劉海與圓角適配
針對(duì)全面屏手機(jī)的劉海和圓角設(shè)計(jì)，需要避開(kāi)遮擋部分UI，設(shè)計(jì)時(shí)需考慮安全區(qū)域，避免被系統(tǒng)手勢(shì)影響。
Home Indicator適配
Home Indicator的存在會(huì)影響底部UI設(shè)計(jì)，需要避免被遮擋，設(shè)計(jì)交互與UI時(shí)需留出足夠空間，避免系統(tǒng)手勢(shì)沖突。
了解設(shè)計(jì)適配原理，可以更好地應(yīng)對(duì)設(shè)備尺寸變化，提升用戶體驗(yàn)。感謝閱讀與分享，歡迎交流！
熱門(mén)課程推薦
熱門(mén)資訊
-
探討游戲引擎的文章，介紹了10款游戲引擎及其代表作品，涵蓋了RAGE Engine、Naughty Dog Game Engine、The Dead Engine、Cry Engine、Avalanche Engine、Anvil Engine、IW Engine、Frostbite Engine、Creation引擎、Unreal Engine等引擎。借此分析引出了游戲設(shè)計(jì)領(lǐng)域和數(shù)字藝術(shù)教育的重要性，歡迎點(diǎn)擊咨詢報(bào)名。
-
2. 手機(jī)游戲如何開(kāi)發(fā)(如何制作傳奇手游，都需要準(zhǔn)備些什么？)
?如何制作傳奇手游，都需要準(zhǔn)備些什么？提到傳奇手游相信大家都不陌生，他是許多80、90后的回憶；從起初的端游到現(xiàn)在的手游，說(shuō)明時(shí)代在進(jìn)步游戲在更新，更趨于方便化移動(dòng)化。而如果我們想要制作一款傳奇手游的
-
3. B站視頻剪輯軟件「必剪」：免費(fèi)、炫酷特效，小白必備工具
B站視頻剪輯軟件「必剪」，完全免費(fèi)、一鍵制作炫酷特效，適合新手小白。快來(lái)試試！
-
4. Steam值得入手的武俠游戲盤(pán)點(diǎn)，各具特色的快意江湖
游戲中玩家將面臨武俠人生的掙扎抉擇,戰(zhàn)或降?殺或放?每個(gè)抉定都將觸發(fā)更多愛(ài)恨糾葛的精彩奇遇?！短烀嬗肪哂卸嗑€劇情多結(jié)局,不限主線發(fā)展,高自由...
-
5. 開(kāi)發(fā)三昧游戲叫什么(三昧動(dòng)漫)
?三昧動(dòng)漫對(duì)于著名ARPG游戲《巫師》系列，最近CD Projekt 的高層回應(yīng)并不會(huì)推出《巫師4》。因?yàn)椤段讕煛废盗性诓邉澋臅r(shí)候一直定位在“三部曲”的故事框架，所以在游戲的出品上不可能出現(xiàn)《巫師4》
-
6. 3D動(dòng)畫(huà)軟件你知道幾個(gè)?3ds Max、Blender、Maya、Houdini大比拼
當(dāng)提到3D動(dòng)畫(huà)軟件或動(dòng)畫(huà)工具時(shí),指的是數(shù)字內(nèi)容創(chuàng)建工具。它是用于造型、建模以及繪制3D美術(shù)動(dòng)畫(huà)的軟件程序。但是,在3D動(dòng)畫(huà)軟件中還包含了其他類型的...
-
7. 3D打印技巧揭秘！Cura設(shè)置讓你的模型更堅(jiān)固
想讓你的3D打印模型更堅(jiān)固？不妨嘗試一下Cura參數(shù)設(shè)置和設(shè)計(jì)技巧，讓你輕松掌握！
-
8. 虛幻引擎5節(jié)省存儲(chǔ)空間用這招!緩存的清理與設(shè)置
眾所周知,虛幻引擎5(下面簡(jiǎn)稱UE5)特別占用存儲(chǔ)空間,僅一個(gè)版本安裝好的文件就有60G,這還不包括我們?cè)谑褂脮r(shí)保存的工程文件和隨之產(chǎn)生的緩存文件。而...
-
9. Bigtime加密游戲經(jīng)濟(jì)體系揭秘，不同玩家角色的經(jīng)濟(jì)活動(dòng)
Bigtime加密游戲經(jīng)濟(jì)模型分析，探討游戲經(jīng)濟(jì)特點(diǎn)，幫助玩家更全面了解這款GameFi產(chǎn)品。
-
10. 3D動(dòng)漫建模全過(guò)程，不是一般人能學(xué)的會(huì)的，會(huì)的多不是人?
步驟01:面部,頸部,身體在一起這次我不準(zhǔn)備設(shè)計(jì)圖片,我從雕刻進(jìn)入。這一次,它將是一種純粹關(guān)注建模而非整體繪畫(huà)的形式。像往常一樣,我從Sphere創(chuàng)建它...
最新文章
