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

手游設計:屏幕適配指南-火星時代教育

發(fā)布時間:2024-05-16 12:26:26 瀏覽量:206次

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

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

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

設計比例與尺寸

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

一般來說,設計時需要采用16:9的尺寸,也就是iPhone 8的尺寸,常用的尺寸有:1280*720、1334*750、1920*1080等。(下文所有UI按照1334*750為基礎設計尺寸,按照不同項目,等比縮放即可)

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

設計比例與尺寸

現(xiàn)在都是全面屏19.5:9了,為啥還要按照老款的手機設計呢?我總結了以下幾個原因:

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

2、正逆適配問題,從16:9調整至19.5:9的視覺體驗要比19.5:9調整至16:9的好很多。

全面屏19.5:9

UI適配

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

UI錨點示意圖

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

UI錨定示意圖

所有的UI均滿足上述規(guī)則,按照設計,大致把UI分為兩種,普通類與場景化界面類。

普通類包括按鈕、生命條、彈窗等一切沒有特殊處理的控件。

場景化UI適配在游戲設計中是很常見的元素,需要針對不同場景采取不同的適配方案。

背景圖片適配相對于UI要簡單一些,背景圖片不需要復雜的細節(jié),按照給定

熱門課程推薦

熱門資訊

請綁定手機號

x

同學您好!

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