iPhone 、 iPhone 3G 、 iPhone 3GS 、iPhone 4 、 iPhone 4S 3.5 英寸、 320 x 480 point.
iPhone 5 4 英寸、 320 x 568 point. (640 x 1136 pixels)
iPad系列 9.7 英寸、 1024 x 768 point.
虽说 iPhone 系列在 iPhone 5 之前一直都是 3.5 英寸的屏没有变过,但其实不同代的 iPhone 之间还是有毫米级别的大小差别的,不过这已经无关宏旨了。
上面所用的单位 point ,是苹果自己制定的一个单位,是为了方便大家讨论屏幕大小的。
在 iPhone 、 iPhone 3G 、 iPhone 3GS 、 iPad 和 iPad 2 上, point 和像素(pixel)是一一对应的。即 1 point = 1 pixel。
但在 retina 屏时代,即 iPhone 4 、 iPhone 4S 、 iPhone 5 以及 New iPad 上面,苹果提升了设备的 ppi ,这时的 1 point = 2 pixel 。
所以 iOS 设备会有 5 种分辨率(像素大小),分别是:
320 x 480 (包括 iPhone 、 iPhone 3G 和 iPhone 3GS 以及 iPod Touch 一至三代)
640 x 960 (包括 iPhone 4 和 iPhone 4S 以及 iPod Touch 四代)
640 x 1136 (包括 iPhone 5 和 iPod Touch 第五代)
1024 x 768 (包括 iPad 和 iPad 2 )
2048 x 1536 ( New iPad )
下面是一个总结:
下面说说设计师可能会感兴趣的(入门级)问题:
在给 App 做 loading 界面的时候,应该做多大的图?要不要考虑状态栏?
做多大的图,要看你在为哪一款设备做 App ,只需要根据上面说的像素大小做图即可。不需考虑状态栏(status bar),因为 iOS 系统会自动将状态栏覆盖在 loading 图片上,不会有什么压缩的现象。