iphone6 分辨率猜想

万众期待的苹果iphone马上就要召开了,这次苹果发布会貌似期待很多,又回最开始的发布会啦~又盖了神秘三层楼啦~也许手表或者其他智能穿戴设备让苹果“wish we could say more。“但是辣么丑的iphone6怎么被介绍成高大上才很让人好奇吧!

不过,作为一名UI设计师,很关心的一点是iphone6的分辨率问题,更大的屏幕,还是两个,分辨率会有什么变化呢? 会影响我们以后做 UI吗?让我来研究下。

目前关于分辨率的猜测有很多,先来罗列下:

1.1704x960(4.7 and 5.5)

2。1334*750(4.7)

3。1472*828 (5.5)

4。(2280*1242)

5 。(1920*1080)

。。。


我比较觉得可能的是

4.7英寸的显示屏:1334×750,326 PPI @2x

这是国外一名记者(资深果粉)John Gruber猜测的答案,原文在此,巨长(http://daringfireball.net/2014/08/larger_iphone_display_conjecture


简单梳理下,他先假定iphone6确实是4.7寸和5.5寸两种版本(大量剧透已经让这点无比确定了),切屏幕比例依然为16:9,那么根据这些假设和勾股定理,在4.7寸下,可以以像素为单位求出的对角线(ã 2 + B 2 = C 2)。与1334和750的价值开始à和b,得到约1530.4像素对角线求解Ç。除以1530.4 4.7英寸,你会得到326像素/英寸- 这刚好是现在苹果的主流设备(所有视网膜屏幕的iphone和ipad),PPI不需要改变。之后他考虑到了苹果的设计规范里,规定操作区域不小于44points,这里的points在初代iphone(320*480)里对应的就是pixels,1点=1像素,@2X时就是88px,苹果要保证用户手指点击的区域足够大不至于误操作,所以这个44points的物理大小应该是不会有大的改变的。以这个为标准来进行一系列计算排除了一些其他数字猜想。

之前的时候,我曾猜测是1704x960,即568*320的@3x,如果这样的话那大屏幕就没有显示更多的内容,只是把ipone5屏幕上的内容等比放大了而已,这样也不太可能。

前两天网上有一部iphone的高清视屏,有人分析以后得出了惊人的结论,而这个答案是跟分辨率有关。




这位开发者名叫Steven Troughton-Smith,其通过启动屏幕图像确认了4.7英寸iPhone 6的屏幕分辨率,而它就是1334×750像素,首先将iPhone 6的屏幕想想成4英寸iPhone 5S的,而通过计算,两头的黑边要比5S的4英寸屏幕多17.5%的像素,也就是说,后者的1136像素提升17.5%正好是667个,也就是iPhone 6可能使用的1334垂直像素,如果屏幕的比率不变,iPhone 6的分辨率667×375的像素Retina翻倍后就正好是1334×750。

而刚刚,我写文章几小时前,新浪微博上的@瑞记,又发了开机版的iphone6照片和视屏:





我也研究了下这两张图,得出的结论也应证了之前的猜想。

首先我比对了同一张照片同一水平面里的5s和6的主屏幕icon,发现尺寸是相同的icon之间的空隙比5s多了一些,看起来更加的舒服了。





每个icon是120px,iphone5s宽度640px,所以每个icon间的空隙是(640-120*4)/5=32px;根据度量两个手机icon间隙比较计算出iphone的icon间隙应该是53~54px左右,这个数值加上icon的宽度正好是John Gruber猜测的750px宽。


另一方面,另一张设置的图和ios7标准拉大到同样屏幕大小对比,明显发现其更加的扁、宽,证明iphone6的屏幕横向内容增加无疑,绝不是简单的等比放大。



5.5寸方面,大多猜测是苹果会增加ppi,很有可能会是461 PPI ,

2208×1242,461 PPI @3x,


不管怎么样,几乎可以肯定的就是,苹果很难再像之前那样简单的通过一个@2x来解放UI设计师了,短期内应该不会像安卓那样麻烦,不过我们是时候需要考虑下以后app设计是否也要像web设计那样Responsive了。。。


评论

© 这个莱昂没有纳多 | Powered by LOFTER