作為屏顯字體,微軟雅黑很清晰,蘋方體特別模糊,兩者的區別在哪?
作為屏顯字體,我的理解要清晰,最近發現知乎新版的頁面第一字體是蘋方,第二字體是微軟雅黑,而蘋方體在頁面里顯得特別模糊,雅黑很清晰,希望專業人士能分析一下兩者區別,分析一下蘋方模糊的原因,分析一下方正在做雅黑時是怎麼考慮設計的。以下是截知乎里的圖片
我跟你講,微軟雅黑也能糊。不信我糊給你看——
桌面是 ClearType 渲染的,Edge 是 DirectWrite 渲染的。皮這一下我很開心。(喂
回到正題。
蘋方跟微軟雅黑對比起來之所以模糊,其實是兩家操作系統的字體渲染理念有區別。題圖說的是這麼個理,換一種說法就是——
蘋果首先考慮的是字形的風韻要能完整呈現出來,即使模糊一點也在所不惜;而微軟則認為,文本的清晰度是必須保證的,即使扭曲字形和刪減筆畫也不能讓字糊成一團。
蘋方作為 macOS 和 iOS的 UI 字體,受其渲染理念的影響,無需再對輪廓做其他的處理,按照原來的字形用子像素和灰度進行填充就行。蘋方來到 Windows 平台之後,DirectWrite 引擎(基於Direct 2D)也會按照原字形在水平和垂直方向上作抗鋸齒處理。已經習慣了 Windows 銳利風格的用戶所看到的蘋方跟 macOS Quartz 引擎渲染的蘋方一樣,相對於微軟雅黑來說,都是「模糊」的。
微軟為了使微軟雅黑的筆畫能盡量填滿整數倍的像素,使用了 TrueType 的 hinting 特性。藉助 hinting 可以讓字體在特定的字型大小下移動和變換輪廓,以達到省減筆畫和恰好完整充填像素的目的,這樣能夠保證非常高的對比度和銳利度。但這樣一來,不僅字了輪廓已經被扭曲了,還有錯字之嫌。
其實兩種理念都無可厚非,有人在乎文本的觀感是否原汁原味,有人追求文本極度的清晰銳利,但有一點毋庸置疑——那就是在高分屏逐漸普及的今天,蘋果的路子是對的。像素密度高了,自然能使用更多的像素去描繪字形而不必扭曲字形來適應屏幕。所以微軟在 Windows 10 RS2 上也作出了改變——ClearType 引擎開始支持Y軸抗鋸齒,對於沒有 hinting 的字體,ClearType 引擎會使用與 Quartz 和 FreeType 引擎類似的全方向抗鋸齒策略。同時為了照顧低分屏上文本的對比度,微軟雅黑和新定製的 Noble Scarlet 仍然攜帶有 hinting,同時調低了啟用全方向抗鋸齒的閾值,算是過渡時期的權宜之計。
至於微軟雅黑其字形本身的設計理念,可以讀一下微軟雅黑主創設計師齊立老師的文章《微軟雅黑的設計》一文,直白淺顯,易於理解。
emmm……
技術上的問題,另一位答主已經解釋了。然而…… 在高分屏上,並沒有覺得顯示效果有太大的差別。不過必須說,蘋方的設計的確比不上雅黑。
MBP截圖
4K截圖
推薦閱讀:
※如何看待與評價方正悠黑三維可變、文鼎晶熙黑(可變字體)?
※如何計算字體高度?
※雙語標準字:思路與實踐
※推薦兩款中西文字體搭配
※初學設計師,字體設計怎麼練?