unity26技美——游戏开发中适配2020年各种机型UI的制作规范、插件、以及规避方法。

1.ui的适配经常是游戏开发中常见的。这个因为每年的手机机型都在变化。属于一种不可变的变量。
但是,目前市面上也会有各种插件来辅助屏幕适配。不过要想解决根本问题。还是要从美术制作UI。与程序UI搭建上入手,这才是根本问题。以下是我经过插件测试国内大部分机型。规避整理出的一套安全范围,以及操作流程。这样做不需要任何付费插件,一样能做到ui完美适配任何机型。并且不管是APP游戏,还是H5小程序,都可以规避刘海屏、水滴平、异形照相机孔洞、小程序右上角三个自带虚拟按键、等。

下面上图。
在这里插入图片描述

通过上图,你会发现,我经过插件测试,(插件中有好几百款市面上比较火的机型。在此只抽出几个特殊案例进行展示。)只要你的UI设计出现在红色范围以内,那么就会被特殊屏幕遮挡。因此我们用纯色图片进行规避。如下图。在这里插入图片描述
在这里插入图片描述
2.看上图,你会发现我们用黑色方块测量了,红色区域的范围。范围如下。
请添加图片描述

在这里插入图片描述

3,从上图经过我们的测量。红色区域为不可以设计图标以及按钮的区域。因此设计在制作的时候要避开这些部分。(区域图可以直接下载下来,放在psd图层最上方,调整透明度,检测你设计的Ui是否在安全范围。)
首先设计要在10802340的源文件psd下制作文件。并且设计图标的时候在蓝色范围内制作。
之后正常右键切图,修改分辨率为单数的像素值变为双数画布,方便程序搭建的时候计算数值。
在这里插入图片描述
4.当切图切好后,我们到unity中搭建,并且设置分辨率为1080
2340

在这里插入图片描述

5。给特殊角标按钮调整适配锚点。
在这里插入图片描述
在这里插入图片描述
6.如上图,把你的父对象,如右图调整为以高不变适配屏幕。
0代表宽不变。1代表高不变。0.5带表屏幕拉伸的时候会等比缩放按钮大小。
都调整好之后我们来用插件测试一下成果。
在这里插入图片描述
7.如上图。我们搭建的测试界面,完美的随着屏幕避开了各种特屏幕,并且自动适配位置与比例。

下面是测试屏幕的插件 Universal_Device_Preview_1.8.8

链接 https://assetstore.unity.com/packages/tools/utilities/universal-device-preview-82015

  • 3
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值