加入会员
Join
会员中心
Members
会员登录
Login
会员登出
Logout
文字设计和视觉文化

Retina Display 带来的字体问题

| 2010/08/27

iPhone 4 带来的 Retina Display 推出之初为业界带来了好消息。由于精度更加接近印刷物，设计师们期盼 Retina Display 可以带来印刷物般的阅读体验。然而对于很多 iPhone 4 用户来讲，这却并非事实——加强的屏幕精度似乎影响了阅读，这一点对于中文用户尤甚。我们的朋友 Julius Hui 今天在 Twitter 上将这个问题展开为六点，描述的很清楚：

  1. 300ppi 螢幕解像並不加強閱讀享受
  2. 由於字體太 sharp 的關係，與發強光的螢幕造成強烈反差，很刺眼
  3. 由於分辨率比正常大了一倍，字體看上去都幼（细）了。在激光打印上很夠黑的 Georgia 在 iPhone 4 螢幕上都變得很幼（细），襯線體變得不好讀
  4. 由於字體太 sharp 的關係，閱讀時會被字體的細節部分干擾
  5. Heiti 的粗幼（粗细）不均和嚇人的喇叭頭很明顯
  6. 即使開英文介面，中文也會強制大家用 Heiti, 而不是3GS 以前的 Hiragino，頓時覺得介面很爛

与之前 iA 评论 iPad 的设计一样，在原本的设计和字体选择下，新的屏幕硬件并无法给予提升的阅读体验，反而造成了阅读障碍。精度过高的文字与大大超过印刷品的对比度一起，造成了视觉疲劳。英文方面，Helvetica 表现尚可，而 Georgia 根据传统电脑屏幕 hinting 而成的磅数和字体细节已经在新屏幕上变得不合时宜。中文方面，由于 Hiragino 中文系并没有跟随 iOS4，iOS4 所使用的 Heiti 不仅设计美感不足，过多的细节变化（粗细，笔划头尾）也在 Retina Display 上一览无余，加上屏幕的对比度提高，使得阅读变得困难重重。相反 Hiragino 系日文字体则由于其笔划设计更加匀称，在 Retina Display 上则表现较佳。

Retina Display 所带来的精度问题将为苹果和设计师们带来新的挑战。苹果应全面修订和更改其字体策略，对于衬线字体的选择和设计要尤其考虑，Georgia 等字体的设计不再可以胜任阅读。这一问题将在 Retina Display 可能在 iPad 等用于阅读的设备中使用时更加凸现。同时如果能将 Hiragino 系中文字体带入 iOS，则是中文用户的福音。设计师们也要改变对 Retina Display 的盲目乐观的态度。如果不认真对待，提高了的精度和对比度带来的新屏幕在现在来看，与其说是机遇，不如说是挑战。

尊重原创：关于转载

我们希望在中文环境中建立一种健康的 TrackBack 和链接机制，保证原创，并不影响传播。因此对于译文和原创文章，我们欢迎您在网站上推荐我们的文章，包括文字和图片片段，但不赞成任何形式的全文转载。
参与讨论或通过 TrackBack 推荐：Trackback URL.

27 个相关讨论

  1. fan
    2010/08/27 at 2:27 pm | Permalink

    ip4还使用3GS时代的字体肯定是不合适高辨屏。手机上高分辨屏幕推荐使用android机器的DOCK字体，效果很不错。
    iphone这次升级应该是时间很紧迫，天线问题、没有重新设计的字体、IOS4界面的各种忽略的细节。。

  2. bonelyfish
    2010/08/27 at 4:04 pm | Permalink

    不小人看高清電視最初也有類似問題，但沒聽過有人說不再要高清了。

  3. nbjyo
    2010/08/27 at 4:52 pm | Permalink

    清楚了反而不爽了？我也只好给原作者送四个字：人性本贱

  4. yukirock
    2010/08/27 at 5:28 pm | Permalink

    iphone4给不同人的感受本身就是不同的，对于这个作者来说也许这个屏幕会给他造成不便，对于您来说也许会提升阅读感受，但是请不要以此为理由对他人进行人身攻击

  5. Jay
    2010/08/28 at 2:46 am | Permalink

    只能感叹世界上什么人什么观点都有

  6. Jay
    2010/08/28 at 2:48 am | Permalink

    nbjyo一针见血，评论得很到位

  7. 小骆驼商队
    2010/08/28 at 6:49 am | Permalink

    并不是高分屏本身不好，而是合适高分屏的字体跟适合低分屏的字体不同。应该是这个意思吧~

  8. Rex Chen
    2010/08/28 at 9:43 am | Permalink

    是的。：）

  9. SWX
    2010/08/28 at 2:06 pm | Permalink

    应该 Optima 这样的字体会表现得非常出色的。

  10. SWX
    2010/08/28 at 2:08 pm | Permalink

    别说分辨率问题了，就是不同材质所表现出来的字体细节都是不同的。因为要考虑到油墨的问题，金属活字就根，比方说 Monotype Centaur 在电脑上表现就很糟糕，反之基于同一个原始版本的 Adobe Jenson 就表现得出色多了。Georgia 本来就是单独为电脑显示设计的，自然在高分屏上表现不佳人。

  11. Rex Chen
    2010/08/28 at 2:14 pm | Permalink

    可能会，至少笔划粗细 OK。

  12. Rex Chen
    2010/08/28 at 2:16 pm | Permalink

    绝对的。
    不知道为什么精度较高的激光印刷的文稿不会因为字体细节过多的问题影响阅读，可能还是背光对比度的问题。

  13. SWX
    2010/08/28 at 2:18 pm | Permalink

    而且 Optima 还不等同于一般的无衬线，按 Typographic Style 里面的说法，Optima 有非常微妙的美丽曲线，非常依赖高精度的印刷。

  14. SWX
    2010/08/28 at 2:22 pm | Permalink

    我觉得还是会的，至少激光打印出来的 Centaur 细胳膊细腿的很不好看。

    另外80世纪中期为当时的低分辨率激光打印机设计的几个字体，像 Charter, Utopia，放到电脑上倒也正好满足需求。

  15. Rex Chen
    2010/08/28 at 2:53 pm | Permalink

    不过 iOS 的字体选择非常局限，不知道会不会因为卖的好会舍得授权一些更好的字体。

  16. SWX
    2010/08/28 at 2:55 pm | Permalink

    是么，其实只要把 Mac 的自带那几款字体附送上就行了啊，基本也够用了。

  17. Rex Chen
    2010/08/28 at 2:56 pm | Permalink

    我有空打印一下来看。Georgia 打印都还好，对比度一高就不行了。要十分碰巧才能有一种媒介的字体在另一种也适用的情况。

  18. SWX
    2010/08/28 at 2:57 pm | Permalink

    非常囧的是，Naxos 的最近的一套历史录音的唱片，用的字体就是 Georgia，我第一次见到在正规印刷品上用这个字体。

  19. Rex Chen
    2010/08/28 at 3:02 pm | Permalink

    哈。有没有图

  20. SWX
    2010/08/28 at 3:08 pm | Permalink

    http://www.naxosdirect.com/templates/shared/images/titles/small/747313335220__lang-en-uk.jpg

    例如这个，效果不算太坏。

    另外 Naxos 的 Historical Recording 封面以前用的是 Times，真是廉价感铺面而来。现在换成了 Georgia，感觉稍微上了一点点档次。

  21. Rex Chen
    2010/08/28 at 7:09 pm | Permalink

    是，感觉还可以。哈哈。

  22. mouse
    2010/09/02 at 9:36 am | Permalink

    张嘴就是人身攻击的人观点完全不用参考

  23. JASKNi
    2010/09/03 at 11:52 am | Permalink

    看来这真的还是个问题,当时就高兴这个屏幕去了,看来入手iPhone 4还有待考虑.

  24. fac38
    2010/12/17 at 2:04 pm | Permalink

    明显文不对题，你的诉讼对象不对。

  25. AmethystZhou
    2011/02/01 at 7:33 am | Permalink

    还是喜欢Hiragino…破解了之后可以自己改字体～

  26. Karen Patrick
    2014/02/22 at 9:20 am | Permalink

    而是合适高分屏的字体跟适合低分屏的字体不同。应该是这个意思吧~ http://sanantonioattorney.jimdo.com/

  27. 年賀状の印刷が安い
    2016/09/23 at 6:56 pm | Permalink

    お初です。通りがかりの者で急の書き込みでおじゃまします。
    いつも年賀はがきの作成はほんとうに大変ですね！
    少しずつ大変になってしまったように感じるのはウチだけ？
    ノートPCとかネットでどんどん楽になってるはずなんですけどねｗ。web上では激安のアイコンとか雛形とか十二支の画像とかもダウンロードできるし、無料のはがき作成ソフトも流通しているんですけどね。
    でも恒例行事の挨拶だから楽しくやりましょう。

12 个Trackbacks

  1. By Tweets that mention Retina Display 带来的字体问题 | Type is Beautiful -- Topsy.com on 2010/08/29 at 4:49 am

    […] This post was mentioned on Twitter by ☆腿叔☆, sfufoet, apple4us, Watson.asm.c.HDD, Bill Tse and others. Bill Tse said: RT @apple4us: iPhone 4 视网膜屏幕带来的字体问题：http://is.gd/eGMX2 […]

  2. By 2011年手机产品设计趋势（1）：精致实用的界面 on 2010/12/16 at 1:50 pm

    […] 但是界面中过多的细节也会有损用户体验，如像素提升一倍，对界面中的文字的阅读享受并没有相应成倍提升，相反字体过于锐利反而会干扰阅读，造成视觉疲劳，甚至不如低精度的电子书。现在还处在手机界面设计的早期，还没有像网页设计那样多种设计风格，也正如现代主义那样，“形式追随功能”的功能主义特征仍是先期产品设计的原则，避免过度设计。 […]

  3. By 2011年手机产品设计趋势（1）：精致实用的界面 | 优酪网 on 2010/12/17 at 5:53 am

    […] 但是界面中过多的细节也会有损用户体验，如像素提升一倍，对界面中的文字的阅读享受并没有相应成倍提升，相反字体过于锐利反而会干扰阅读，造成视觉疲劳，甚至不如低精度的电子书。现在还处在手机界面设计的早期，还没有像网页设计那样多种设计风格，也正如现代主义那样，“形式追随功能”的功能主义特征仍是先期产品设计的原则，避免过度设计。 […]

  4. By 2011年手机产品设计趋势（1）：精致实用的界面 - 凡搜 on 2010/12/29 at 10:10 am

    […] 但是界面中过多的细节也会有损用户体验，如像素提升一倍，对界面中的文字的阅读享受并没有相应成倍提升，相反字体过于锐利反而会干扰阅读，造成视觉疲劳，甚至不如低精度的电子书。现在还处在手机界面设计的早期，还没有像网页设计那样多种设计风格，也正如现代主义那样，“形式追随功能”的功能主义特征仍是先期产品设计的原则，避免过度设计。 […]

  5. By IdeaMarket 创意市集 | 交互X设计X视觉X营销X策划X产品 » 2011年手机产品设计趋势（1）：精致实用的界面 on 2011/01/09 at 2:12 pm

    […] 但是界面中过多的细节也会有损用户体验，如像素提升一倍，对界面中的文字的阅读享受并没有相应成倍提升，相反字体过于锐利反而会干扰阅读，造成视觉疲劳，甚至不如低精度的电子书。现在还处在手机界面设计的早期，还没有像网页设计那样多种设计风格，也正如现代主义那样，“形式追随功能”的功能主义特征仍是先期产品设计的原则，避免过度设计。 […]

  6. By 2011手机产品设计趋势-精致实用的界面 | 永生的冬雾 on 2011/05/08 at 3:07 pm

    […] 但是界面中过多的细节也会有损用户体验，如像素提升一倍，对界面中的文字的阅读享受并没有相应成倍提升，相反字体过于锐利反而会干扰阅读，造成视觉疲劳，甚至不如低精度的电子书。现在还处在手机界面设计的早期，还没有像网页设计那样多种设计风格，也正如现代主义那样，“形式追随功能”的功能主义特征仍是先期产品设计的原则，避免过度设计。 […]

  7. By 2011年手机产品设计趋势（1）：精致实用的界面 | 安卓眼.AndroidEye on 2011/05/29 at 10:19 am

    […] 但是界面中过多的细节也会有损用户体验，如像素提升一倍，对界面中的文字的阅读享受并没有相应成倍提升，相反字体过于锐利反而会干扰阅读，造成视觉疲劳，甚至不如低精度的电子书。现在还处在手机界面设计的早期，还没有像网页设计那样多种设计风格，也正如现代主义那样，“形式追随功能”的功能主义特征仍是先期产品设计的原则，避免过度设计。 […]

  8. By 2011年手机产品设计趋势（1）：精致实用的界面 : Mobile User Experience on 2011/07/05 at 12:07 pm

    […] 但是界面中过多的细节也会有损用户体验，如像素提升一倍，对界面中的文字的阅读享受并没有相应成倍提升，相反字体过于锐利反而会干扰阅读，造成视觉疲劳，甚至不如低精度的电子书。现在还处在手机界面设计的早期，还没有像网页设计那样多种设计风格，也正如现代主义那样，“形式追随功能”的功能主义特征仍是先期产品设计的原则，避免过度设计。 […]

  9. By 2011年手机产品设计趋势（1）：精致实用的界面 « 掌上游UED on 2011/09/29 at 4:15 pm

    […] 但是界面中过多的细节也会有损用户体验，如像素提升一倍，对界面中的文字的阅读享受并没有相应成倍提升，相反字体过于锐利反而会干扰阅读，造成视觉疲劳，甚至不如低精度的电子书。现在还处在手机界面设计的早期，还没有像网页设计那样多种设计风格，也正如现代主义那样，“形式追随功能”的功能主义特征仍是先期产品设计的原则，避免过度设计。 […]

  10. By 2011年手机产品设计趋势（1）：精致实用的界面（转） | XYZ'S WORLD on 2011/12/11 at 4:43 am

    […] 但是界面中过多的细节也会有损用户体验，如像素提升一倍，对界面中的文字的阅读享受并没有相应成倍提升，相反字体过于锐利反而会干扰阅读，造成视觉疲劳，甚至不如低精度的电子书。现在还处在手机界面设计的早期，还没有像网页设计那样多种设计风格，也正如现代主义那样，“形式追随功能”的功能主义特征仍是先期产品设计的原则，避免过度设计。 […]

  11. By 2011年手机产品设计趋势（1）：精致实用的界面 | MobiUE on 2012/05/17 at 4:35 am

    […] 但是界面中过多的细节也会有损用户体验，如像素提升一倍，对界面中的文字的阅读享受并没有相应成倍提升，相反字体过于锐利反而会干扰阅读，造成视觉疲劳，甚至不如低精度的电子书。现在还处在手机界面设计的早期，还没有像网页设计那样多种设计风格，也正如现代主义那样，“形式追随功能”的功能主义特征仍是先期产品设计的原则，避免过度设计。 […]

  12. By 淺談影像壓縮（上） - Phimedia Blog - Phimedia Blog on 2013/02/01 at 3:45 am

    […] 【圖片來源：Type is Beautiful】 […]

参与讨论

你的Email地址将不会被发布或透漏。 标记*的项目为必填项目。

*
*

作者 / 译者

Avatar photo
Rex Chen
Type is Beautiful 建立者。
Twitter
最近文章