「游戏交互」手游适配设计的细节拆解

来源：好游戏攻略时间：2024-11-28 03:31

“ 手游在设计的过程中，由于屏幕比例与尺寸的差异，再加上游戏需要一屏显示的整体性与艺术性，因此和普通APP相比，有着更为复杂的规则 ”

本篇文章将从以下几个模块讲解：

设计比例与尺寸 UI适配背景图片适配刘海与圆角适配 Home Indicator适配

以上模块在本质上是互相关联的，但为了方便说明，因此拆分开说明。

一、设计比例与尺寸

1. 设计方案常规尺寸 16:9

一般来说，设计时需要采用16:9的尺寸，常用的：【1280*720】【1334*750】【1920*1080】等。常规手游且画质要求不高的游戏使用720P完全足够，750-850P则更为常见，1080p适合画质要求较高的游戏。

在游戏立项时，以上内容都需要美术与开发进行商量，并定下设计分辨率，以后的设计过程将一直沿用此规则。

2. 现在都是全面屏19.5:9了，为啥还要按照老款的手机设计呢？

我总结了以下几个原因：

1、设备比例，虽然全面屏的手机比较多，但是仍有不少的16:9的手机，模拟器一般也采用了16:9的尺寸；

2、正逆适配问题，从16:9调整至19.5:9的视觉体验要比19.5:9调整至16:9的好很多，例如在19.5:9的情况，横向铺满时，缩至16:9会导致UI重叠，具体原因下文会详细说明。

二、UI适配

1. UI在引擎中的原理

简单讲一下，所有ui都会有一个【锚点】，即图中的【*】，控件的坐标位置即为【锚点】的位置。

锚定可以控制控件的相对位置，通过锚定一个控件，你可以控制它，无论屏幕大小如何，都将出现在相对于定位点的位置。

何为锚定？简单示意：生命图标为左上适配，锚定至屏幕左上角，无论屏幕为何种尺寸，均会固定至左上；同理绿宝石为右上适配，标题为中上适配。