13518219792
注意：以下尺寸归纳都是按照1PX的像素单位总结，方便在iOS APP设计中使用。
贵港网站建设公司成都创新互联公司,贵港网站设计制作，有大型网站制作公司丰富经验。已为贵港近1000家提供企业网站建设服务。企业网站搭建\外贸营销网站建设要多少钱，请找那个售后服务好的贵港做网站的公司定做！
在iOS app设计中，我们总是需要去规范地设计所需图片的大小，下面是本人在学习iOS app制作设计中所总结的一些常用尺寸，整理出来，仅供参考，不足之处，会在以后学习工作过程中补全。
总的来说，iOS设计中会使用到如下尺寸：
图标尺寸输出列表：
180x180 120x120 87x87 80x80 58x58 57x57 29x29
启动图片尺寸输出列表：
640x960 640x1136 750x1334 1242x2208(设计版）1080×1920（物理版）
桌面图标 (app icon)
iPhone7/6 plus(@3x) : 180 x 180 iPhone 7/6/5s/5/4s/4(@2x) : 120 x 120
搜索框图标 (Spotlight )
iPhone7/6 plus(@3x) : 120 x 120 iPhone7/6/5s/5/4s/4(@2x) : 80 x 80
设置图标 (Settings icon)
iPhone7/6 plus(@3x) : 87 x 87 iPhone7/6//5s/5/4s/4(@2x) : 58 x 58
启动图片 (launch image)
iPhoen5s/5(@2x) : 640 x 1136 iPhoen4s/4(@2x) : 640 x 960
如果是iPhone7/6 或者iPhone7/6 plus 还是建议使用 launch file 或 故事板文件storyboard
如果使用图片，则尺寸数值为：
iPhone 7/6(@2x) : 750 x 1334 iPhone 7/6 plus (@3x) : 1242x2208(设计版）1080×1920（物理版）
根据iOS系统可简单划分为以下几种
Spotlight
iOS 5,6
base: 29pt, @2x, @3x，get： 58 x 58, 87 x 87
iOS 7,8
base: 40pt, @2x, @3x，get：80 x 80, 120 x 120
Settings
iOS 5,6,7,8
base: 29pt, @1x,@2x,@3x，get：29 x 29, 58x58, 87x87
iPhone App
iOS 7,8
base: 60pt， @2x, @3x，get：120 x 120, 180 x 180
//
//Created by weil on 16/12/2.
//Copyright © 2016年 weil. All rights reserved.
//
最近项目在做android和ios的项目，设计师让我给出图标的尺寸，于是查了一下尺寸。
第一步：产品经理和UI设计师制定好UI规范，然后开始做图标做颜色做尺寸等一系列和APP界面强相关的工作，以最常见的“back”按钮为例，UI设计师从无到有的具体实现步骤：
①在coreldraw或者Sketch中制作好“矢量图标“—返回，此时的长宽单位是毫米；
②保存输出为“PNG位图图片”—返回，此时的长宽单位是px（像素）；
③指定好此图标的内外边距，此时的边距单位是px（像素）；
④最终此图标图片交到开发者手中，做好图片的放置和内外边距的实现。开发这在这个过程中会遇到一个问题：内外边距是由px为单位的距离，但是在实际开发中“dp”做为单位的更加常见，所以就会涉及到“px”“dp”互转的封装类，专门用来实现这个过程，同时还要注意不同分辨率屏幕的适配。
（1）px，平常我们所说的手机的分辨率是1920×1080，这就是像素数量，也就是1920px×1080px，代表手机高度上有1920个像素点，宽度上有1080个像素点，每个像素点的单位是px。
（2）dp，dp是为了开发者便于做不同屏幕的适配而引入的开发单位，具体来说就是为了使得开发者设置的长度能够根据不同屏幕(分辨率/尺寸也就是dpi)获得不同的像素(px)数量。比如：我将一个控件设置长度为1dp，那么在160dpi上该控件长度为1px，在240dpi的屏幕上该控件的长度为1 240/160=1.5个px。也就是dp会随着不同屏幕而改变控件长度的像素数量。
（3）DPI，用户实际判别手机屏幕的显示好坏，除了分辨率还要考虑屏幕的宽高(英寸)，也就是用dpi，即每英寸多少像素来评价屏幕的显示效果。（不然假如手机分辨率是1920×1080，但是屏幕是几十寸的，那显示效果将不会很好，甚至你有可能看到小的像素块，那将更影响视觉效果。）
三、Android开发中图标尺寸总结（务必掌握）：
（1）dpi、分辨率与图标尺寸的关系L DPI ( 120 DPI )—分辨率240 320px，其启动图标大小为 36 x 36 pxM DPI (160 DPI )—分辨率320 480px，其启动图标大小为 48 x 48 pxH DPI ( 240 DPI )—分辨率480 800px，其启动图标大小为 72 x 72 pxXH DPI ( 320 DPI )—分辨率1280 720px，其启动图标大小为 96 x 96 pxXXH DPI( 480 DPI )—分辨率1920 1080px，其启动图标大小为144 x 144 pxXXXH DPI( 640 DPI )—分辨率3840*2160px，其启动图标大小为192 x 192 px
（2）开发中“px”到“dp”从 px 换算成 dp 要知道它是以什么 dpi 标准来设计的，换句话说，就是要根据不用分辨率的屏幕，根据换算关系表得到相应的 dp 。 例如： 以 xxhdpi 标准设计的 UI，其中一个切图的分辨率是 600 px * 360 px ，根据换算关系表可知，在 xxhdpi 标准下，1 dp = 3 px ,则其对应的 dp 是 200 dp * 120 dp 。换算关系表如下：（两次标红 请重点关注）
36 x 36 48 x 48 64 x 64 72 x 72 96 x 96 144 x 144 192 x 192
具体的图标尺寸可以打开xcode ，在项目目录下找到Assets.xcassets文件，这个文件里面标识出了所需要的图标尺寸，下面标识的是基本尺寸，2x就是底部尺寸x2 ，即下面的尺寸为80pt和120pt
看了一下新的苹果开发文档和Xcode给的AppIcon坑，发现又新增了一些尺寸的图标。在这里整理一下最新的最全的icon尺寸。
itunes中使用的icon
1024 * 1024
iPhone: iOS7-10桌面图标
60 * 60
120 * 120 @2x
180 * 180 @3x
iPhone: iOS5-6桌面App图标
57 * 57
114 * 114 @2x
iPad: iOS7-10桌面图标
76 * 76
152 * 152 @2x
iPad: iOS5-6桌面图标
72 * 72
144 * 144 @2x
iPhone: iOS5-6的搜索 iOS5-10的设置
iPad: iOS5-10的设置
29 * 29
58 * 58 @2x
87 * 87 @3x
iPad: iOS5-6系统搜索图标
50 * 50
100 * 100 @2x
iPhone、iPad: iOS7-10系统搜索图标
40 * 40
80 * 80 @2x
120 * 120 @3x
iPhone、iPad: iOS7-10通知栏图标
20 * 20
40 * 40 @2x
80 * 80 @3x
iPad Pro: App桌面图标
167 * 167 @2x
iPhone汇总：
1024 * 1024
120 * 120
180 * 180
20 * 20
40 * 40
80 * 80
29 * 29
58 * 58
87 * 87
57 * 57 (iOS5-6)
114 * 114 (iOS5-6)
iPad汇总：
1024 * 1024
76 * 76
152 * 152
20 * 20
40 * 40
80 * 80
120 * 120
29 * 29
58 * 58
72 * 72 (iOS5-6)
144 * 144 (iOS5-6)
50 * 50 (iOS5-6)
100 * 100 (iOS5-6)
167 * 167 (iPad Pro)
APP启动页，即LaunchImages，需要五张不同尺寸大小的图，切记一定要选择png格式，否则打包时报错，导致APP适配失败。
五张图的大小即：320 480、640 960、640 1136、750 1334、1242 2208 828 1792 1125 2436 1242 2688
分别对应的iphone屏幕尺寸：iphone 3GS、iphone4(s)、iphone5(c、s)、iphone6(s)、iphone 6(s) plus 、iphoneX(S)、iphoneXR、iphoneXs Max.
具体步骤：
第一步：
1.点击工程目录中的Images.xcassets，点击左侧边栏的LaunchImages(如果没有，在空白处右击创建一个)
2.然后在xcode最右侧的边栏处选择你的APP是否要对ipad、横竖屏、以及低版本的iOS系统做支持。
第二步：
将填好的图片配置到工程中的启动页选项中
点击项目目录的工程 - target - General - App Icons And Launch Images
将Launch Images Source的选项设置为LaunchImages，切记当APP不是用LaunchScreen.xib来配置启动页时，LaunchScreen File的选择状态一定为空！否则编译无法通过
如果此时还没有显示的话，那么你先删除app，然后再运行一下项目看看
参考网站：
640 x 960
640 x 1136
750 x 1334
1242 x 2208
1125 × 2436 （iPhone X）
2688×1242 (iPhone XS Max)
1792×828 (iPhone XR)
40x40px
58x58px
60x60px
80x80px
87x87px
120x120px
180x180px
1024x1024px
iPhone6.5 英寸显示屏 1242 x 2688 像素（竖屏）
iPhone5.8 英寸显示屏 1125 x 2436 像素（竖屏）
iPhone5.5 英寸显示屏 1242 x 2208 像素（竖屏
iPad Pro 12.9 英寸显示屏 2048 x 2732 像素（竖屏）
iPad（第 8 代、第 7 代）10.5 英寸显示屏 1668 x 2224 像素（竖屏）
750 x 1334
- iPhone4
开发尺寸：320x480 pt，像素尺寸：640x960 px
- iPhone5
开发尺寸：320x568 pt，像素尺寸：640x1136 px
- iPhone6/7/8
开发尺寸：375x667 pt，像素尺寸：750x1334 px
- iPhone6/7/8Plus
开发尺寸：414x736 pt，像素尺寸：1242x2208 px
- iPhone X/iPhone XS
开发尺寸：375×812 pt，像素尺寸：1125×2436 px
- iPhone XS Max
开发尺寸：414x896 pt，像素尺寸：2688×1242 px
- iPhone XR
开发尺寸：414x896 pt，像素尺寸：1792×828 px
