iPhone XS,iPhone XR,iPHone XS Max尺寸分辨率大全,适配方法

来源:网络   作者:热心网友   发布时间:2018-09-13    浏览次数:272
收藏到:

今天凌晨苹果新发布了三款手机,分别是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设计适配规范大全》

×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.17xsj.com/shejijiaocheng/uisheji/7618.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!