提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
浅谈ios适配方法,欢迎讨论
因为懒癌作祟,所以现在才总结最新的ios适配问题,两个目的,一个是给健忘的自己留下个备忘录,一个是拿出来,大家一起研讨研讨,有不对的地方,欢迎纠错。
定位
以下内容仅为PS范围,只讨论占有率高的机型。
先说手机,随着人们的收入水平提高,用苹果的人越来越多,并且新机型市场占有率提高很快,但是老机型也是有很多人再用,我们把范围压缩在Iphone5、6、6s、7、8、X以及Plus版本和Xs、Xs man版本。
参数
首先,了解下每个机型的屏幕参数,才能明白型号之间的互换关系。
分析
根据列表,屏幕分辨率····好多种,物理分辨率跟逻辑分辨率一样,但是plus版本的物理分辨率和屏幕分辨率不一致,这个先不管他,我们继续看逻辑分辨率,可以发现,不同系列之间有些相关的参数了,比如:414、375这些宽度数据。
其实这些宽度数据是屏幕分辨率除以后面的缩放因子(倍数)得到的逻辑分辨率。从逻辑分辨率我们能看出来,Xs man和Xr是一样的,他两个与plus版本宽度一样;X/Xs与6/6s/7/8宽度一样。
那么我们能得到逻辑尺寸变化关系如下图:
接下来我们对比屏幕高宽比,能看出5-8代都是1.77,X代以后都是2.16,那么6的设计稿等比放大,就能得到6p的设计稿,等比缩放,就能得到5代的设计稿。关系如下:
总结
了解了他们的关系后,我们怎么确定用哪个尺寸来做一稿适配呢?
首先,要明白一个道理,缩放后,尺寸方面会有误差,那么放大两次,误差×2。
在工作中我们要尽量减小这种误差,那么在上图能看出来,以6代做基础设计稿,经过一次放大可得5代、6P系列、X和Xs版本的设计稿,二次放大得到Xsman和Xr设计稿,这是最优路径。
补充
最后来说说plus版本的物理分辨率与屏幕分辨率不一致的问题,如果手头有plus手机的小伙伴,可以尝试在标准显示下,屏幕截图导入电脑看下图片尺寸,正是2208×1242px,这是因为,如果按照1920分辨率去制作设计稿,是有弊端的:如果以3倍图来制作,逻辑比例变成640×360,介于5代和6代的逻辑分辨率中间,那么屏幕尺寸变大的情况下,显示的内容却变少了(640×360和667×375);如果按照2倍图来制作,960×540分辨率下,相同大小的icon和字体,在plus系列上显示要比6代上看起来小,这样在使用起来的体验感并不好,所以后来用了这种折中的办法,先放大到2208,在缩小显示在1920上,虽然还是有误差,但是在视觉体验上是可以接受的。
以上及是我总结的适配方法,如果有不对的地方,欢迎留言讨论。
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册