火星網(wǎng)校
「游戲交互」手游適配設(shè)計(jì)的細(xì)節(jié)拆解
發(fā)布時(shí)間：2024-05-16 13:38:35 瀏覽量：154次
“ 手游在設(shè)計(jì)的過(guò)程中，由于屏幕比例與尺寸的差異，再加上游戲需要一屏顯示的整體性與藝術(shù)性，因此和普通APP相比，有著更為復(fù)雜的規(guī)則 ”
本篇文章將從以下幾個(gè)模塊講解：
- 設(shè)計(jì)比例與尺寸
- UI適配
- 背景圖片適配
- 劉海與圓角適配
- Home Indicator適配
以上模塊在本質(zhì)上是互相關(guān)聯(lián)的，但為了方便說(shuō)明，因此拆分開說(shuō)明。
一、設(shè)計(jì)比例與尺寸
1. 設(shè)計(jì)方案常規(guī)尺寸 16:9
一般來(lái)說(shuō)，設(shè)計(jì)時(shí)需要采用16:9的尺寸，常用的：【1280*720】【1334*750】【1920*1080】等。常規(guī)手游且畫質(zhì)要求不高的游戲使用720P完全足夠，750-850P則更為常見，1080p適合畫質(zhì)要求較高的游戲。
在游戲立項(xiàng)時(shí)，以上內(nèi)容都需要美術(shù)與開發(fā)進(jìn)行商量，并定下設(shè)計(jì)分辨率，以后的設(shè)計(jì)過(guò)程將一直沿用此規(guī)則。
2. 現(xiàn)在都是全面屏19.5:9了，為啥還要按照老款的手機(jī)設(shè)計(jì)呢？
我總結(jié)了以下幾個(gè)原因：
1、設(shè)備比例，雖然全面屏的手機(jī)比較多，但是仍有不少的16:9的手機(jī)，模擬器一般也采用了16:9的尺寸；
2、正逆適配問(wèn)題，從16:9調(diào)整至19.5:9的視覺體驗(yàn)要比19.5:9調(diào)整至16:9的好很多，例如在19.5:9的情況，橫向鋪滿時(shí)，縮至16:9會(huì)導(dǎo)致UI重疊，具體原因下文會(huì)詳細(xì)說(shuō)明。
二、UI適配
1. UI在引擎中的原理
簡(jiǎn)單講一下，所有ui都會(huì)有一個(gè)【錨點(diǎn)】，即圖中的【*】，控件的坐標(biāo)位置即為【錨點(diǎn)】的位置。
錨定可以控制控件的相對(duì)位置，通過(guò)錨定一個(gè)控件，你可以控制它，無(wú)論屏幕大小如何，都將出現(xiàn)在相對(duì)于定位點(diǎn)的位置。
何為錨定？簡(jiǎn)單示意：生命圖標(biāo)為左上適配，錨定至屏幕左上角，無(wú)論屏幕為何種尺寸，均會(huì)固定至左上；同理綠寶石為右上適配，標(biāo)題為中上適配。
熱門課程推薦
熱門資訊
-
探討游戲引擎的文章，介紹了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ī)游戲如何開發(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值得入手的武俠游戲盤點(diǎn)，各具特色的快意江湖
游戲中玩家將面臨武俠人生的掙扎抉擇,戰(zhàn)或降?殺或放?每個(gè)抉定都將觸發(fā)更多愛恨糾葛的精彩奇遇?！短烀嬗肪哂卸嗑€劇情多結(jié)局,不限主線發(fā)展,高自由...
-
5. Bigtime加密游戲經(jīng)濟(jì)體系揭秘，不同玩家角色的經(jīng)濟(jì)活動(dòng)
Bigtime加密游戲經(jīng)濟(jì)模型分析，探討游戲經(jīng)濟(jì)特點(diǎn)，幫助玩家更全面了解這款GameFi產(chǎn)品。
-
6. 3D動(dòng)畫軟件你知道幾個(gè)?3ds Max、Blender、Maya、Houdini大比拼
當(dāng)提到3D動(dòng)畫軟件或動(dòng)畫工具時(shí),指的是數(shù)字內(nèi)容創(chuàng)建工具。它是用于造型、建模以及繪制3D美術(shù)動(dòng)畫的軟件程序。但是,在3D動(dòng)畫軟件中還包含了其他類型的...
-
7. 3D動(dòng)漫建模全過(guò)程，不是一般人能學(xué)的會(huì)的，會(huì)的多不是人?
步驟01:面部,頸部,身體在一起這次我不準(zhǔn)備設(shè)計(jì)圖片,我從雕刻進(jìn)入。這一次,它將是一種純粹關(guān)注建模而非整體繪畫的形式。像往常一樣,我從Sphere創(chuàng)建它...
-
8. 如何自己開發(fā)一款游戲(游戲開發(fā)入門必看：五大獨(dú)立游戲開發(fā)技巧)
?游戲開發(fā)入門必看：五大獨(dú)立游戲開發(fā)技巧無(wú)論您是剛剛起步開發(fā)自己的第一款游戲，還是已經(jīng)制作了幾款游戲，本篇文章中的5大獨(dú)立游戲開發(fā)技巧都可以幫助您更好地設(shè)計(jì)下一款游戲。無(wú)論你對(duì)游戲有著什么樣的概念，都
-
?三昧動(dòng)漫對(duì)于著名ARPG游戲《巫師》系列，最近CD Projekt 的高層回應(yīng)并不會(huì)推出《巫師4》。因?yàn)椤段讕煛废盗性诓邉澋臅r(shí)候一直定位在“三部曲”的故事框架，所以在游戲的出品上不可能出現(xiàn)《巫師4》
-
10. 3D打印技巧揭秘！Cura設(shè)置讓你的模型更堅(jiān)固
想讓你的3D打印模型更堅(jiān)固？不妨嘗試一下Cura參數(shù)設(shè)置和設(shè)計(jì)技巧，讓你輕松掌握！
最新文章
