切图教程,分享一种高效切图方法(4)插图

切图教程,分享一种高效切图方法(4)

作为UI设计师,过完稿和开发对接时,需要标注设计稿和切图,把标注切图文件给到开发。这个时候就犯难了,那么多尺寸怎么切图,iPhone就有8个版本,更别提安卓那一堆尺寸。今天这篇好文分享一个意想不到的切图方法,

切图教程,分享一种高效切图方法(2)插图

切图教程,分享一种高效切图方法(2)

这样做的目的:一方面,方便自己以后查找;另一方面,方便咱们的开发工程师查找文件,因为有时候是分工合作,需要第一时间找到对应的文件。 2、命名规则 建议采用以下方法命名: 公式:模块_类别_功能_状态.png 例

广告位
切图教程,分享一种高效切图方法(3)插图

切图教程,分享一种高效切图方法(3)

这是由iPhone6和iPhone6plus的屏幕尺寸比得来的,750/10801334/19202/3,因为iPhone5/s与iPhone6的屏幕分辨率是一致的,都是326ppi,所以它们用的是一套图,也就是@2x图,6和6plus的屏幕宽高比是2/3,当5/6使用@2x

切图教程,分享一种高效切图方法插图

切图教程,分享一种高效切图方法

作为UI设计师,过完稿和开发对接时,需要标注设计稿和切图,把标注切图文件给到开发。这个时候就犯难了,那么多尺寸怎么切图,iPhone就有8个版本,更别提安卓那一堆尺寸。今天这篇好文分享一个意想不到的切图方法,帮你高效切图。

切图教程分享一种高效切图方法插图

切图教程分享一种高效切图方法

作为UI设计师,过完稿和开发对接时,需要标注设计稿和切图,把标注切图文件给到开发。这个时候就犯难了,那么多尺寸怎么切图,iPhone就有8个版本,更别提安卓那一堆尺寸。今天这篇好文分享一个意想不到的切图方法,帮你高效切图。

联系我们

联系我们

在线咨询: QQ交谈

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部