今天凌晨苹果新发布了三款手机,分别是iPhone XS,iPhone XR,iPHone X Max,做UI设计的小伙伴一定很关心新产品的尺寸吧,我们是不是又要做适配多出图了呢?下面我们就一起来看看吧!
推荐阅读》《iphone xs样机下载》
iPhone XS/XS Max/XR分辨率和iphone 6、7、8对比表:
通过上面的数据我们总结下这三款手机的尺寸和适配方法:
1)iPhone XS:5.8 英寸 (对角线) OLED 全面屏,2436 x 1125 像素分辨率,458 ppi;iPhone XS的屏幕尺寸和iPhone X的是一致的,因此我们还是按原来的作图方法适配即可,用的是@3x的图。
2)iPhone XS max:6.5 英寸 (对角线) OLED 全面屏,是iPhone 迄今最大的显示屏2688 x 1242 像素分辨率,458 ppi。iphone X max 和iphone 8 plus的的物理尺寸虽然不一样,但对我们UI设计师来说宽度是一样的都为1242px,只是高度上iphone XS max更高一些!因此也可以沿用iphoneX的适配方法,所用的也是@3x图;
3)iPhone XR :6.1 英寸 (对角线) LCD 全面屏多点触控显示屏,1792 x 828 像素分辨率,326 ppi。iphone XR虽然有6英寸大,但是用的是LCD屏幕,分辨率为828x1792像素。因此我们可以用iphone8的适配方法来做即可,所用的是@2x图;
另外分享下这三款手机的启动图尺寸:
启动图尺寸 机型 命名
640 × 960 iPhone4s Default@2x
640 × 1136 iPhone5s Default-568h@2x
750 × 1334 iPhone6/7/8 Default-667h@2x
1242 × 2208 iPhone6/7/8Plus Default-736h@3x
1125 × 2436 iPhoneX, XS Default-812h@3x
828 x 1792 iPhoneXR Default-828h@2x
1242 x 2688 iPhoneX Max Default-1242h@3x
看到上面的分析,做UI设计的小伙伴是不是瞬间感觉“稳了”,iPhone XS,iPhone XR,iPHone X Max三款手机的分辨率和设计适配方法应该都了解了吧。如果有小伙伴还不明白推荐看下这篇文章《超全面的UI设计规范整理汇总》《UI设计适配规范大全》