【产品设计】关于Android和iOS设计稿相互转换那些事
当设计稿是以上尺寸时,我们可以通过它们之间的倍数关系,调整到其他你想要的任何尺寸,特别提醒:电池电量条、顶部条、底部条,由于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尺寸图:
剩下的就是切图了: 通常我是用这个软件实现的,一键搞定:
各位也可以通过这个软件的切图来验证下你所改稿是否正确。
- 封面 ▎这是一则关于临汾春节的重要通知
- 关于正手击球的随挥,你应该知道的几点!| 大师讲堂
- 大年初二 | 关于红包不得不说的秘密
- 股票技术分析:关于天眼地量形态分析
- 关于解决共享单车押金安全问题的建议
- 银行之王:关于中央银行,你知道多少?
- 最高法院关于加班费计算的司法观点
- [年]年都收压岁钱,看看这篇文章,就知道关于红包还有很多趣事~
- 春节快乐,华税给您拜年啦!
- 卡友们,关于信用卡还款的这些注意事项你们都Get了吗?