ios 引导页/启动页/广告页 适配方案

两种实现方式

A.活图(即可灵活配置,资源图不需要受限于发版本)

B.死图(资源图写在app内,替换时需要发版本)


两种方式的适配方法及输出资源

活图适配方式

【输出资源】

欢迎页/闪屏页-----输出750*1334和1125*2436px两张资源图

*注:1125*2436px与iPhoneXS【375*812】iPhoneXR【414*896】iPhoneXS Max【414*896】等宽等高,所以开发GG等宽等高缩放即可适配

750*1334px与iPhoneSE【320*560】iPhone8【375*667】iPhone 8 Plus【414*736】等宽等高,所以开发GG等宽等高缩放即可适配

---------------------------------------(举例)----------------------------------

新浪微博闪屏截图
京东闪屏截图
举例说明并不是同一张图截取上下或左右进行适配,证实是输出两种尺寸图

广告页-----根据自己家app需求选择

方案一:输出1125*2436px一张资源图(内容安全区域:1242*2001px)

*注:1125*2436px与iPhoneXS【375*812】、iPhoneXR【414*896】、iPhoneXS Max【414*896】等宽等高,所以等宽等高缩放即可适配

750*1334px与iPhoneSE【320*560】、iPhone8【375*667】、iPhone 8 Plus【414*736】适配方式为:等宽,居中对齐,裁剪上下内容。

---------------------------------------(举例京东)----------------------------------

京东APP广告页截图

方案二:输出750*1334和1125*2436px两张资源图(与欢迎页闪屏页活输出同尺寸资源图适配方式一样)

2.死图(资源图写在app内,替换需要发版本)

死图适配方式-----输出所需尺寸PNG资源图并压缩给RD

尺寸为:


RD上传资源图界面

根据自己家app的需求选择相应的实现方式,并输出相应资源图。

引导页-一般内容为版本更新的功能介绍和说明,通常情况下是和发版本一起更新的,所以一般情况是传死图的方式。

---------------------------------------(重要事情说三遍)----------------------------------

输出资源图为png、输出资源图为png、输出资源图为png、压缩、压缩、压缩!!!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。