项目中Icon
Spotlight-iOS 5,6 | 29 x2 x3 |
Spotlight-iOS 7-9 | 40 x2 x3 |
App-iOS 7-9 | 60 x2 x3 |
项目中LaunchImage
Retina HD 5.5 | 1242 x 2208 |
Retina HD 4.7 | 750 x 1334 |
Landscape Retina HD 5.5 | 2208 x 1242 |
iOS 7-9 2x | 640 x 960 |
iOS 7-9 Retina4 | 640 x 1136 |
提交AppStore-Icon
1024 x 1024 |
提交AppStore-预览图
5.5英寸 | 1242 x 2208 |
4.7英寸 | 750 x 1334 |
4英寸 | 640 x 1136 |
3.5英寸 | 640 x 960 |
手机尺寸
手机类型 | iPhone 6 Plus | iPhone 6 | iPhone 5s/iPhone 5s | iPhone 5s/iPhone 5s |
---|---|---|---|---|
倍率 | @3x | @2x | @2x | @2x |
像素分辨率 | 1242 x 2208 (1125 x 2001) px | 750 x 1334 px | 640 x 1136 px | 640 x 960 px |
逻辑分辨率 | 414 x 736 pt | 375 x 667 pt | 320 x 568 pt | 320 x 480 pt |
屏幕密度 | 401 ppi | 326 ppi | 326 ppi | 326 ppi |
DPI | 154 | 163 | 163 | 163 |
常用元素的大小
导航栏(NagationBar)高度 | 44 pt |
---|---|
状态栏(StatusBar)高度 | 20 pt |
选项卡(TabBar)高度 | 48 pt |
疑点
为啥我的iPhone 6P 的截图为 1125 x 2001
原因:
iPhone 6P 可以设置两种显示模式
- 放大模式(1125 x 2001 px)
- 默认模式(1242 x 2208 px)
这个模式可以从系统中的显示与亮度
–> 显示模式
来切换
什么是放大模式
放大模式
就是以iPhone6
的尺寸为基准 用的@3x
的资源
设计怎样切图
具体步骤可以参考 淘宝的切图方式
他的基本思路是以iPhone5S(640 x 1136)
为基准进行标注
以iPhone 6P(1242x2208)
来切@3x
的资源
个人建议
不过我建议以iPhone6P放大模式(1125 x 2001 px)
为基准来标注和切图
切出来的资源是@3x
的 再缩小1.5倍就是@2x
的
这样做是因为现在iPhone6和iPhone6P的用户已经很多了,同时也为了降低切图的难度
切图神器
推荐一个切图的神器
PhotoshopCC新功能 生成图像资源