关于大iPhone显示猜想

Throughout the entire rumor cycle for this year’s new iPhones, we’ve been inundated with reports of two new screen sizes, 4.7 and 5.5 inches但是,虽然这些显示器的物理尺寸早期和经常泄漏,但确切的像素尺寸没有

在这一点上,周围有太多的烟”两款新iPhone,一款4.7英寸,另一款5.5英寸“叙事没有火我认为这是苹果公司计划在下个月宣布的 - 不是因为任何“熟悉计划”的人告诉我的,而是因为有这么多部分已泄露证实了这两种尺寸。

上个月我花了大部分的试图找出这些显示器的像素数量,它实际上相当棘手当苹果公司之前更换iPhone显示器时,他们以明显的方式做到了这一点凭借iPhone 4的视网膜显示屏,Apple保持了完全相同的物理尺寸(3.5英寸)1并且确切地将每英寸像素的分辨率加倍(从163到326)当iPhone 5将尺寸增加到4英寸和宽高比(从3:2切换到16:9)时,它们只是垂直添加像素相同像素/英寸分辨率,相同宽度(640像素),新高度(1136像素而不是960)。

4.7或5.5 iPhone显示器没有类似的“简单”方法。

但经过深思熟虑,并在电子表格中进行了大量的修修补补,我认为苹果公司将会采取以下措施:

  • 4.7英寸的显示屏:1334×750、326 PPI @2×
  • 5.5英寸显示屏:2208×1242,461 PPI @ 3×

@ 2×意味着我们在迄今为止所有具有视网膜显示器的iOS设备上看到的“双”视网膜分辨率,其中每个虚拟在用户界面中,每个维度(水平和垂直)上的显示器上的两个物理像素表示视网膜@3×意味着一个新的“三重”决议,其中每个用户界面是由三个显示像素点A single @2× point is a 2 × 2 square of 4 pixels; an @3× point is a 3 × 3 square of 9 pixels.

我猜这些猜想的新iPhone中的任何一个或两个都错了我自己得出这些数字,我将在下面解释我的思考过程没有一个真正“熟悉情况”的人告诉我这两种设备都该死的不过,我听过第二手和第三手的故事,这让我觉得我是对的。

我如何得到这些数据

首先,我假设4.7和5.5英寸的传闻都是真的其次,我假设两个显示器的宽高比为16:9。2鉴于这些假设和勾股定理,您可以轻松创建一个电子表格模型,为您提供给定像素数的每英寸像素分辨率。

例如,考虑4.7英寸显示屏这是以英寸为单位测量的对角线给定高度和宽度(以像素为单位),我们可以求解像素的对角线(一个2+ b2= c2)从值1334和750开始一个b,对角线求解大约1530.4像素C将1530.4除以4.7英寸,你得到326像素/英寸 -完全以前所有的iPhone一样的像素密度视网膜显示(和视网膜迷你iPad)。

当我在过去写过这种对角像素分割时,我已经抱怨没有“对角像素”或分数像素这样的东西但就我们的目的而言,这并不重要实际上,我们将“像素”视为一种度量单位 - 显示器上实际像素的长度如果你不相信我,我们可以用另一种方式来使用毕达哥拉斯定理计算以英寸为单位的对角线和纵横比的边长(以英寸为单位)对角线尺寸为4.7英寸的16:9显示屏,高度为4.1英寸,宽度为2.3英寸1334/4.1和750/2.3都工作了大约326像素每英寸相信数学。

保持相同的326像素/英寸密度符合Apple已建立的模式他们不断在iOS设备上重复使用相同的像素密度在过去,我猜测,这可能是一种规模经济,他们只是把不同大小显示从相同的(大)的液晶显示器我不再认为这是原因首先,即使在使用完全不同的显示器的设备上,它们仍然坚持这些相同的像素密度iPhone 5、视网膜iPod Touch和视网膜迷你iPad都使用326 PPI显示器,但是这三个使用不同的液晶显示技术。

我认为解释更多地与用户界面元素的物理尺寸和触摸可访问性有关是关于iOS中的用户界面未在显示像素中指定,它们在虚拟中指定在非视网膜设备上,点和像素是同一个但如前所述,@2×视网膜设备,每个(虚拟)点代表两个(物理)像素显示在每一个维度。

Apple一直推荐至少44点的可点击目标。来自iOS HIG:

Make it easy for people to interact with content and controls by giving each interactive element ample spacingGive tappable controls a hit target of about 44 × 44 points.

这个建议不是基于美学 - 控制的外观 - 而是基于人类指尖的大小这是真正的约束44 points isn’t a magic number; it’s a by-product of the size of the pixels on the original 2007 iPhone display (pre-retina, one point equaled one pixel)在每个iPhone迄今为止,从最初的5 s和5 c,已经有一个一致的分辨率:每英寸163点这意味着44×44点UI元素仍然完全相同的物理尺寸(以英寸或者毫米)。

最初的iPad推出了第二个分辨率:每英寸132点这在大型(9.7英寸)iPad上保持一致iPad Mini(原版和视网膜)均采用iPhone的163点/英寸分辨率Apple’s recommended target sizes did not change for the 9.7-inch iPad: they simply made the recommended tap targets physically largeriPhone或iPad上的44分迷你大约0.27英寸(6.9毫米)44分在一个9.7英寸iPad的0.33英寸(8.4毫米)一切都大约1.24倍。

在触摸和视觉可访问性方面,在iPad上使UI元素(和文本)更大使UI元素小,然而,不工作,身体(触摸大小)或视觉(易读性)Apple对iOS显示器的任何更改,无论是物理尺寸还是像素分辨率,都需要为应用程序开发人员和设计人员提供额外的工作才能完全支持他们已经从@1对@2××,并最终下月(我认为)他们将去@3×They’ve introduced three different aspect ratios: 3:2 (now deprecated), 16:9 (all recent iPhones), and 4:3 (all iPads)他们使用了两种不同尺寸的相同宽高比(iPad和iPad Mini)。

但他们从未做过的事情,而且我相信永远不会做的事情,就是重新定义虚拟世界每个设备推荐的最小分接目标大小的1/44以外的东西。

苹果已经开始鼓励iOS开发人员开始使用自适应布局技术参见WWDC 2014的会议216:使用UIKit构建自适应应用程序当您观看该会话并阅读文档时,开发人员应该清楚地预测新的宽高比(无论是用于新显示还是用于静态假设,但是传闻多画面多任务特性对未来ipad)和物理尺寸,但没有任何暗示的作用UI的度量单位正在改变。

在推测新的iOS设备显示时,这很重要取显示器的每英寸物理像素数除以视网膜因子(@ 1×,@ 2×,@ 3×等),得到建议显示的每英寸点数如果该结果高于每英寸163点,则44点UI元素将作为人类指尖的触摸目标而不合需要地小我们想要的是显示分辨率,提供更多的总分,但相同或点每英寸。

现在,从理论上讲,Apple无论如何都可以继续这样做,而在这样的设备上,开发人员必须使用完全不同的建议大小,以点为单位,用于UI元素但实际上这需要双倍的设计工作的自适应Apple推荐的技术和API(再次参见WWDC 2014年会议216)旨在使应用程序只设计一次并灵活适应到不同的显示器。

同样重要的是要考虑为什么需要更大的显示器的两种可能(并且不一定是冲突的)原因:

  1. 显示更多内容的显示。
  2. 使显示器上的内容物理上更大。

#1是关于在屏幕上显示更多内容(例如电子书中每页更多文字)#2是关于使内容更大(例如电子书中较大的文字)#1是关于增加数量,而不是(仅)像素数#2需要更大的点数(每英寸点数更少)。

使用上述假设和概念来考虑假设的iPhone显示分辨率,从1136×640开始

作为基准,让我们考虑现有的iPhone 5 / 5C / 5S显示器:

大小 视网膜 像素 PX /英寸 PT /英寸
4 @ 2× 1136 × 640 568 × 320 326 163

Apple创建4.7和5.5英寸显示器最容易的事情就是使用当前的1136×640像素分辨率,但这会导致一些不良结果,即使开发人员不得不做任何新的事情来支持它这样的4.7英寸显示器的分辨率仅为每英寸277像素,而5.5英寸显示器的每英寸仅为237像素与iPhone 5相比,这两款显示器都不会显示任何额外的内容,虽然一切都会体积更大,但每英寸像素的分辨率越低,一切都会变得更加晃动,尤其是在5.5英寸的型号上这不会发生新iPhone显示器需要看起来与现有显示器一样好或更好。

1704×960:仅适用于4.0英寸显示器

现在,让我们考虑一个经常被引用的新iPhone分辨率,1704×960,关于9to5Mac的Mark Gurman在5月报道的内容:

Fast forward to 2014, and Apple is preparing to make another significant screen adjustment to the iPhoneInstead of retaining the current resolution, sources familiar with the testing of at least one next-generation iPhone model say that Apple plans to scale the next iPhone display with a pixel-tripling (3X) mode[…]

568 tripled is 1704 and 320 tripled is 960, and sources indicate that Apple is testing a 1704 × 960 resolution display for the iPhone 6Tripling the iPhone 5’s base resolution would mean that the iPhone 6’s screen will retain the same 16:9 aspect ratio as the iPhone 5, iPhone 5s, and iPhone 5c.

简单地将基点大小增加三倍将使开发人员相对容易 - 它类似于2010年推出的第一款视网膜设备iPhone 4开发人员只需要添加@ 3×图形资产。3按点指定的应用程序布局将保持不变。

我认为Gurman说Apple正在测试@ 3×模式我几乎可以肯定他错了,他们曾测试过1704×960,除非他们考虑使用4.0英寸显示屏的新款iPhone这是1704×960唯一有意义的尺寸Why? Because as measured in,一个@3×1704×960显示将显示没有额外的内容相比,iPhone 5它仍然是568×320点(可以在这样的显示器上轻松减少动态类型系统范围的字体大小首选项,但它不会增加默认显示的内容量仅动态类型不足以显示更多内容 - 唯一的好解决方案是增加数量,而不仅仅是像素数。)

4.7英寸的1704×960显示器需要416英寸/英寸的显示器,并且与之前的所有iPhone相比,其比例因子为1.18它会显示相同的内容,但一切都是1.18倍一个5.5英寸的1704×960显示器需要一个356像素/英寸的显示器,并将以一个可笑的1.38缩放系数显示内容(为了便于比较,与iPad Mini相比,iPad Air的缩放系数为1.24。)

The one thing that’s magic about 1704 × 960 is that it’s the one resolution that would keep the iPhone akin to the iPad — multiple physical sizes and retina factors, but with one universal dimension in terms ofYou know how iPad apps have the exact same 1024 × 768 layout on all iPads, just with different physical and retina scales? That’s what 1704 × 960 (with @3× retina scale) would do for the iPhone不过,我认为iPhone在这方面与iPad根本不同。

(正如我上面所说,1704×960可以完美地用于具有@ 3×视网膜缩放的新4.0英寸iPhone布局和UI元素大小将从iPhone 5系列保持不变,但一切看起来更清晰的489像素每英寸显示器的1.5倍然而,无论如何,工作中都没有这样的设备苹果似乎要落后4.0英寸。)

1334 × 750: The 4.7-inch Sweet Spot

大小 视网膜 像素 面积系数 PX /英寸 PT /英寸 比例因子
4.7 @ 2× 1334 × 750 667×375 1.38× 326 163 1.0×
5.5 @ 2× 1334 × 750 667×375 1.38× 278 139 1.17×

在4.7英寸处,1334×750完美地作为新的iPhone显示器工作,解决问题#1,显示更多内容点尺寸为667×667,这显示将显示1.38倍比iPhone 5分在326像素每英寸,一切都在屏幕上仍将是完全相同的物理尺寸内容空间只有38%。

这个分辨率对于5.5英寸显示器是可行的,但在我看来效果不好,原因在于上表中的斜体显示278像素每英寸低得让人无法接受,新iPhone显示需要看起来一样好或者比以前更好的模型,和278像素每英寸太低苹果与iPad这空气和迷你(两个大小相同的像素计数),但iPad空气侥幸逃过它的子- 300像素每英寸显示因为你倾向于把它远离你的眼睛比你的电话。

如果Apple将这种显示分辨率用于4.7英寸和5.5英寸手机,那么这两种设备之间的关系只会是规模问题。5.5英寸iPhone上的所有内容都比4.7英寸上的iPhone大1.17倍,但它们每个都会显示相同数量的内容我不认为这是一个足够的理由来生产两个新的更大的iPhone显示器尺寸。

1472×828:4.7太小,太原油5.5

古尔曼本周报道在最新的iOS 8测试版SDK中的配置文件中,建议显示大小 - 以点为单位,而不是以像素为单位 - 为736×414确实,这很有意思 - 但并不像Gurman所说的那样在@ 2×上。

大小 视网膜 像素 面积系数 PX /英寸 PT /英寸 比例因子
4.7 @ 2× 1472×828 736 × 414 1.68× 359 180 0.91×
5.5 @ 2× 1472×828 736 × 414 1.68× 307 154 1.06×

这个分辨率在4.7英寸手机的基础上是非首发扩展180点每英寸,UI元素和文本将呈现近10%比在iPhone 5由于缩放系数为0.91,我认为它看起来不会太小,但是没有人希望或希望4.7英寸手机上的东西比4.0英寸手机上看起来要小不会发生。

然而,在5.5英寸处,此分辨率有效唯一的障碍就是显示“只有”307像素每英寸满足苹果最初的2010的定义“视网膜显示屏”300 + PPI,但几乎没有Sticking with @2× retina scale would be less work for UI designers, and such a display would cost less and be less graphically taxing than what I’m about to propose, but a new iPhone with a lower resolution (in terms of pixels-per-inch) display is a bitter pill to ask people to swallow再次,我认为一个新的顶级iPhone上必须显示为好或比以前更好的模型307像素每英寸没有减少,我认为(如果我对这篇文章中的任何内容都错了,可能就是这样 - 每英寸307像素数是我唯一看到的数字错误约5.5英寸1472×828显示器。)

2208×1242:5.5英寸'神圣的屁股'甜蜜点

采取相同的736×414显示尺寸,应用视网膜比例因子@ 3×而不是@ 2×,你会得到一个非常有趣的5.5英寸iPhone:

大小 视网膜 像素 面积系数 PX /英寸 PT /英寸 比例因子
4.7 @ 3× 2208 × 1242 736 × 414 1.68× 539 180 0.91×
5.5 @ 3× 2208 × 1242 736 × 414 1.68× 461年 154 1.06×

没有什么变化相比,1472×828但有一件事:像素每英寸分辨率4.7英寸的尺寸仍然存在,因为缩放因子会使所有内容减少近10%。

一切都在这些尺寸为5.5英寸的显示屏随着面积增加68%和缩放因子1.06,这个显示器将解决为什么有人可能想要一个非常大的iPhone的原因:它会显示一个批量更多的内容,它会在屏幕上呈现所有内容,点对点,更大一点每英寸461像素,一切都会非常清晰在那时,我们大多数人很难从任何观看距离感知单个像素,而不仅仅是从典型的实际观看距离This would be so sweet, I’d wager Apple comes up with a new marketing name for it:超视网膜或者其他的东西。4

唯一的问题是苹果在技术上是否可行:(a)以合理的成本获得足够的461 PPI显示器供应,以及(b)生产能够推动多个像素的GPU(b)可能根本不是问题,考虑到去年的A7 SoC已经能够驱动2048×1536视网膜iPad显示屏而不会出汗至于(a),谣言比比皆是,@ 3×是真实的,如果这是真的,我认为这是5.5英寸的手机像素的总数,这个技术从iPhone 5系列显示很类似,从3 g iPhone 4随着3GS到4,像素数正好翻了两番从1136×640 iPhone 5显示器到新的2208×1242显示器将使像素总数增加约3.8倍经过4年的@ 2×视网膜规模,我认为苹果可以取消这一点似乎是合理的 - 特别是因为他们在仅仅三年之后就将@ 1×拉到了@ 2×跳跃。

这种飞跃所涉及的技术和制造困难可以很好地解释这一问题无处不在的谣言新的5.5英寸产品在生产方面落后于4.7英寸它也适合普遍的谣言,它至少会花费再多100美元

其他决议

对于5.5英寸手机,1564×880是可行的如果你保持每英寸326像素的密度和@ 2×刻度,那就是你得到的This would increase区域- 的数量在屏幕上显示 - 高达89%但它不会增加你看到的大小一点都不我认为5.5英寸手机的最佳位置可以让你看到更多内容让你看到的东西至少要大一些所以这就是我打赌1564×880的原因(对于4.7英寸手机来说,1564×880将难以置信:它会使UI元素和文本比以前的所有iPhone都小15%。)

1920×1080分辨率是一个标准的“高清”,但在@3数字仅为4.7英寸×视网膜规模:

大小 视网膜 像素 面积系数 PX /英寸 PT /英寸 比例因子
4.7 @ 2× 1334 × 750 667×375 1.38× 326 163 1.0×
4.7 @ 3× 1920 × 1080 640 × 360 1.27× 469 156 1.04×
5.5 @ 3× 1920 × 1080 640 × 360 1.27× 401 134 1.22×

这些数字中没有一个像我那样可怕(尽管5.5英寸的1.22缩放系数接近),但它们都没有特别引人注目在4.7英寸、1920×1080会给你27%的更多内容(分)和增加的规模点4%这两者都是合理的,并且在显示更多内容和更大内容之间取得了合理的平衡但这似乎是一个比我感觉到的1334×750的甜蜜点更糟糕的权衡平衡4.7英寸我重复这些数字在上面的图表中进行比较我认为对于4.7英寸手机,你想要专注于更多内容,而不是更大的内容,1334×750是更好 - 更便宜,更省电 - 的选择。

在1920×1080,5.5英寸的iPhone会倾向于显示更大的内容而不是更多的内容我认为,真正想要更大文本的用户也可以使用2208×1242 @ 3×显示器并更改动态类型字体大小在1920×1080,每一个人默认会得到非常大的类型更糟糕的是,@ 3×的1920×1080 5.5英寸手机会更少而不是1334×750的4.7英寸iPhone @ 2×(640×360 vs.分别为667×375)我不认为更大的手机显示更少的屏幕内容是可行的这就是为什么必须考虑的原因,而不仅仅是像素。

最后,我在@ 4×视网膜尺度上考虑了2272×1280从@ 2×跳到@ 4×会让iOS UI设计人员更加容易(参见脚注3下图),但苹果的首要任务不是使生活更容易UI设计师2272×1280正好是当前1136×640 iPhone 5显示屏的两倍问题在于它不会改变屏幕尺寸一点都不你会看到完全相同数量的内容,只有更大(在4.7英寸手机上)或更大(在5.5上)一切看起来都非常清晰,但我认为可以展示更多的的内容是一个重要的方面对大屏幕手机的需求。

结论

新iPhone显示屏尺寸需要考虑的三个主要因素:

  1. 内容区域:显示更多在屏幕上。
  2. 缩放因子:数量每英寸。
  3. 清晰度/质量:数量像素每英寸。

一块尺寸为1334×750像素的4.7英寸iPhone只会改变其中一个:内容区域points-per-inch和像素每英寸将从iPhone 5系列保持不变,但显示从568年将扩大到667×375×320点,比上年增长38%这是类似Apple的事情 - 保持完全相同的326像素/英寸密度,并简单地在两个维度上放置更多像素以制作更大的显示器 - 我很惊讶我只能找到一个提到它:凯基证券(KGI Securities)分析师Ming Chi-Kuo于4月份发布报告(注意,在同一Chi-Kuo盯住5.5英寸的iPhone在1920×1080,,上面列出的原因,我非常怀疑)。

5.5英寸iPhone,2208×1242像素(以及@ 3×视网膜缩放)将改善所有三个因素:

  1. 内容区域:736×414,可视内容区域将比iPhone 5增加68%(比我推测的1334×750 4.7英寸手机增加21%)。
  2. 在154每英寸,点是6%比所有其他iphone迄今为止只是更大,不是更大,这可能只是医生订购的。
  3. 在每英寸461个像素,一切都会呈现大幅令人难以置信。

所以,这些是我的猜测。


  1. 记得在2007年,当Apple似乎担心3.5英寸iPhone也是如此? How times change. ↩︎

  2. 确切地说,当我说“16:9”时,我的意思是“为了实际目的,足够接近16:9”2208×1242实际上恰好是16:9:将高度除以宽度,得到1.777然而,1334×750并不是16:9:除以1.7786那没关系出于实用目的,它足够接近16:9另请注意,现有的iPhone 5系列1136×640显示器也不是精确的16:91136 × 639 would be precisely 16:9, but an odd number of pixels in one dimension would be stupid. ↩︎

  3. 从@ 2×移动到@ 3×实际上比从@ 1×移动到@ 2×更加棘手,因为数学不再整齐当你加倍时,一切都是偶数@ 3×导致奇数For example, what do you do with a 3-pixel wide stroke from your @2× interface? You can’t render it at 4.5 pixels, so you have choose between rendering it at 4 or 5 pixels, making it slightly thinner or thicker或者你可以消除锯齿近似4.5像素笔划宽度,在这种情况下,你牺牲清晰度和精度我们谈论的是百分之一英寸,但相信我,iOS设计师关心这一点@3× is going to be a bit of a pain in the ass for pixel-obsessive designers. ↩︎

  4. 这反过来将推动Android顽固的坚果,因为已经有450+ PPI显示器的Android手机从去年开始, but Apple will play it on stage and in TV commercials as though they’re breaking new ground. ↩︎

  5. 对于那些很好奇,这里是我曾经工作的电子表格:数字文件,和截图↩︎

以前: 两个备忘录
下一个: 安全权衡