App的切图尺寸规范

1、启动图标（.png）

尺寸：（紫色为常用尺寸，具体尺寸看开发需要，不同的应用市场需要的尺寸可能也有差异）

     16*16    58*58   60*60   72*72   80*80   87*87    90*90          96*96   120*120  

      144*144    180*180   512*512   1024*1024

 iOS选择切直角（因为ios系统可以自动把直角切成圆角）

 

2、闪屏及启动页面(.png)

    启动页面需要适配不同的手机尺寸，ios需要切的尺寸有：

 android尺寸：

闪屏（又名引导页）

目前一般是直接用750*1334@2x.png  /  1125*2201@3x.png的尺寸适配IOS，720*1280.png  /  1080*1920.png适配android.

 

3、页面icon切片

IOS输出@2x和@3x资源

安卓根据机型屏幕分辨率不同，需要切两套不同大小的切片来适应屏幕分辨率，xhdpi *1.5=xxhdpi的尺寸. 例如：（前者为xhdpi下）

当然这些切片一般根据版块整理成一个一个的文件夹例如：

             

关于每个图标的大小

不同的页面图标设计的大小也不一样，但是为了避免用户误操作，普通屏icon最小尺寸为44*44（高清屏为88*88），所以设计尺寸小于44（高清88）的应该用透明部分替代，其余尺寸没有要求。

 

 

4、其他切片

分类： 按钮（btn）  图标（ico） 图片（pic/img）

btn有4种状态：

 

icon有两种： 正常和已点击状态

尺寸：设计尺寸

命名公式
1.通用切图命名格式：控件_类别_功能_状态@倍率.png
eg：tab_icon_home_def@2x.png （对应中文：标签栏_图标_主页_默认default@2x.png）
2.页面切图命名格式：页面_类别_功能_状态@倍率.png
eg：mail_icon_search_pre@2x.png（对应的中文为：邮件_图标_搜索_ 点击@2x.png）

 

总结：

     不论是ios还是安卓，具体尺寸不一定都按照规范输出，但是UI设计师在输出切片资源时一定要与开发工程师提前沟通，毕竟切片是为开发服务的！