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

作者: iYeso | 来源:发表于2016-05-29 19:41 被阅读564次

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

    一.图标的设置:

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

    1.1 appstore下载

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

    1.4  打开AppIcon

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

    注意点: 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+

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


    三:设置的注意点:

    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条


    四, 设置启动图与图标


    图片素材
    素材对应的设备




    五: 与美工的配合

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

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

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

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

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

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

    相关文章

      网友评论

        本文标题:app的图标和启动图的完美攻略

        本文链接:https://www.haomeiwen.com/subject/sbmbrttx.html