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。
欢迎分享,转载请注明来源:夏雨云
评论列表(0条)