加入會員
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
最近文章