iOS PPI

著作权归作者所有。
商业转载请联系作者获得授权,非商业转载请注明出处。
作者:godlaugh
链接:http://www.zhihu.com/question/25361043/answer/30666828
来源:知乎

我做了个对比图,发出来看看, 你可能就明白了

<img src="https://i-blog.csdnimg.cn/blog_migrate/57d6996251c56f8d3ace9fb177b1c6fc.png" data-rawwidth="852" data-rawheight="205" class="origin_image zh-lightbox-thumb" width="852" data-original="https://pic1.zhimg.com/20a5f88b36a298cf7965dc558c9d6ff0_r.jpg">

这个pt设定主要是考虑两个问题:
①整个屏幕可显示的内容多少
②界面UI元素可点击的物理区域大小

先理清ppi和dpi
ppi (pixel per inch)
dpi (dot per inch) 一个 dot 对应iOS上的一个逻辑 point

下面详细分析:
1、iPhone 6 Plus 的逻辑point分辨率用 360x640,也不是不可以,也即上面图表中的 iPhone 6+ (b) 方案,那么 scale 用 @3x,最终像素分辨率 360x640@3x 正好是 1080x1920,完美1:1映射,无需缩放;但缺点就是:iPhone 6 Plus的逻辑pt分辨率 360x640 就会比 iPhone 6的 375x667 还低,这天理不容啊,一个Plus的大屏幕虽然很精细,但是可显示的实际内容比 iPhone 6 还少。完全不符合 Bigger than bigger 。

打个比方就是:相同字号的情况下,iPhone 6如果一行显示了25个字,而 iPhone 6 Plus 按这个逻辑pt方案,一行就会只能显示24 个字了。

2、那如果逻辑point分辨率用 540x960 呢,也即图表中的 iPhone 6+ (c) , scale 沿用老的 @2x ,最终像素分辨率 540x960@2x 不正好是 1080x1920 吗,也是完美1:1映射,无需缩放,还不需要多余做 @3x 素材; 而且这个方案的优点也很明显: pt 面积是 iPhone 6 的两倍 (540x960 = 375x667x 2),这样屏幕可显示的内容一下就增多了 ; 但这个方案的缺点就更明显了: 所有 iOS UI 元素尺寸在屏幕上的实际物理面积一下子就变小了,比如标签栏或导航栏按钮的物理高度只有原来的 81.5% ,点击面积就只有iPhone 6的 0.815*0.815=66.4%,用户点击就困难了,总不至于苹果考虑触摸手指操作,为 <= iPhone 6 做一套设计规范,为 iPhone 6 Plus 再另外做一套设计规范。

3、那么看来最好的方案就是上图中的 iPhone 6+ (a) 了,物理像素也做到 1242x2208,那在5.5 inch屏幕上这个ppi 就必须达到 461 了,之前的媒体文章相关预测结果就是这个ppi方案< iphone 6 plus 461 ppi_百度搜索>。但苹果最终没有采用这个方案,最终采用图中的 iPhone 6+,物理像素只有 1080x1920,目前来看可能有这几方面原因:

① 内存消耗增大
② 电池消耗增大
③ 要做到 461ppi ,目前工艺上是不是可能还有一定难度。 (瞎猜的。。)

但这些问题在将来技术提高后都可以克服,因此就苹果先折衷过度一下,可能在下一代的iPhone 7 Plus版本中完美支持逻辑像素和真实物理像素上 1:1 映射,而且可以非常方便的平滑过渡。

4、至于为什么一定是 414x736,估计应该是在 5.5inch 和 ppi=461 这两个前提限定的情况下,按这个 414x736 pt 分辨率,屏幕上 UI 元素操作物理大小最接近 iPhone 6上的表现吧。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值