像素完美

我一生都在考虑点,主要是屏幕像素我记得第一次看到一个吃豆人投币街机游戏,想知道它是如何工作的,并推断出基本的要点:屏幕是一个点阵,就像动画方格纸一样我喜欢方格纸我曾经爱过的第一个字体 - 多年前我才知道它是什么字形在排版上是或者对它有任何兴趣 - 是的Namco视频游戏中使用的那个,一个7×7网格的像素字体,用于渲染从分数到当前水平的所有内容,再到可怕但不可避免的“游戏结束”。

计算机渲染一切的点是:屏幕上的像素,纸上的墨水点/墨粉所有点,印刷和像素的趋势线都是相同的:一开始就是大,粗,锯齿状的单色,但随着时间的推移,它们会越来越小,越来越丰富多彩,充满活力。

打印始终领先,至少在点密度方面我经常访问的第一台打印机是ImageWriters,附属于Apple II家族的各个成员ImageWriter背后的技术庆祝了野兽的本质:点阵目前很少使用点阵打印机,但所有现代打印机都以点阵形式显示输出我们再也看不到这些点了按照今天的标准,ImageWriter的144 DPI输出是粗略的(和) - 但它比我们的时代显示器更锐利(更少模糊,更小的点)。

在过去的20年里,我几乎没有想到任何我没有做过的事情印刷设计,网络出版,摄影,电影制作 - 这一切都只是点点数越小,输出效果越好当各个点无法区分时,幻觉就完成了。

When I went to college in 1991, my parents bought me an inkjetStyleWriter我立刻坠入爱河,因为它的360 DPI输出明显优于我习以为常的点阵ImageWriter输出输出看了真实或者至少它已经持续了几个星期,直到我看到300 DPI LaserWriter的输出(每英寸点数比StyleWriter略少,但比90年代早期喷墨技术可以实现的更加清脆和精确)。

这让学生报纸上的600 DPI(最终是华丽的1200 DPI型号)HP LaserJets让位在那里,设计用于高分辨率打印,屏幕上和纸上点距之间的差异从未更加明显我们的显示器提供大约每英寸90像素,可以提供或采用 - 远远不够高的分辨率,以准确地呈现打印质量的字体所以,在屏幕上,我们的字体很好,不准确呈现这个时代的高品质字体包括PostScript位映射像素字体变体The printer used the PostScript font, of course, but on-screen, we saw the crude screen fonts屏幕字体的字形通常虽然很粗糙但与实际字体的字面模糊相似,但只有少数相对较大的像素渲染时它们才清晰可见Print fonts are made of perfectly smooth curves and straight lines; screen fonts are made of dots.

我们喜欢我们的Mac并喜欢用它们进行设计,但我们在屏幕上看到的不是我们的设计工作这是我们设计工作的粗略像素化近似你必须打印才能看到你真正拥有的东西开发人员必须编译和运行以测试他们的应用程序的方式很多,设计人员需要打印并查看他们的设计看了600 DPI打印输出真实; 90 DPI on-screen output looked not-real.

90年代和00年代早期的原始大像素显示器使得网络设计感觉如此笨拙,至少对来自印刷世界的任何人来说都是如此我们的低分辨率组件在网络上是真正的出货产品,我们唯一的字体选择是那些专为低分辨率屏幕使用而设计的当时网页设计不错,拥抱像素化的本性浏览器渲染。

这一切都只是点,而且看着像点。


今天的视网膜前Mac显示器非常出色,特别是按照历史标准判断时更明亮,更鲜艳的色彩,再次,按照历史标准 - 更小,更锐利的像素普通的15英寸MacBook Pro船舶一个1440×900像素的显示屏,每英寸约110像素,可配置1680×1050显示屏,每英寸约130像素11英寸和13英寸MacBooks Air的运动分辨率大约为每英寸130像素远低于视网膜阈值,但比90年代的低于100-PPI显示器更好,更不用说原始的1984 Macintosh上只有72 PPI显示器了。

但是我们从1984年的72 PPI逐渐增加到2012年的132 PPI - 每隔几年每英寸几个像素一路上,从来没有一个庆祝的时刻,没有单一的大跃进像素密度方面即使从笨重的CRT转变为超薄平板LCD也没有带来像素尺寸的显着提升。

但现在这个配备Retina显示屏的15英寸MacBook Pro这是一个繁荣分辨率的革命自从我第一次看到高分辨率激光打印机输出以来,我一直渴望显示器。

还有很多值得赞扬的机器它的速度非常快基准分数与Mac Pro并列想一想:与高端桌面相比,没有性能折衷的笔记本电脑它几乎立即从睡眠中醒来它是我用过的最好的笔记本电脑键盘它不是Air,但它比任何以前的MacBook Pro明显更轻薄与2007年最初的iPhone一样,没有Apple设备,新的Retina 15英寸MacBook Pro在不久的将来就像是一款设备,略微超越了当今最前沿的设备。

但最主要的是显示器那个显示这个显示天啊。

220 PPI低于Retina iPad(264 PPI),而后者则低于iPhone 4 / 4S(326 PPI)部分原因只是观看距离的一个因素你的手机比iPad更接近你的眼睛,你的iPad比MacBook更接近你的眼睛但还有别的东西Retina文字看起来更好on the MacBook Pro than on the iPhone or iPad, even when you move in pretty close to the screen — and non-retina text and graphics (on the web, or UI elements in not-optimized-for-retina-yet apps) look far worse on the MacBook Pro than they do on the iPad or iPhone (or没有或许,只要非网状图形在iOS上已经成为过去,而不是网页上的图形,即使在那里,也经常缩小)。

我只能告诉你差异有多深我无法告诉你因为如果我包含示例图形并且您在非视网膜Mac显示器上查看它们,您的显示器将无法呈现我看到的内容如果您自己使用带Retina显示屏的MacBook Pro,您已经知道我的意思了。

我在使用这台机器的几周内得出的一个结论:子像素抗锯齿事项iOS doesn’t offer sub-pixel anti-aliasing; Mac OS X does而且我认为这是屏幕文本在视网膜MacBook Pro上看起来比在表面上更高分辨率的iPad和iPhone上看起来更好的一个原因有一个想法 - 甚至支持真的,你的在某一点上 - 具有足够的每英寸像素密度,亚像素抗锯齿将是多余的在实践中,它是另一种方式在视网膜MacBook Pro上,亚像素抗锯齿不再需要任何折衷 - 没有可见的彩色条纹,没有轻微的字体突起它只是文字渲染蛋糕上的纯粹锦上添花要说文本以打印质量呈现,就意味着你拥有一台专业级打印机。

针对这种显示屏的良好屏幕设计无法包含像素,不仅仅是打印设计可以针对激光打印机上的单个点对点那种富人,数据密集的信息设计支持爱德华图夫特现在不仅可以在电脑屏幕上制作,而且还可以在电脑屏幕上欣赏关于字体选择,您不仅不需要选择针对屏幕渲染进行优化的字体,也不应该选择优化屏幕渲染的字体在视网膜MacBook Pro上看起来很便宜 - 有时是彻头彻尾的俗气 - 就像它们一样当在光面杂志上打印时

伟大的字体,精心设计的高分辨率输出,不仅是允许的,它们是真正在这个显示器上唱歌的设计所必需的事实上,如果软件方面出现任何问题,那就是Mac OS X的系统字体Lucida Grande它是Apple在2001年的一个明星选择,并且已经服务了十多年,主要是因为它通过Apple的抗锯齿算法如此清晰地呈现。1简而言之,Lucida Grande在视网膜前显示器上呈现出比大多数字体更好的效果但在视网膜MacBook Pro上,它看起来就是这样的:一种针对低分辨率显示器优化的字体你很少看到Lucida Grande用于印刷品。2

When I first started using the retina MacBook Pro, the whole thing felt fake, like I was using a demo version of Mac OS X ginned up in After Effects for shooting closeups of the screen for, say, an Apple commercial in which they didn’t want UI elements to look pixelated某种程度的像素化一直是我Mac体验的一部分。

考虑这个光标(以4倍放大率显示):

Mac OS X箭头光标。

自从20世纪80年代以来,我一直在盯着那个光标的变化左侧完全垂直,右侧呈45°倾斜阶梯状但是,现在,在这台机器上,它是一个完美的箭头,在对角线上与在垂直方向上完全没有锯齿状直线。

像素仍在那里,你可以看到视网膜箭头光标被炸毁的时候:

Mac OS X箭头光标在视网膜显示分辨率。

但在实际尺寸上,似乎没有像素只是一个理想的箭头。

随着夏天的到来,我越来越多地使用视网膜MacBook Pro,我的印象已被拉了出来现在,只有视网膜MacBook Pro对我来说才真实,而我所有的其他Mac都感受到了ersatz。3现在位于我眼前的理想的低分辨率近似值。


  1. In fact, a well-placed little birdie once told me that Apple’s Core Graphics framework is riddled with special-case exemptions specifically to make individual glyphs in Lucida Grande — just Lucida Grande, specifically — render sharper on low-resolution displays. ↩︎

  2. 这提出了一些有趣的问题How long will Lucida Grande remain the Mac OS X system font? If it’s replaced — and I think it should be — by what? Helvetica Neue is an obvious choice, given its use as the system font on the golden child iOSMy longshot bet, though, is Myriad. ↩︎

  3. 这让我陷入两难境地几年前我放弃了使用15英寸MacBook Pro相反,我在办公桌上使用一台机器,连接到独立显示器,当我离开办公桌时,我使用11英寸MacBook AirWhen I’m at my desk I want a big standalone display; when I’m away from the desk I want the smallest, lightest MacBook possible15英寸视网膜MacBook Pro不适合这种型号It’s way heavier and clumsier than the Air when used as a portable (especially on airplanes, a frequent mobile use case for me), and it would be criminal to put this machine on my desk only to hook it up to a fat-pixeled non-retina Cinema Display毫无疑问,我认为这是苹果有史以来制作的最好的电脑,但是我不认为我会为自己购买一台电脑。然而,配备Retina显示屏的13英寸MacBook Pro可能是一个很好的权衡,可以替代我现在的(两岁)AirI just can’t see ever again buying a new non-retina Mac of any sort, the extra weight of a 13-inch MacBook Pro compared to the Air be damned. ↩︎