ui设计怎么切图

1.建立不同切图文件

这样做的目的:一方面，以后找到它很方便;另一方面，方便开发工程师查找文件，因为有时是分工合作，需要在*一时间找到相应的文件。

2.命名规则

建议使用以下命名方法:

公式:模块_类别_功能_状态.png

例子:new_icon_share_nor.png

说明:较新_图标_分享_正常.png

注意:2倍图和3倍图在后面加2x、3x，以清楚地表明这是几倍图，例如new_icon_share_nor@2x.png、new_icon_share_nor@3x.png;命名下划线*使用“_”不能使用“—”;在安卓系统上不支持的，并且使用这种符号也不是很标准。.png绝不能丢，因为CC需要这个后缀来输出切图，否则就不能输出。

3.切图文件尺寸

切图文件的大小*是偶数，格式为PNG-24。

4.iPhone的3倍图怎么切?

通过比较iPhone6和iPhone6plus的屏幕尺寸获得的，750/1080≈1334/1920≈2/3，因为iPhone5/s和iPhone6的屏幕分辨率相同，都是326ppi，所以使用同一套图，即@2x图，6和6plus的屏幕宽高比是2/3，当5/6使用@2x图形时，6plus使用的@3x图形，即5/6图片资源宽高度的1.5倍，换算成百分比刚好就是1**。

5.如何统一切图尺寸?

从上面的几点可以看出，在命名的旁边有一个黑色的东西，那是什么?有些人认为这是一个蒙板，是的，那是一个蒙板，使用这个蒙板可以解决大小不一致的问题。

切图的尺寸是140*140px，把切图文件中对齐，然后拉参考线，单击添加图层蒙版，蒙版内的白色突出显示，这是需要保留的区域，黑色部分是被移除的部分(移除黑色留下白色)，白色区域的大小决定了切图文件的大小，从而解决了切图文件大小不一致的问题。

注意:在整个过程中，不要取消选区，也不要误触Ctrl+D。