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

ios 引导页启动页广告页 适配方案,第1张

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】适配方式为:等宽,居中对齐,裁剪上下内容。

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

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

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

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

尺寸为:

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

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

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

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

大概的高度为:

Window XP首屏大小580 px

Window 7 首屏大小710 px

具体原因如下:

一个网页的尺寸设置和浏览器与系统的尺寸大为相关,我们不可能满足所以用户的最佳尺寸,但我们能做的是让绝大多少用户感觉是最佳的。

系统分辨率统计:

对大于30W台客户端用户进行测试,得到的测试数据如下(数据来源于网络):

在Window XP常见分辨率1024×768下我们除掉任务栏,浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是584。

在Window 7常见分辨率1440×900下我们除掉任务栏,浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是716。

综合分辨率及浏览器下的统计数据:

Window XP首屏大小580 px

Window 7 首屏大小710 px

附上

网页设计标准尺寸:

1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。

2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。(在dw里面有设定好的标准值, 1024*768页面的标准大小是955*600,照着它的尺寸做就行了)。

3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右。

4、在PS里做的图到了网上就不一样了,颜色等等方面,因为WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广,所以自然会有失色的现象。

标准网页广告尺寸规格:

1、120*120,这种广告规格适用于产品或新闻照片展示。

2、120*60,这种广告规格主要用于做LOGO使用。

3、120*90,主要应用于产品演示或大型LOGO。

4、125*125,这种规格适于表现照片效果的图像广告。

5、234*60,这种规格适用于框架或左右形式主页的广告链接。

6、392*72,主要用于有较多图片展示的广告条,用于页眉或页脚。

7、468*60,应用最为广泛的广告条尺寸,用于页眉或页脚。

8、88*31,主要用于网页链接,或网站小型LOGO。


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/395121.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-18
下一篇2023-05-18

发表评论

登录后才能评论

评论列表(0条)

    保存