作为ui设计师，过完稿和开发对接时，需要标注设计稿和切图，把标注切图文件给到开发，所以切图就显得很重要，今天小编主要给大家分享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倍，换算成百分比刚好就是150%。
5.如何统一切图尺寸?
从上面的几点可以看出，在命名的旁边有一个黑色的东西，那是什么?有些人认为这是一个蒙板，是的，那是一个蒙板，使用这个蒙板可以解决大小不一致的问题。
切图的尺寸是140*140px，把切图文件中对齐，然后拉参考线，单击添加图层蒙版，蒙版内的白色突出显示，这是需要保留的区域，黑色部分是被移除的部分(移除黑色留下白色)，白色区域的大小决定了切图文件的大小，从而解决了切图文件大小不一致的问题。
注意:在整个过程中，不要取消选区，也不要误触Ctrl+D。
尊重原创文章，转载请注明出处与链接：https://www.qinxue365.com/jsjzx/Graphic_Design/621475.html，违者必究！
