app的图标和启动图的完美攻略

总结一下关于iOS开发中的图标和启动图的个人理解 

一.图标的设置:


1.0: 找一个1024*1024的PNG的照片

app的图标和启动图的完美攻略_第1张图片

1.1 appstore下载

app的图标和启动图的完美攻略_第2张图片

1.2将图片素材拖到prepo这个软件上 选择 iOS7+Only 和iPhone

app的图标和启动图的完美攻略_第3张图片

1.4  打开AppIcon

app的图标和启动图的完美攻略_第4张图片

1.5 将prepo生成的资源  拖到appIcon上

app的图标和启动图的完美攻略_第5张图片

注意点: Spotlight与Settings的图标可以不用配置

             每一个图标图片的尺寸一定要正确



二. 启动图(BrandAsset)

LaunchScreen.storyboard 或者 LaunchScreen.xib 只支持iOS8以上的手机,在iOS8以下手机上无效, 所以使用的并不是很多

如果我们将系统的LaunchScreen删掉后,系统以3.5寸的屏幕显示

现阶段需要做4个大小的启动图:

2X               针对的机型: 4         4S

retina4        针对的机型: 5  5s   5c

retina4.7      针对的机型: 6  6s

retina5.5      针对的机型: 6+  6s+

app的图标和启动图的完美攻略_第6张图片

坑:启动图的尺寸大小一定要对,不然设置无效



三:设置的注意点:


1.如果没有配置启动图,运行到4s以上的手机上,上下会出现两条黑边。此时屏幕点坐标系的大小为{320,480}

2.如果没有配置5s及以上的启动图,会去往下找,找到4s的图之后,会把界面以4s启动图的大小显示出来,也会出现上下两条黑边。

3.如果没有配置6的启动图,运行到6上面:

配置过5s启动图,会找到5s的启动图之后,会把界面以5s启动图的大小完整的显示出来。界面会被拉伸

没有配置过5s启动图,效果如同1,是否有启动图由是否配置过4来决定

4.如果没有配置过6plus的启动图,运行到6上面:

配置过6的启动图,不会显示启动图,界面正常

没有配置过6的启动图,会往下找,找到5s则显示5s的启动图,界面被拉伸,如果都没找到,见第1条


四, 设置启动图与图标


app的图标和启动图的完美攻略_第7张图片

app的图标和启动图的完美攻略_第8张图片

图片素材
素材对应的设备

app的图标和启动图的完美攻略_第9张图片




五: 与美工的配合

让美工在设计原型图时,按照iPhone 6+的分辨率设计

然后切图的时候,切两套即可

一套以 @3x 结尾,供 iPhone 6+ 使用

一套缩小 2/3,以 @2x 结尾,供小屏视网膜手机使用

提示:现在大多数应用程序还适配 iOS 6,下载的 ipa 包能够拿到图片素材,但是如果今后应用程序只支持 iOS 7+,解压缩包之后,择无法再获得对应的图片素材。

iOS手机分辨率与点坐标大小

你可能感兴趣的:(app的图标和启动图的完美攻略)