iOS图标(AppIcon)与启动图(LaunchImage)

图标(AppIcon)与启动图(LaunchImage)是开发iOS应用程序必不可少的内容,但是在网络上对于这部分的内容讲解的并不详细,所以花些时间写了这篇文章,希望有需要的朋友可以随时查看

想知道AppIcon与LaunchImage的原理,必须对iOS设备的发展有一个简单的了解,所以我们先来看一看iPhone系列和iPad系列发展史

iPhone发展史

设备年份尺寸像素点数系统

iPhone42010年3.5640*960320*480iOS4-iOS7

iPhone4S2011年3.5640*960320*480iOS5-iOS9

iPhone52012年4.0640*1136320*568iOS6-iOS9

iPhone5C2013年4.0640*1136320*568iOS7-iOS9

iPhone5S2013年4.0640*1136320*568iOS7-iOS9

iPhone62014年4.7750*1334375*667iOS8-iOS9

iPhone6 Plus2014年5.51242*2208414*736iOS8-iOS9

iPhone6S2015年4.7750*1334375*667iOS9

iPhone6S Plus2015年5.51242*2208414*736iOS9

iPhoneSE2016年4.0750* 1334375* 667iOS9

iPad发展史

设备年份尺寸像素点数系统

iPad2010年9.7768*1024768*1024iOS3-iOS5

iPad22011年9.7768*1024768*1024iOS4-iOS9

iPad32012年9.71536*2048768*1024iOS5-iOS9

iPad42012年9.71536*2048768*1024iOS6-iOS9

iPad mini2012年7.9768*1024768*1024iOS6-iOS9

iPad Air2013年9.71536*2048768*1024iOS7-iOS9

iPad mini22013年7.91536*2048768*1024iOS7-iOS9

iPad Air22014年9.71536*2048768*1024iOS8-iOS9

iPad mini32014年7.91536*2048768*1024iOS8-iOS9

iPad Pro2015年12.92048*27321024*1366iOS9

iPad mini42015年7.91536*2048768*1024iOS9

iPad Pro2016年9.71536*2048768*1024iOS9

从上面的内容可以看出,在苹果在iPhone4、iPad3、iPad mini2开始使用Retina屏幕,所以需要提供@2x的图片素材才能展示出来最细腻的效果(注:iPhone Plus系列需要使用@3x的图片素材),下面我们便谈一下AppIcon与LaunchImage的选择

AppIcon选择

设备iOS5,iOS6iOS7-iOS9

iPhone APPIcon57.png [email protected]@2x.png [email protected]

iPhone SettingsIcon29.png [email protected] [email protected] [email protected] [email protected]

iPhone SpotlightIcon29.png [email protected] [email protected]@2x.png [email protected]

iPad APPIcon72.png [email protected] [email protected]

iPad SettingsIcon29.png [email protected] [email protected]

iPad SpotlightIcon50.png [email protected] [email protected]

iPad Pro APP无[email protected]

iOS图标(AppIcon)与启动图(LaunchImage)_第1张图片

icon.png

笔者注:demo内所使用的图片取自网络

LaunchImage选择

设备iOS5,iOS6iOS7-iOS9/iOS8-iOS9

iPhone PortraitLaunchImage-320-480.png [email protected] [email protected]@2x.png [email protected]

iPhone HD 4.7 Portrait无[email protected]

iPhone HD 5.5 Portrait无[email protected]

iPhone HD 5.5 Landscape无[email protected]

iPad PortraitLaunchImage-768-1024.png [email protected] [email protected]

iPad LandscapeLaunchImage-1024-768.png [email protected] [email protected]

iPad Portrait Without Status BarLaunchImage-768-1004.png [email protected]

iPad Landscape Without Status BarLaunchImage-1024-748.png [email protected]

iOS图标(AppIcon)与启动图(LaunchImage)_第2张图片

image.png

笔者附带一个demo下载地址,大家可以直接将AppIcon.appiconset和LaunchImage.launchimage中的图片替换为自己的图片即可


你可能感兴趣的:(iOS图标(AppIcon)与启动图(LaunchImage))