激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1:010-59833514 ?咨詢電話:400-810-1418 服務(wù)與監(jiān)督電話:400-810-1418轉(zhuǎn)接2

手游設(shè)計必讀!細數(shù)游戲UI適配細節(jié)

發(fā)布時間:2024-05-16 15:23:12 瀏覽量:645次

“手游在設(shè)計的過程中,由于屏幕比例與尺寸的差異,再加上游戲需要一屏顯示的整體性與藝術(shù)性,因此和普通APP相比,有著更為復(fù)雜的規(guī)則?!?/p>

本篇文章只針對橫屏游戲,將從以下幾個模塊講解:

  • 設(shè)計比例與尺寸
  • UI適配
  • 背景圖片適配
  • 劉海與圓角適配
  • Home Indicator適配

以上模塊在本質(zhì)上是互相關(guān)聯(lián)的,但為了方便說明,因此拆分開說明。

設(shè)計比例與尺寸

一般來說,設(shè)計時需要采用16:9的尺寸,常用的包括【1280*720】【1334*750】【1920*1080】等。

常規(guī)手游且畫質(zhì)要求不高的游戲使用720P完全足夠,例如復(fù)古風(fēng)、像素風(fēng);750-850P則更為常見,基本可以適配各種場景,不管是iPad還是模擬器均可以一個不錯的質(zhì)量展示,包體大小也合適;1080p適合畫質(zhì)要求較高的游戲,或者需要PC端的游戲。

設(shè)計比例與尺寸

在游戲立項時,以上內(nèi)容都需要美術(shù)與開發(fā)進行商量,并定下設(shè)計分辨率,以后的設(shè)計過程將一直沿用此規(guī)則。

UI適配

所有的UI均滿足設(shè)計規(guī)則,分為普通類和場景化界面類。

UI在引擎中的原理:所有UI都有一個錨點,即控件的坐標位置即為錨點的位置。

UI錨點示意圖

錨定可以控制控件的相對位置,通過錨定一個控件,你可以控制它,無論屏幕大小如何,都將出現(xiàn)在相對于定位點的位置。

UI錨定示例

普通類UI適配

普通類UI按照設(shè)計,大致分為兩種,普通類與場景化界面類。

A)大于16:9(iPhone X)

若屏幕比例大于16:9,則短邊為適配基準。

大于16:9適配示意圖

B)小于16:9(iPad)

若屏幕比例大于16:9,則長邊為適配基準。

小于16:9適配示意圖

無論屏幕尺寸多少,UI比例不變,按照原尺寸與相對位置設(shè)計。

場景化UI適配:此種在游

熱門課程推薦

熱門資訊

請綁定手機號

x

同學(xué)您好!

您已成功報名0元試學(xué)活動,老師會在第一時間與您取得聯(lián)系,請保持電話暢通!
確定