1,基本概念
注:PPI即每英寸所拥有的像素数目。pixels per inch所表示的是每英寸所拥有的像素(pixel)数目
2,各个元素尺寸
机型 | 尺寸 | 分辨率 | 逻辑分辨率 | PPI | 状态栏高度 | 导航栏高度 | 标签栏高度 | AppStore icon | 主屏幕icon | 设置icon | Spotligh | 通知icon | 工具栏和导航栏icon | ||
2G、3G、3GS | 3.5英寸 | 320×480px | 320×480pt | 163ppi | 20px | 44px | 49px | ||||||||
4、4s | 3.5英寸 | 640×960px | 320×480pt | 326ppi | 40px | 88px | 98px | 1024×1024px | 120×120px | 58×58px | 80×80px | 40×40px | 50×50px | ||
5、5s、5c、SE | 4.0英寸 | 640×1136px | 320×568pt | 326ppi | 40px | 88px | 98px | 1024×1024px | 120×120px | 58×58px | 80×80px | 40×40px | 50×50px | ||
6、6s、7、8 | 4.7英寸 | 750×1334px | 375×667pt | 326ppi | 40px | 88px | 98px | 1024×1024px | 120×120px | 58×58px | 80×80px | 40×40px | 50×50px | ||
6+、6s+、7+、8+ | 5.5英寸 | 1242×2208px | 414×736pt | 401ppi | 60px | 132px | 146px | 1024×1024px | 180×180px | 87×87px | 120×120px | 60×60px | 75×75px | ||
X | 5.8英寸 | 1125×2436px | 375×812pt | 458ppi | 132px | 132px | 147px | 1024×1024px | 180×180px | 87×87px | 120×120px | 60×60px | 75×75px |
3,各个元素示意图
注:参考链接:http://www.tuyiyi.com/cc/