恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
ios适配方法
0.0°
2018-11-12 原创文章 经验/观点 举报 2218 3 7 0

浅谈ios适配方法,欢迎讨论

因为懒癌作祟,所以现在才总结最新的ios适配问题,两个目的,一个是给健忘的自己留下个备忘录,一个是拿出来,大家一起研讨研讨,有不对的地方,欢迎纠错。



定位

以下内容仅为PS范围,只讨论占有率高的机型。

先说手机,随着人们的收入水平提高,用苹果的人越来越多,并且新机型市场占有率提高很快,但是老机型也是有很多人再用,我们把范围压缩在Iphone5、6、6s、7、8、X以及Plus版本和Xs、Xs man版本。



参数

首先,了解下每个机型的屏幕参数,才能明白型号之间的互换关系。

Image title


分析

根据列表,屏幕分辨率····好多种,物理分辨率跟逻辑分辨率一样,但是plus版本的物理分辨率和屏幕分辨率不一致,这个先不管他,我们继续看逻辑分辨率,可以发现,不同系列之间有些相关的参数了,比如:414、375这些宽度数据。

其实这些宽度数据是屏幕分辨率除以后面的缩放因子(倍数)得到的逻辑分辨率。从逻辑分辨率我们能看出来,Xs man和Xr是一样的,他两个与plus版本宽度一样;X/Xs与6/6s/7/8宽度一样。

那么我们能得到逻辑尺寸变化关系如下图:

Image title


接下来我们对比屏幕高宽比,能看出5-8代都是1.77,X代以后都是2.16,那么6的设计稿等比放大,就能得到6p的设计稿,等比缩放,就能得到5代的设计稿。关系如下:

Image title


总结

了解了他们的关系后,我们怎么确定用哪个尺寸来做一稿适配呢?

首先,要明白一个道理,缩放后,尺寸方面会有误差,那么放大两次,误差×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上,虽然还是有误差,但是在视觉体验上是可以接受的。


以上及是我总结的适配方法,如果有不对的地方,欢迎留言讨论。



更新:2018-11-12

收藏

3人已收藏

Pro王大心

积少成多,聚沙成塔。

  • 12

    作品

  • 3

    粉丝

  • 20

    关注

  • 2021年度作品集-王鑫-UI设计
  • 楽洗项目练习
  • 协作平台设计demo
  • 好运APP设计
相关标签
design分享经验

    猜你喜欢

      2018-11-12 原创文章 经验/观点 举报 2218 3 7 0

      ios适配方法

      0.0°

      你确定要举报ios适配方法

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年11月12日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      7
      3
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录