发动态

没有新消息

更多内容

ui设计如何适配安卓与ios?

职Q小助手

ui设计适配安卓与ios主要的方法有: 1、IOS与Android共用一套效果图 1242*2208 IOS与Android常用的尺寸中,最大尺寸的为i6+的尺寸,即1242*2208px。IOS常用尺寸为1242*2208、750*1334、640*1136、640*960。其中750*1334、640*1136、640*960同为@2x,1242*2208为@3x,所以750*1334  640*1136  640*960只做一套640*1136即可。Android常用尺寸为 1080*1920、720*1280、480*800,它们之间相邻是可以整除1.5的,也就是1080除以1.5等于720,720除以1.5等于480。即,这三个尺寸可以等比缩放大小,只做一套1080*1920就可以了。 2、IOS与Android 共用一套效果图 750*1334  上面提到,750*1334、640*1136、640*960同为@2x,所以750跟640用同一套图标,同一套字体即可,至于其他的尺寸大小,只要跟着尺寸延伸就没问题。而750*1334应用到1242*2208,则需要把@2x的图标放大导出成@3x,也就是把字体图标放大1.5倍,其余的,直接放大到1242即可。至于Android的版本,可以把750*1334直接换算成为1080*1920,1px之差可以忽略。最后换算出了1080*1920,那么Android的其他尺寸也就做好了。同样,交付物只要一套效果图与五套切图即可了。一套效果图:750*1334;五套切图:1242、640、1080、720、480。 3、IOS与Android各做两套效果图 原理跟方案一、二差不多,为了追求细节上的完美,可以多做一套效果图,即两套效果图:1242*2208与 640*1136,1242*2208适配i6+ Android三种尺寸,1242*2208整除1.15等于1080*1920,1080*1920整除1.5等于720*1280,720*1280整除1.5等于480*800,640*1136  适配i6、i5、i5s等尺寸。

5 赞+1
0
评论

0 条评论

暂无评论,快来写下您的评论

热门职位推荐
热门公司推荐