关于Android和iOS设计稿相互转换那些事

 

直接奔主题，先来说说Android和iOS设计稿常用的尺寸：

Android设计稿常用尺寸：720 x 1280px、1080 x 1920px

iOS设计稿常用尺寸：750 x 1334px、1242 x 2208px

 

Android这2个设计尺寸有什么关系呢？

1080 ÷ 720 = 1.5     1920 ÷ 1280 = 1.5  

从这2个简单的公式我们可以看出他们之间存在着1.5的倍数关系，所以直接调整图像大小更改设计稿尺寸即可。

 

iOS这2个设计尺寸有什么关系呢？

1242 ÷ 750 = 1.656       2208 ÷ 1334 = 1.655

咦，这是什么鬼，@2x和@3x不是也存在倍数关系吗？为什么这个不是呢？

 

各位先别急，我给您慢慢分析下：

750 x 1.5 = 1125       1334 x 1.5 = 2001   看到这里是不是有点熟悉这个尺寸呢？

如下图：

我们发现，居然是iPone6 Plus放大版的尺寸，当然，我们只需要它的尺寸，内容大小什么的都不变，然后再根据这个尺寸调整画布大小，修改成1242x2208px的尺寸就成功了。

 

写到这里，就知道了Android大小尺寸的互换，和iOS大小尺寸的互换了。

 

下面来说说，Android或iOS怎么改成对方的尺寸：

当稿件尺寸是720 x 1280px或750 x 1334px的时候，可以通过直接改画布大小来实现Android和iOS稿件尺寸的互换

当稿件尺寸是1080 x 1920px或1242 x 2280px的时候，也可以通过直接改画布大小来实现Android和iOS稿件尺寸的互换

当设计稿是以上尺寸时，我们可以通过它们之间的倍数关系，调整到其他你想要的任何尺寸，特别提醒：电池电量条、顶部条、底部条，由于Android和iOS不统一性，需要单独调整。

附一张Android和iOS尺寸图：

 

 

剩下的就是切图了: 通常我是用这个软件实现的，一键搞定：

各位也可以通过这个软件的切图来验证下你所改稿是否正确。

 

以上是本人在工作时的一些小技巧，不是特别完整，如有错误烦请指出，谢谢！