iOS-Developer-OC

iOS iPhone和iPad图标(icon)和启动图(Laun

2019-03-06  本文已影响0人  萝卜酱紫

一、iOS图标尺寸

如上传iOS AppStore,则必须提供1024px1024px的图标。
或企业内部分发,则需提供57px
57px和512px*512px的图标。

1、iPhone 图标:

(1)Spotlight搜索图标尺寸:

    80px*80px,120px*120px;

(2)Settings设置图片尺寸:

    58px*58px,87px*87px;

(3)通知栏图标尺寸:

    40px*40px,60px*60px;

(4)App程序图标尺寸:

    120px*120px,180px*180px;

综上iPhone需要10种不同尺寸的图标,分别是:

    40px*40px,57px*57px,58px*58px,60px*60px,
    80px*80px,87px*87px,120px*120px,180px*180px,
    512px*512px,1024px*1024px。

2、iPad 图标:

(1)Spotlight搜索图标尺寸:

    40px*40px,80px*80px;

(2)Settings设置图片尺寸:

    29px*29px,58px*58px;

(3)通知栏图标尺寸:

    20px*20px,40px*40px;

(4)App程序图标尺寸:

    76px*76px,152px*152px,167*167px;

综上iPad需要11种不同尺寸的图标,分别是:

    20px*20px,29px*29px,40px*40px,57px*57px,
    58px*58px,76px*76px, 80px*80px,152px*152px,
    167px*167px,512px*512px,1024px*1024px。

3、iOS需要15种不同尺寸的图标,分别是:

    20px*20px,29px*29px,40px*40px,57px*57px,
    58px*58px,60px*60px,76px*76px, 80px*80px,
    87px*87px,120px*120px,152px*152px,167px*167px,
    180px*180px,512px*512px,1024px*1024px。

参考官方文档:https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/app-icon/

二、iOS启动图

这里只考虑竖屏的情况(宽*高),需要横屏的话,只需要把宽和高的尺寸颠倒一下即可。

1、iPhone启动图:

(1)iPhone4/iPhone4s启动图:

    640px*960px

(2)iPhone5/iPhone5s/iPhoneSE启动图:

    640px*1136px

(3)iPhone6/iPhone7/iPhone8启动图:

    750px*1334px

(4)iPhone6 Plus/iPhone7 Plus/iPhone8 Plus启动图:

    1242px*2208px

(5)iPhone X/iPhone XS启动图:

    1125px*2436px

(6)iPhone XR启动图:

    828px*1792px

(7)iPhone XS Max启动图:

    1242px*2688px

综上iPhone需要7种不同尺寸的启动图,分别是:

    640px*960px,640px*1136px,750px*1334px,828px*1792px,
    1242px*2208px,1125px*2436px,1242px*2688px。

2、iPad启动图:

(1)iPad iOS7普通屏启动图:

    768px*1024px

(2)7.9英寸iPad mini 4/9.7英寸iPad(iOS7高分屏)启动图:

    1536px*2048px

(3)10.5英寸iPad Pro启动图:

    1668px*2224px

(4)11英寸iPad Pro启动图:

    1668px*2388px

(5)12.9英寸iPad Pro启动图:

    2048px*2732px

综上iPad需要4种不同尺寸的启动图,分别是:

   1536px*2048px,1668px*2224px,1668px*2388px,2048px*2732px。

注意:iOS7之前是非沉浸式状态来,对应尺寸的高度需要减去20pt(普通屏减20px,高分屏减40px),iOS7之前的系统很少能见到,可以不考虑。

3、iOS需要12种不同尺寸的启动图,分别是:

    640px*960px,640px*1136px,750px*1334px,828px*1792px,
    1242px*2208px,1125px*2436px,1242px*2688px,1536px*2048px,
    768px*1024px,1668px*2224px,1668px*2388px,2048px*2732px。

参考官方文档:https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/launch-screen/

转载自:https://www.jianshu.com/p/388e22f6b670

上一篇下一篇

猜你喜欢

热点阅读