亚洲AV免费看深爱成人|日韩av另类一级特黄片在线|中国免费一级黄片|国产av一二三区|亚洲有码AV在线|久久亚洲国产日韩欧美|成人免费AV网站|婷婷一区综合一区|亚洲AV无码导航|高级欧美成人网站

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

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

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

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

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

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

設計比例與尺寸

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

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

設計比例與尺寸

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

UI適配

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

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

UI錨點示意圖

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

UI錨定示例

普通類UI適配

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

A)大于16:9(iPhone X)

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

大于16:9適配示意圖

B)小于16:9(iPad)

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

小于16:9適配示意圖

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

場景化UI適配:此種在游

熱門課程推薦

熱門資訊

請綁定手機號

x

同學您好!

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