Jun

iPhone 4 的分辨率：与像素密度无关

Lawrence Li on 2010-6-16, 01:09 Comments (18)

iPhone 4 提供了一个让我们增进字体、分辨率、像素知识的机会。这里又是一篇跟像素有关的文章，原文在这里。—— 编者

最近大家经常讨论 iPhone 4 的「视网膜屏幕」上的像素密度，但大多数人都没有抓住重点。视网膜屏幕的革命性不在于像素密度——好几个月前就有 Android 手机的分辨率逼近 300 ppi（每英寸三百颗像素）了。iPhone 4 的革命性，在于它增加了用户介面（UI）元素的清晰度。

过去二十年来，几乎所有屏幕上的 UI 元素都遵循一个标准：72 ppi。这是最早批量生产的 CRT 显示器的分辨率，一直沿用至今。无论是 Windows 还是 Mac OS X，所有的 UI 元素在屏幕上都占据固定数目的像素，不管屏幕上总共有多少颗像素，这个数字都不变。各种 UI 元素都是以「在 72 ppi 的屏幕上会好看」为原则设计的。

这意味着 Helvetica 字体、12 磅的小写字母 a 在任何屏幕上都占 8 x 9 像素的空间（绝大多数情况下如此）。即便显示器上的像素数多了，12 磅 Helvetica 的 a 还是占那么多颗像素，只不过肉眼看上去会变小就是了。显示器的像素数较多，只表示你有更多的空间来显示内容，但 UI 元素的清晰度是一样的。

iPhone 4 的操作系统并非如此，它把屏幕像素密度和软件的视觉介面这两件事情分离了。由于 OS X 的设计从一开始就考虑到对任意分辨率的支持，iOS 的所有介面元素用的都已经是矢量化了的图片（具体来讲是 PDF【注释一】）。也就是说，iPhone 4 那块 3.5 寸的屏幕上的 UI 元素占据的面积和 iPhone 3GS 是一样的，但 iPhone 4 所用到的像素颗数是 3GS 的四倍。

既然图像尺寸不变，但多了那么多的像素，这些 UI 的清晰度就达到了前所未有的高度——因为目前为止所有屏幕都是以 72 ppi 的分辨率为基准的。在 iPhone 4 的屏幕上，14 磅的 a 字母会占据 16 x 18 个像素，这意味着它的曲线和边缘会精细很多。

实体像素颗粒并非 iPhone 4 的视网膜屏幕的杀手锏（虽然它们必不可少）；真正的杀手锏是 UI 元素在那块屏幕上的清晰度。

（Android 在一定程度上也支持任意分辨率，但不是系统全局的。Android 会放大大部分的 UI 元素，但由于大部分软件不支持任意分辨率，所以看上去的效果并不好。）

—

【注释一】：如约翰·格鲁伯所指出，iOS 的 UI 元素用的图形格式其实是 PNG。

« 什么是防锯齿技术？什么是亚像素？

围观：Apple Store 上海店即将开幕 »

Home

18 Comments so far

（Android 在一定程度上也支持任意分辨率，但不是系统全局的。Android 会放大大部分的 UI 元素，但由于大部分软件不支持任意分辨率，所以看上去的效果并不好。）

——Android又一次要被抛开了。

albertpkmn @ 2010/06/16,02:08(#)
Well, I hope SVG could be the standard of vector UI elements.

Joe @ 2010/06/16,02:24(#)
这文章无法解释为何ipad上模拟iphone程序，字体依然不理想的原因。

Yue Wang @ 2010/06/16,04:13(#)
这文章真垃圾，缺乏常识，前面说矢量图，后面又说是PNG。这精细不就是屏幕造成的吗，和系统有什么关系，你拿iPad和iPhone 4比啊

paranoia @ 2010/06/16,10:51(#)
作者能不能先抛开苹果说得就是好的前提呢？

uinicornyy @ 2010/06/16,12:15(#)
这标题党…明显还是和像素密度有关嘛

IS @ 2010/06/16,12:48(#)
apple4us也会登这么没水准的文章，无数个常识性错误，混淆好几个概念。

wogeng @ 2010/06/16,13:58(#)
这篇文章云里雾里。。。但是楼上也没有如此必要针对性的说吗。。

Taobao @ 2010/06/16,14:35(#)
无论如何，还是令人兴奋的思索，也许有一天我们新建画布的时候，就需要预设 300dpi 了

痘不列颠 @ 2010/06/16,14:41(#)
“由于 OS X 的设计从一开始就考虑到对任意分辨率的支持，iOS 的所有介面元素用的都已经是矢量化了的图片”作为一个界面设计师,对于这句话我实在觉得很有必要出来澄清一下,vector file并不能够保证在所有尺寸下缩放不失真, 特别是对icon来说, 一个原尺寸拥有非常多细节的icon在被缩放后必然效果稀烂. 当然得益于apple高明的算法, osx的icon比如128—64之间的缩放失真的很少,但不代表它不失真, 要保持高质量,还是必须每个尺寸重绘.

leongao @ 2010/06/16,16:38(#)
iOS 的所有介面元素用的都已经是矢量化了的图片（具体来讲是 PDF【注释一】）

看到pdf下面又跟个png，我笑了……

logicmd @ 2010/06/16,20:04(#)
这是一篇从头错到尾的文章。cocoa底层是基于PDF的，但即使PDF里所有的位图也都是点阵的，72ppi的点阵位图无论如何都不能自动无损缩放到300ppi。一个不重新编译新图标和图片的程序到iPhone4上，就只有标准按钮的边框和字体显示更光滑，其他毫无改善。
而Android，因为从一开始就不停改屏幕分辨率，程序反而对分辨率的变化更适应。

luwei @ 2010/06/16,23:41(#)
还是没听出来笔者说的和像素密度有什么差别。。没意思

arbiter @ 2010/06/18,03:25(#)
除了大概清楚了清晰度由元素密度和屏幕密度两个决定外，确实没有看出和像素密度有嘛区别。。。。

法笔傲 @ 2010/06/18,18:38(#)
这样iphone上的app在ipad上使用也就不会那么小一点点了

linkin @ 2010/06/18,19:20(#)
不是文章写得不好,是翻译的问题!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1

fds @ 2010/06/19,11:57(#)
这是我看过的少有的分析iphone4屏幕得有道理的文章！
回复的某些人请好好去补习下像素、物理大小、图片大小之间的关系
ipad模拟app会有模糊是因为app的图片是小分辨率的，这个问题只有两种解决方法，一是用矢量图，二是重新制作app。iphone4的高分屏无疑在无声无息的情况下，实际上推动了ipad上iphone app的兼容性。
大家在关注那块高分屏的物理参数的时候，应该把更多注意力放到苹果的精细UI上！
摄影领域有句话可以借用：三流摄影师靠器材，二流摄影师靠内容，一流摄影师靠感觉

黑白条 @ 2010/06/19,14:42(#)
其实这个文章想提出的是，如果手机界面不能更上硬件的飞速发展，还是局限于 72DPI 的限制中，个么苹果会走的很远，然后你们怎么也赶不上。

Joe @ 2010/07/05,20:28(#)

Fields in bold are required. Email addresses are never published or distributed.

Some HTML code is allowed:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
URLs must be fully qualified (eg: http://apple4.us),and all tags must be properly closed.

Line breaks and paragraphs are automatically converted.

Please keep comments relevant. Off-topic, offensive or inappropriate comments may be edited or removed.

@Apple4us

「@Digidea：一个新的项目——「TypeLand 樣本書庫」……我收集了很多「样张」性质的东西，大多出自民国初期。虽然它们可能不怎么值钱，不过作为当时出版业的浓缩，或许从中可以给今人一些启示。http://t.co/fjxPof30」 08:25 Feb 9 from Twitter for Mac Reply Retweet Favorite
关于《为什么作家应该用 Markdown 保存自己的文稿》的回复: http://t.co/JmCFSWxl 08:24 Feb 9 from Twitter for Mac Reply Retweet Favorite
Fountain 是一个专门为剧本设计的标记语言。说起来如果各个文类都有自己一套标记语言的话还真是头疼──两套其实已经太多。 http://t.co/BRtykQfJ 03:00 Feb 9 from Twitter for Mac Reply Retweet Favorite
「@jixiewu: Tweetbot 推出 iPad 版：http://t.co/blgofvQ9 」限 iOS 5。 01:51 Feb 9 from Tweetbot for iOS Reply Retweet Favorite
「@wastemobile：（話說這視頻好久了，一直沒真正出現） EverMarkdown for Mac: http://t.co/AUNRptoq 讓 Evernote 能夠使用 Markdown 編輯、多頁籤、雙欄即時預覽，還能更換呈現格式的軟體，真的出現我會買單。」 09:03 Feb 8 from Twitter for Mac Reply Retweet Favorite
「@wastemobile：懶人如何使用 Markdown - http://t.co/ZgKac916 Markdown 已經夠簡單了，但這神人結合 Byword+Keyboard Maestro+TextExpander 的用法，已臻化境……」 09:01 Feb 8 from Twitter for Mac Reply Retweet Favorite
为什么作家应该用 Markdown 保存自己的文稿: http://t.co/5uNhl3ut 06:39 Feb 8 from Twitter for Mac Reply Retweet Favorite
2011 年买的 MacBook Pro 支持 16 G 内存： http://t.co/E5lw0gdv 05:24 Feb 8 from Twitter for Mac Reply Retweet Favorite

@apple4us

友情链接

最近的评论

ugg boots, drugs whatever send me i order all - ok fop ? here i my adress details yacumos@gmail.com

— fleellaUnfazy 评论《客座文章：UGlee 谈苹果新平板电脑》
现在好乱啊，技术的自下而上很重要，intel该出来说话了

— Atlantic 评论《Adobe 失败的移动战略幕后的真实故事》
Hi,我在CentOS上设置了L2TP服务器,用Mac系统登录vpn没有问题,但用iPhone时会报错: www pppd[29495]: Connect: ppp…
— iArchean 评论《如何在 Debian / Ubuntu 服务器上架设 L2TP / IPSec VPN》



  WONDERFUL Post.thanks for share..extra wait .. ?There are certainly a number of details like that to take into consideration. That could …
  — cheap beats by dre 评论《samsung-ssd-small》


  Blog site :                             
http://xaijo.com/?new-hd.html
  — mtzoikl 评论《IPB Image》


  http://post.laoke.com/post/show.aspx?id=9261588&classbig=4&city=beijing
  — fangtong 评论《仅靠一个 iPhone 应用就能维持生活吗？ (一)》


  fuck iTunes Store China! i use us account and pay nothing, but shift to itune store china, $1 deducted!
  — fuck you iTunes Store China 评论《中国的 iTunes Store？》


  Please send me an invite to enjoy Quora at Wp08Hbslsd@163.com
  — 王博 评论《Quora：Twitter 之后最让人兴奋的产品》


  The internet has become a playing field of scams and fraud-rich sites to see Man on a Ledge movies online, however you can find a little …
  — aemmay 评论《IPB Image》


  IT小小白问一句：Terminal窗口是神马？怎么打开呀？

@天白 的那种说法，理论上是可以的，但是很多人都…
  — Poca 评论《让 Address Book 和 Google Contacts 自动同步》


  人生有太多的不确定性，但是Jobs在人生最辉煌的时候离开的，留给后人更多的是一种憧憬，就像是断臂�…
  — charles 评论《为什么比尔·盖茨的财富要比史蒂夫·乔布斯多很多？》


  123
  — 123 评论《【乔段】乔布斯谈设计》


  乔走后，苹果会走向何方
  — 第一滴血 评论《微软以苹果之道，还治苹果之身？》


  说明楼上你很鸡婆。看就看不就一个范例单词错误吗，又不是出版物。挑刺儿的边儿去～
  — jamey 评论《第一个 AppleScript 脚本》


  苹果之道，还治苹果之身？
  — 波若兰 评论《微软以苹果之道，还治苹果之身？》

iPhone 4 的分辨率：与像素密度无关

18 Comments so far

Leave a comment

@Apple4us

友情链接

最近的评论