本文继续讲 Information Architects(iA)对 iPad 杂志设计的批评,涉及到极其细微的字体渲染和效果,引以供各位参考。好事情是 iA 的《iPad 上的〈连线〉是纸老虎》一文已经由 Apple4us 的 Lawrence Li 翻译成中文。因此 iA 的批评直接引用译文:
一、(到目前为止),在 iPad 上用非屏幕字体仍然不是好主意,除非把字号放到很大(这又会带来其他问题)。iPad 屏幕的字体显示技术很难搞。但如果你希望别人来读你的内容,难搞也得搞。
二、大体上说,混用多种字体就好比把句子写得很长。除非你的控制能力达到了天才级别,否则别干这种事。坏消息是:你没法完全控制字体在 iPad 上的显示效果,目前的这种分辨率把细微的差别都抹平了。
第一眼也许无法看出上图的问题。但细看会发现,正文字体在 iPad 下的显示效果要虚得多。在普通显示器下阅读左边毫无问题,但 iPad 的显示使得阅读右边有一定的难度。造成这种情况的主要原因,iA 表示是因为 iPad 屏幕极高的亮度和对比度。这种与普通显示器的巨大差异使得普通屏幕上看得过眼的文字设计,在 iPad 下遇到严重的显示问题。因此左图还算不错的粗细字体的搭配设计,在 iPad 下就显得对比比例严重失调。这也是 iA 以上批评的两点的主要原因。
另一方面,iPad 本身的产品设计也为设计带来挑战。继续引用译文:
一、在旧的 640 x 480 的小屏幕上,视觉装饰元素会占据宝贵的屏幕空间。这些元素密度一高,iPad 那 1024 x 768 的屏幕显得更小了。
二、iPad 屏幕本身的尺寸跟半页杂志差不多,而它的粗黑边框会令人产生幽闭感。如果此时再用内容和留白以外的元素占据空间的话,会让整个空间显得越来越小。
三、电子设备的导航操作不像翻书页那么简单。屏幕上的每一个元素——只要没有明确的语义或结构特征——都有可能被误会为导航控件。一旦用户意识到它其实只是装饰元素,就会有意识地忽略它。然后,重要的导航元素也会开始被忽略,最后整个软件就变成了一张地毯。(谁能想到那些标成黄色的字是内部链接啊?)
与前文争论多栏设计一样,iA 的此番批评同样也招来行业大佬的自我辩护。著名字体设计师 Jonathan Hoefler(来自 Tobias Frere-Jones)称 iA 对于《连线》屏幕字体的批评不成立。《连线》杂志 app 的正文字体 Exchange-ScreenSmart 由 Tobias Frere-Jones 出品,该字体根据屏幕设计,据称识别性要高过 Verdana、Georgia 等众多流行字体。Hoefler 还透漏说制作 iPad app 的方法是使用桌面电脑制作 PNG 图片,然后导入到 iPad 程序里面,意在说明 apps 并没有使用 iPad 的字体渲染技术。
但这也正中 iA 的下怀。仅是桌面电脑上好的设计和文字,在 iPad 下并不能保证效果。即使文件本身没有变化,iPad 的分辨率和对比度会严重影响设计的显示情况。iA 批评《连线》得奖众多的艺术总监 Scott Dadich,称其用印刷设计的思路来思考 iPad 的设计,直接将桌面电脑下的 PNG 文件搬到 iPad 下显示是“非常业余”的行为。
撇开这两方的争论不谈,且看 iA 的做法。iA 从今年一月份 iPad 宣布不久后就开始为它制作 app,一共是两个项目。到现在为止已经过去了5个月,iA 的项目仍然在客户同意下缓慢进行中。这进程比很多已经仓促上马的 app 要慢的多。但从 iA 对《连线》的批评中,不难看出 iA 为什么花了这么长时间准备和制作这两个 app。在拿到实机之前,iA 在桌面电脑进行了的模拟测试,并打印出大量1:1的样品辅助设计。然而四月份拿到实机之后却不得不重新全面检查以前的方案,正是因为 iPad 的分辨率和对比度的情况超出估计。iA 分析说:
iPad 的分辨率要高于普通 LCD,但又不及 iPhone,这让它的像素有一种奇怪的介乎两者之间的感觉。另一方面,这又让 iPad 显示的文字比普通电脑屏幕更加有像素感,因为普通屏幕离眼睛较远,对比度也较低。
写到这里,也没什么好说的了。技术上,硬件的显示模式会对设计产生严重影响,即便是设计师们默认了的显示环境优秀的苹果产品,技术的差别也会让原来的设计变形。原则上,文字设计师们给用户提供最佳阅读体验,半点马虎都要不得。iA 对待文字设计的严谨和专注细节的态度是每个设计师都应该学习的。iA 设计的两款 app 应该尽快就会完成,他们已经信誓旦旦地表示自己会做的更好,拭目以待。

我们的
4 个相关讨论
涉及到极其细微的自体渲染和效果,引以供各位参考。
自体——字体。
回复
谢谢!已经修改。不好意思
回复
原本還在想ipad的解像度需不需要提高至iphone 4的地步,
看來有需要了
回复
看来ipad比iphone4更需要高分辨率
回复
苹果陆续会出更高分辨率的ipad,我觉得这个问题可以忽略,等大家都注意到这个问题时,低分辨率的ipad估计就被淘汰了。不过考虑到苹果对老机型照顾的也很周到,愿意关注的人也是可以研究以下的。
回复
3 个Trackbacks
[...] This post was mentioned on Twitter by winging, winging. winging said: 爭論iPad(上):行寬與閱讀 http://is.gd/d0bJb | 爭論iPad(下):顯示硬件與字體細節 http://is.gd/d0bGj | 關于文字的可閱讀性 http://is.gd/d0c6C [...]
[...] 与之前 iA 评论 iPad 的设计一样,在原本的设计和字体选择下,新的屏幕硬件并无法给予提升的阅读体验,反而造成了阅读障碍。精度过高的文字与大大超过印刷品的对比度一起,造成了视觉疲劳。英文方面,Helvetica 表现尚可,而 Georgia 根据传统电脑屏幕 hinting 而成的磅数和字体细节已经在新屏幕上变得不合时宜。中文方面,由于 Hiragino 中文系并没有跟随 iOS4,iOS4 所使用的 Heiti 不仅设计美感不足,过多的细节变化(粗细,笔划头尾)也在 Retina Display 上一览无余,加上屏幕的对比度提高,使得阅读变得困难重重。相反 Hiragino 系日文字体则由于其笔划设计更加匀称,在 Retina Display 上则表现较佳。 [...]
… [Trackback]…
[...] Read More here: typeisbeautiful.com/2010/06/2566 [...]…