一份设计稿可以适配IOS和Android两个平台?

在工作中,公司为了节省开支,很多互联网的小公司别说是设计部门了,就是连设计组都没有,只有一个搞设计的来撑门面。不仅要做两个移动端平台的设计,还要做网页设计,同时,还要兼顾运营和平面设计,常常忙得是狗模狗样,加班加到吐血。

 

 

所谓,上有逼迫,下有对策,下里面就来科普一个偷懒的小妙招。

对于移动端平台,其实,我们只需要输出一份设计稿就够了。至于为什么呢?我是打死也不会告诉你,是因为 IOS 端的750*1334 和 Android 端的720*1280(xhpdi)超级相似性 决定的。

讲真,真是不看不知道,一看吓一跳,他们不仅尺寸特别相近,而且对应的倍率关系也是一样的,IOS 端的 750*1334是2@, Anroid 端的 720*1280也是2倍,也就是说,这两个尺寸下,1pt = 1dp/1sp =2px ,简直了。╭(╯^╰)╮就是这么任性。

所以,对于两个平台,只要输出 IOS 端 750*1334尺寸就够了,然后就可以向上适配 6/7Plus 的尺寸,向下适配 iPhone4S 的尺寸,横向再适配 Android 的各种尺寸了。当然,为了确保万无一失,最后还得根据各平台的不同的规范要求,再稍微做一些适当的调整就完美了。

 

 

至于之后的界面标注,因为他们换算关系是一致的,也只需要输出一套就够了。但值得注意的是,两个平台颜色的数值需要分别标注出来 。例如这样,

 

 

至于之后的切图,也是可以只 提供一套 IOS​ 切图 。同一个部件的切图其实是长这样的。

 

他们的常用尺寸都是一样的,所以,一套切图就能解决问题了。

最后,重点来了,你只需要输出一份 750*1334 的设计稿 ,就可以完美的解决两个平台的问题了。

如需Android屏幕适配,请查看https://blog.csdn.net/NakajimaFN/article/details/117660342

 

 

如对此有疑问,请联系qq1164688204。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值