android app 适应不同大小屏幕_支付宝|安卓和iOS不同机型适配

(1)iOS适配

iOS机型总览如图39所示。

图39 iOS机型总览

(2)Android适配

Android主流机型概览如图40所示。

图40 Android主流机型概览

App设计开发必须考虑适配各种屏幕。如何做到交付一套设计稿就可解决适配大、中、小三屏的问题？设计和开发之间采用什么协作模式？一个基本思路如下：

● 选择一种尺寸作为设计和开发基准。

● 定义一套适配规则，自动适配剩下尺寸。

● 特殊适配效果给出设计效果。

第一步：视觉设计阶段，设计师按宽度750px(iPhone 6)做设计稿，除图片外所有设计元素用矢量路径来做。设计定稿后在750px的设计稿上做标注，输出标注图。同时等比放大1.5倍生成宽度1125px的设计稿，在1125px的稿子里切图。

第二步：输出两个交付物给开发工程师：一个是程序用到的@3X切图资源，另一个是宽度750px的设计标注图。

第三步：