UI交付规范

总结:需要交付给开发的文件有
1,原图(png格式，三种分辨率7501334,12422208,640960，以7501334为基准）

2,切图(2x,3x)

3,标注图(三种分辨率底下标注图,以750*1334为基准)

4,流程图

为什么要以iphone6为基准？
是买不起iphone6plus吗?
----------------背景知识参考分割线---------------------
iphone4s-6s iphone6/6s plus
状态栏 40px 60px
导航栏 88px 132px
标签栏 98px 146px
iphone4s iphone5/5c/5s iphone6/6s iphone6/6s plus
分辨率 640960 6401136 7501334 12422208(1080*1920 downsampling)
物理尺寸 3.5 4.0 4.7 5.5
326ppi 326ppi 326ppi 401ppi
----------------背景知识参考分割线---------------------

要以iphone6/6s为基准的主要原因------------

与iphone5/5s比率一样
750/1334 = 640/1136 = 0.56...
覆盖4个机型，中间尺寸，缩放自如
想一想:为什么基准不应该是iphone6plus？
试试iphone6plus的图放到iphone4s的效果
想一想:为什么基准不应该是iphone4?
试试iphone4的图放到iphone6plus的效果

要以iphone6/6s为基准的次要原因-------------
黄太吉用户11月份机型统计占比列表
机型新增用户(占比)
iPhone 6 32.78%
iPhone 6 Plus 25.44%
iPhone 6s 11.78%
iPhone 5s Global 9.04%
iPhone 6s Plus 7.63%
iPhone 5 CDMA 4.99%
iPhone 4S 1.22%
iPhone 5s GSM 1.22%
iPhone 5c GSM 1.04%
iPhone 5c Global 0.85%
iPod touch 6G 0.42%
iPad mini 2G Wi-Fi 0.42%
iPod touch 5 0.38%
iPad Air 2 (WiFi) 0.38%
iPad 4 Wi-Fi 0.33%
iPad mini 1G 0.33%
iPad mini 3 (WiFi) 0.28%
iPad Air (WiFi) 0.24%
iPad2 Wi-Fi (R2) 0.19%
iPhone 5 GSM 0.14%
iPad Air 2 (LTE) 0.14%
iPad mini 4 (WiFi) 0.09%
iPad mini 3 (LTE) 0.05%

分辨率
1242*2208 33.07%
750 x 1334 45.56%
640 x 1136 17.52%
640 x 960 1.22%
其他iPad分辨率 2.3%

我们原以为的高端iphone6 plus并非最多，最高45.56%,分辨率是750 x 1334,请记住最高占比分辨率是750 x 1334

要以iphone6/6s为基准的次要原因三-------------
UI所用单位px
开发所用单位point
如果从px得到point
12422208 的尺寸/3 414736
7501334 的尺寸/2 375667
假设一套app 50个界面，每个界面至少40个尺寸数 2000个数需要开发计算请做2000个除以2和除以3的速度哪个快哪个慢

所以请务必采用750 x 1334分辨率做图，另外以偶数做标注，避免小数避免锯齿和边线模糊。

2,切图

iphone 4s,iphone5,iphone5c,iphone5s,iphone6,iphone6s这六款机型使用的都是2x图,
iphone6s/6 plus的是3x图,
比如UI给4060,起点(20,20)的按钮尺寸,开发是以2030去定大小，(10,10)的坐标定位,iOS系统根据文件名的2x后缀自动渲染为2倍的比率,所以UI需要命名为[email protected]这种格式
对应6plus的请以60*90大小切图，命名为[email protected]这种格式

-------------文件命名万能公式--------------
模块类别功能状态[email protected]
模块类别功能状态[email protected]
举个例子
[email protected]
[email protected]
订单按钮购买默认
订单按钮购买按下