提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
万众期待的苹果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猜测的答案,原文在此,巨长。
简单梳理下,他先假定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了。。。
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册