这是我在与开发对接的过程当中总结下来的一些尺寸规范,有不对的欢迎指正~后续会不断更新。
设计一个app,现在一般是这样:设计一套尺寸-750X1334(与安卓的720X1280等比例缩放高度相差1px):
1、切片:
ios:@2x @3x
android:hdpi @1.5x,xhdpi@2x,xxhdpi@3x,XXXhdpi@4x
2、界面使用的透明度用10%的倍数(考虑安卓开发)
3、应用图标:注意切片不带圆角
ios:分别按20,29,40,60切@2x,@3x的图
App Store 切一个1024X1024px尺寸的图就行
android:给一个最大的尺寸给到开发就行(背景和图标分开切,外面背景108X108 dp 内部图标控制在72X72 dp,切的时候背景和图标分开切,都切成108X108dp)然后开发自己可以合成不同的尺寸(自己切的话就是108px的基础上,切mdpi @1X hdpi @1.5x,xhdpi@2x,xxhdpi@3x,XXXhdpi@4x的图)
需要注意的是,安卓这边我没有总结应用商店的图标尺寸,这个可以根据公司投放的应用市场要求来定。
4、启动页/引导页尺寸
ios:
640 × 960 px
640X1136 px
750X1334 px
1242 × 2208 px
1125 × 2436 px
1242X2688 px
828X1792 px
引导页没有强制要求把每个尺寸给出来,所以可以按开发要求,比如开发用750X1334 px的@2X,和@3x的图来进行适配。
android:
1080X1920的 @1x @2x的图(背景要可以拉伸比较好)
5、应用市场截图:
ios:以具体要求为准,一般
iPhone尺寸:1242*2208(必选),1125*2436(可选),1242X2688(可选)
iPad尺寸:2048*2732(如没要求上传pad尺寸可不上传)
现阶段,苹果审核比较严,要注意的地方:
1.不要有安卓的字眼和图标,还有模型机型注意要是苹果的
2. 截图和实际的一致。
android:
android尺寸:根据公司具体上传的应用商店而定,常见的有480*800,720*1280,1080X1920 (png,jpg两套)
注意切片和图片的命名规则。后续有空再整理一下命名规则~