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

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

「游戲交互」手游適配設(shè)計的細節(jié)拆解

發(fā)布時間:2024-05-16 13:38:35 瀏覽量:154次

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

本篇文章將從以下幾個模塊講解:

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

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

一、設(shè)計比例與尺寸

1. 設(shè)計方案常規(guī)尺寸 16:9

一般來說,設(shè)計時需要采用16:9的尺寸,常用的:【1280*720】【1334*750】【1920*1080】等。常規(guī)手游且畫質(zhì)要求不高的游戲使用720P完全足夠,750-850P則更為常見,1080p適合畫質(zhì)要求較高的游戲。

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

2. 現(xiàn)在都是全面屏19.5:9了,為啥還要按照老款的手機設(shè)計呢?

我總結(jié)了以下幾個原因:

1、設(shè)備比例,雖然全面屏的手機比較多,但是仍有不少的16:9的手機,模擬器一般也采用了16:9的尺寸;

2、正逆適配問題,從16:9調(diào)整至19.5:9的視覺體驗要比19.5:9調(diào)整至16:9的好很多,例如在19.5:9的情況,橫向鋪滿時,縮至16:9會導(dǎo)致UI重疊,具體原因下文會詳細說明。

二、UI適配

1. UI在引擎中的原理

簡單講一下,所有ui都會有一個【錨點】,即圖中的【*】,控件的坐標位置即為【錨點】的位置。

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

何為錨定?簡單示意:生命圖標為左上適配,錨定至屏幕左上角,無論屏幕為何種尺寸,均會固定至左上;同理綠寶石為右上適配,標題為中上適配。

熱門課程推薦

熱門資訊

請綁定手機號

x

同學(xué)您好!

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