如何看待 OS X 和 iOS 的全新中文 GUI 字體「蘋方」?
註:此官網截圖所展示的範例用字的字體並非蘋果官方正式發布的蘋方字體,或為官網失誤所致。此失誤現已修正。修正版本參見官網:Apple — OS X El Capitan。敬請注意。姊妹問題:如何評價華康信憑黑(就是Apple蘋方)的設計本身? - 蘋果公司 (Apple Inc.)
孫志貴
請移除所有諸如「華文偷懶」這種描述,因為蘋方與華文無關。
以下內容是基於之前聽說的「華文在為蘋果做一款新黑體」的消息,而據 孫志貴 透露的信息,蘋方與華文並無關係。所以,以下內容在時效性上或有問題,煩請悉知。
2015-9-06
------
WWDC 之後那天就收到 @魚生臣 邀請,首先感謝。不過這題肯定有人能比我回答得更好,從現在的情況來看,應該是的確如此的。我就姑且嘗試來為「蘋方與思源黑體相似之爭」再加上一點腳註。這可能會是一個跑題的回答,請各位見諒。
@StarBrilliant 的對比的確說明蘋方和思源黑體至少在「果」字上是極為相似的,而 @哐哐 補充的疊加對比亦更為嚴密地佐證了這個觀點。
然而,如果想要嚴謹地論證「蘋方與思源黑體極為相似」這個觀點,甚至因而導出更深層的結論(呃,「華文偷懶」?……),在思源黑體簡體三萬餘個字形、蘋方-簡四萬餘個字形中獨取一個「果」字,是否亦有些偏頗呢?
雖說「果」這個字的字形極為相似,但從上面的樣本中,已能發現頗多差異。細部的處理上的差異自不消說,文字骨架亦難言雷同。至於中宮——這個參量很能決定一款字體的特徵。兩者中宮大小算是類似,但是,中文黑體從前些年的中宮普遍偏小,到微軟雅黑 / 蘭亭黑的偏大,到現今逐漸收斂至一個相對適中的取向(——無論是漢儀的旗黑,還是方正的悠黑,都是如此),恐怕也只能說明這是字體業界在最近的趨勢而已。況且,「中宮一樣」或許也不能說明什麼——x-height 相同的西文字體,恐怕不知有多少。況且,蘋方和思源黑體的字重分布範圍不同。即使是存在「華文偷懶」這等問題——也好歹做出了一個質量不錯的 Ultralight. 而事實上,「僅」新做出一個 Ultralight,而其他字重「拿來改改」,亦是不可能的。把一個字族頭尾兩個字重作為母版,用 MMT 來生成中間字重,才是更省力的方法。
而華文也並沒有拿相當早以前就為蘋果定製的企業用字 Ping Hei 直接擴充,做成蘋方——
* * *
而 @哐哐 提到——你不能把所有字體做得都和雅黑一個樣,然後告訴我,這叫方正黑,這叫思源黑,你看不出來,是你不懂。
這的確是中文字體目前存在的一個令人遺憾的現狀。不像西文字體,僅無襯線體這一分類就可以有 Grotesk, Neo-Grotesk, Geometric, Humanist 等多個子分類,甚至還可細分;中文字體的風格細分顯然沒有西文字體豐富。具體到黑體而言,恐怕也只能粗略的分成「有喇叭口」、「無喇叭口」這樣的子風格——至多加上一些風格性並沒有那麼強的藝術字體。
而且,這個「問題」不僅是中文字體如此。即使是在字體設計走在中國前面的日本,主流市場上也會有這樣的,對於一般人來說一眼看去「分不清」的字體——
誠如 @哐哐 所言,「一般人」在這個時代,也開始成為字體的用戶。不過,起碼到目前而言,字體面對的最直接的用戶還是設計師。即使系統界面字體是直接面向系統的用戶的(其實,印刷品也是給讀者閱讀的呀),但字體的選用仍然是由設計師操刀的,畢竟自己選擇字體並掏錢購買用於軟體界面的用戶,可能還只能算是少數。那麼,字體的差異,只要對於設計師來說是「存在」的,那麼就起碼有了意義。
* * *
這篇回答里有不少無斷使用呢,希望不會被查水表吧。------
[1] Neue Haas Grotesk[2] Helvetica - Fonts.com題圖太丑了,還是換一張吧……多圖預警。
-----
填坑。想回答一下這個問題是因為我之前在 iOS 9 中安裝了思源黑體,目的是檢驗蘋方是不是真正適合 iOS 的字體,答案是非常適合。如有任何錯誤,還請各位不吝賜教。一、設計班門弄斧地談一下設計。感謝孫志貴的回答,蘋方是一款華康(現名威鋒數位)出品的字體。眾所周知,Android 以前的中文字體 Droid Sans Fallback 便是出自華康之手。系出同門,風格又相似,難免會被拿來對比一番。可以看到前三者都比雅黑要保守,字面、中宮(字懷?)都沒有雅黑那麼大,所以沒有雅黑那麼「肥」。思源的重心是最低的,而冬青總體而言是最保守的。(對比不嚴格,僅供參考。)
雅黑的「肥大」和 hinting(讓它更肥大)在低解析度(或者叫標準 DPI)的屏幕上確實能提高可讀性,而以蘋果為首的廠商在進入高 DPI 時代後,雅黑在屏幕上確實顯得有些臃腫了,這種折衷的設計會使字體顯得更加低調、更有精神。二、字重蘋方有 6 個字重:(UltraLight 和 Thin 是 iOS 7 以來為 display 用途的大字營造一種現代化氣息增加的,Medium、SemiBold 是用在 UI 中取代 Bold 的,都是扁平化趨勢帶來的新字重。)Display Black
Display Heavy
Display Bold Text Bold
Display Semibold Text Semibold PingFang Semibold
Display Medium Text Medium PingFang Medium
Display Regular Text Regular PingFang Regular
Display Light Text Light PingFang Light
Display Thin PingFang Thin
Display Ultralight PingFang Ultralight
html {
font-size: 62.5%
}
body {
font-family: "PingFang SC Light","Heiti SC","San Francisco","Helvetica"
}
(為什麼要用這種方式殘害我們的眼睛?)
蘋果 iOS 人機界面指南色彩與字體一節已經指出,不要在正文使用 Light 字重,因為在小字型大小無法看清。請一起抵制過細字重的濫用。三、總結:為什麼蘋方是最適合 iOS 9 的字體無論從動機來看,還是從結果來看,蘋方都是為 iOS 9、為搭配 San Francisco 量身定製的。Adobe 和 Google 給開源社區雪中送炭固然值得稱讚,而財大氣粗的蘋果也有足夠的底氣拒絕這份「施捨」,轉而去開發一款質量更好的、更適合自己的字體。無論是它「土肥圓」的骨架,筆畫密集處的視覺補償,還是字重和筆畫粗細的選擇,略微瘦高的字面,都與 San Francisco 相得益彰。要想體會到這種感覺,建議實機觀看一下不同字體搭配的效果,這裡(包括上文)給出的所有圖片都只能作為示意和參考。要想在一塊屏幕上體會另一塊屏幕上的文字顯示效果,顯然是不可能的。脫離開使用場景和介質談論一切字體使用效果都是耍流氓。(SF 與蘋方搭配,灰度渾然一體;而與思源搭配,在正文字型大小下西文可以比漢字略粗,作為 display 用途,還是奇怪了點。我想應該和許瀚文的這篇回答提到的大屏幕幻燈片上不再需要漢字和西文之間的空格是相同的道理。)(也許蘋方的設計者有意不讓我們區分 Medium 與 Bold,因為在扁平化的 iOS 里,Medium 就是新的 Bold。這亦中亦粗,中粗莫辨的設計也許會打消你區分它們的念頭,把注意力從字體本身上移走,你只需要知道這是一段加粗的文字就足夠了。)四、軼事1. 關於 PingFang-HK蘋果願意給香港人民單獨做個字體,本來是一件大好事……可是這個字體不能通過 lang="zh-HK" 加上 font-family: sans-serif 或者 -apple-system 獲得:只能指定 "PingFang HK":2. Web 端使用(我的系統語言為簡體中文)- 用 font-family: -apple-system; 可以成功調用 San Francisco UI,但是蘋方只能 fallback 到簡體版,無視 lang 屬性,且粗體為偽粗體。不過可以用 -apple-system, "PingFang SC" 來讓中文也有真粗體。用這種方法 SF 只可以用到 300 (Light)、400 (Regular) 和 600 (Semibold?),字型大小足夠大時,系統會調用 SF Display,又能獲得 100 和 200 兩個字重,而蘋方在所有字型大小都可以用到 100、200、300、400、500、600 全部六個字重,所以要避免某些搭配的使用。
- 用 font-family: sans-serif; 加 lang 屬性可以成功調用到各個地區的蘋方(HK 除外),所有字重,西文為蘋方自帶西文。
- 用 font-family: Helvetica; 或者上一條不加 lang 屬性,可以提供並且正確 fallback 到蘋方的 Light、Regular 和 Bold 字重。
- 用 font-family: "Helvetica Neue"; 可以提供並且正確 fallback 到蘋方的所有字重。
綜上,你無法在瀏覽器里復刻出一個和 iOS 9 原生完全一致的字體樣式,這些問題直到 iOS 10 beta 還一直存在。為那些需要用 Web 寫看起來像本地應用的東西的開發者捏一把汗……
3. Windows 使用
嗯,假設你已經過了格式轉換這個坎兒,讓 Windows 不再說它不是有效的字體文件了……(我用的是這個回答下面 Belleve 提供的版本。)
你會發現,由於它所有字重的 Font Family name 都是一樣的,Word 直接蒙逼,偏要說它只有 Bold 沒有 Regular……(看來 Adobe 一個字重一個 Font Family name 也不是沒有道理的……)
用 Windows 標準字體選擇器的(比如記事本)就沒有問題。
控制面板字體文件夾和 Photoshop 卻認為 PingFang SC 是一款繁體字體……
這問題的答案也搬個過來,LT說更符合這邊的答案,也是,於是就複製過來了,希望這邊關注的朋友也能看下哦。
以下答案=========================================================終於周末可以來安心回答問題了。
作為平面設計師,我還是老規矩,從字形上來看蘋方。各位請讓我慢慢說來,多圖且長文,慎入。由於是一家之言,較為主觀,觀看者對於我的結論可以自行判斷。-----------------------------------------------------------------------------------------------------------------------------------
首先不得不提的蘋方的前任華文黑體,毫無疑問是一款非常有中國特色的老牌黑體,當年華文請了謝培元先生來做的設計,單就字形質量還是很高的,我本人非常喜歡其骨骼,如果蘋果能委託字體設計公司重新認真的數碼化這套字體,我對其還是很有信心的。作為UI字體數碼化的標準,我覺得可以使稍稍增大中宮,喇叭口程度
減弱,內白釋放更多,統一字面率,增加完善的視覺修正。
iOS用戶之所以對其能產生信賴感也是因為其纖細清秀的外貌,同時也非常符合國人
的審美。在小字型大小顯示下,由於其喇叭口的存在,也加強了字體的方頭感,雖然存在和西文等混排問題,但當年毫無疑問是有著獨特審美認識的黑體。字體的排他性
也是非常明顯的。而目前微博上抱怨的我覺得最重要的原因是字形的排他性沒有了,這可能是iOS用戶最不願意看到的地方。
如今的黑體自從出
現了「微軟雅黑」,幾乎所有的黑體都朝著這樣的骨骼前行了,這是一件非常非常無奈的事情。當我們第一次看到雅黑的時候是驚喜的,當我們再看到多字族蘭亭黑
是滿意的,但無論是後來的旗黑,思源,到如今的蘋方,相信各位無論是字體愛好者還是字體路人都已經無力吐槽了,這不都是雅黑嗎?所以不難想像iOS用戶覺
得字體安卓化了。
正文黑體一步步走向成熟的路上,其可讀性和通用性通常是第一優先順序,而寬鬆的字面和大中宮已是正文字體的主流,由於漢字
的方塊形和結構方式使得在黑體骨骼的自由度上大大受到了限制,這一點是西文所沒有的,黑體很難做到像 Helvetica 和 Frutiger
這樣都是無襯線字體但有極具辨識性和排他性。但我不想將其作為託詞,我覺得黑體還是有很大潛力的,希望未來的設計師們能撇開微軟雅黑系的骨骼找到新的方
向。
70年代日本字體翹楚寫研公司舉辦了字體比賽叫石井賞。在第一回比賽中(1972年) 中村征宏的ナール字體獲得第一名。至此,大字面的黑體由此誕生了,其影響力無比強大,影響到了日後日本黑體的道路,甚至蔓延到了中國。
不知道各位看了上圖,有沒有一種「幼圓」的感覺,噗噗。再說回來,如今蘋果可能是為了迎合國內主流黑體的設計,也可能將黑體的定位向著更通用的方向發展,跳出了「華文系」黑體的風格,也來到了「雅黑系」風格的字體樣式上。所以諸位如果更喜歡「華文系」的風格,那麼看到這裡就可以了。
——————————————————————————————————————————
那麼蘋方在「雅黑系」風格的字體上到底處於什麼樣的地位呢,請看下圖(可點擊放大)。為了對比方便,我選取了我電腦里最接近的字重,毫無疑問這些都是近些年投入市場的正文黑體。字面率方面都遊走在90%-92%。不知道各位比較喜歡哪款,能分得清嗎?——————————————————————————————————————那麼蘋方與這些對比最後到底怎麼樣呢?先說結論:作為UI字體的蘋方在屏幕顯示上有著自己不錯的想法,比如內白放大,但有些地方做的太狠了,失去了很多協調性,同時在一些基本的地方又讓人摸不著頭腦。
蘋方是一款專為UI字體設計的一款字體,特別是在小字型大小的情況下進行了「優化」。本次測試範圍在6763常用字形中(當然我比較懶就隨便看了下=
=),進行對比的主要是冬青黑和旗黑。(為啥沒有悠黑?因為我木有啊=
=)不過由於蘋方的字重和日本的ヒラギノ字重並不協調,所以在使用日語界面顯示簡體字的時候,粗細感還是比較明顯的。接下來說重點,由於蘋方是為UI字體打造,所以切勿將蘋方用在大字型大小下或者用來進行印刷。蘋方可能為了提高小字型大小下的清晰度,犧牲了字體本身協調性。同時視覺修正方面還落後於日本。以下圖為例,我稍微說下。(下圖為蘋方)視覺修正問題視覺修正的作用主要是在特定字型大小下對於字體的結構和負空間做出合乎我們眼睛看到的相等或者說平衡。
- 田
「田」字一般能直觀的反映一個字體的負空間的視覺修正。按照目前的理論和文獻,為了讓田字中的四個格子看起來一樣大,通常,左上角為最小,右下角為最大。
而蘋方的是上邊兩個一樣大,下方兩個比上方略大(主要是高度方面)。所以我們在看的時候可能會覺得「田」的左邊大於右邊,造成不穩定字形。 - 目 「目」字也同樣,通常上中下三個內白的大小關係應該是小中大,這樣看起來最為平均和穩定,但目前看起來頭略重。同時「目」的外圍橫和豎竟然是一樣的粗細,通常應該是橫細豎粗,這樣在視覺上才會感覺它們一樣粗。
- 國 「國」就是一個很好的典範,視覺修正做的不錯,裡邊的「玉」字相比其他字體略小,這使得內白更大,最終清晰度是不錯的,「玉」字上下三橫的空間控制的也不錯。
- 嘛 為了降低木的連接處的黑度,將丿和捺的起筆部分變細,但真的很誇張,略破壞了字本身的協調性,小字情況下略好,大家可以在iOS9里自己輸入看看。
- 己 豎彎鉤的圓角問題其實和當時知乎討論iOS的圓角icon一樣的,目前看起來底部的視覺看起來像內凹,曲線更加偏向羊角曲線可以緩解這個問題。
最後一點想說的是,無喇叭口的字體,在大字型大小下確實很乾練,但是在小字型大小下由於人的眼睛,可能會把末端看成圓頭,這和當年照相排字的原理是一致的。所以也有人覺得新字體土圓肥的印象。而ヒラギノ角ゴ的微喇叭口簡直就是為小字型大小屏顯量身定做的,估計鳥海修和鈴木勉當時也沒想到吧?
負空間問題(內白)- 魔 右下角神馬鬼?!我圈出來的地方,也就是魔的右下角的小三角粗細,極其違和,不知道這樣的視覺修正是不是做過頭了,特別細,其他有鬼字的部首也是同樣的,大家可以在iOS9里自己輸入看看。還有幾個如「闌」中間的點,「酬」中間的點等,都是同樣的,我就不細說了。
- 隙 雙耳旁可能為了在小字下更清晰,拉得很長,有點破壞了漢字的平衡性,不太符合國內的審美。同樣的問題還有哼之類口字旁的字,口拉得很長,非常誇張。
- 為了儘可能放開內白,部分左右結構的字形中間的內白(負空間)被放大了。好處是小字下更加清晰。但不適合放大,有些字可能左右存在割裂感。
- 有些筆畫位置交待不清,看起來很不舒服,比如上面可以找到截圖的魔字雙木「林」部首,與上方的廣字頭太接近了,害死強迫症。還有諸如「情」字,「蝗」字的一些筆畫都粘在一起了,如果大家再去看看其他國內高質量的黑體則不會出現這樣的情況。
其他
總會有些看起來奇怪的字。比如「餐」,一般黑體最後一筆是點,我不知道是不是算是避重捺,但蘋方最後一筆是捺,還做的很違和。「瓜」,其實瓜沒什麼問題,只是我更喜歡齊力老師的瓜,比較接地氣,符合我們的審美。中間的豎筆形的寫法可能源於宋體,當時宋體的瓜豎折是分開了的兩筆。好吧,差不多先寫到這裡,我相信每個人心中都有初步的認識啦O(∩_∩)O最後到了我自己喜聞樂見的打分階段了。
——————————蘋方 UI字體功能性 9分 排他性 6分 視覺修正 7分 骨骼結構 8分在UI字體匹配性上超越了大部分國內字體,但和日本頂級的ヒラギノ角ゴ、游ゴシック還有差距。印刷字體或者大字型大小方面還請大家去使用字體公司幾款有保證的黑體,旗黑、蘭亭黑、晶熙黑等,謝謝。這幾天抽出時間認真地對比了一下,事實證明蘋果它真的把思源黑體當成蘋方掛在官網上了——(另外,曾經得到過第一版蘋方(早期的內部版本)的孫志貴指出第一版蘋方可以和原官網樣圖完全重合,但是具體細節隨著正式預覽版本的發布已不清楚。我更傾向於是用了思源黑。)蘋果真是害人不淺。順便@一個高贊同答主,和兩個被官網樣圖欺騙的答主:@StarBrilliant , @Linkzero Tsang , @哐哐
- OS X 新字體「蘋方」搶先看 - ibuick,高手進階 - 知乎專欄
- 蘋方可用作白痴過濾器 - ibuick,高手進階 - 知乎專欄
- 【專題】《OS X / iOS 六年字體戰爭》 - ibuick,高手進階 - 知乎專欄
【注】Apple 官方網站現在這個「果」字讓小林劍收到不少關於「蘋方涉嫌盜改思源黑體」的指控…在我將蘋方的散裝 OTF 檔案交給小林劍確認之後,小林劍證實這些指控都是無效的、且在 Twitter 那邊和木田泰夫吐槽說請 Apple 另換一個展示用字。(彼時小林劍不知道蘋方是威鋒數位製作的產品)
其實可以換成下面這樣:我來偏個題,說說日語字體的變化。
筑紫系列就不提了,官網有介紹。重點在 Hiragino Kaku Gothic 系列,這次蘋果一口氣買下從 W0 到 W9 十個字重,真可謂土豪至極。最詭異的是 W0 字重大家甚至聞所未聞,因為它跟本沒有在日本任何網站出現過!同時,蘋果將該家族全面改名為「Hiragino Sans」。
ps:渴望收藏全套 Hiragino Kaku Gothic CID 版本的朋友快來吧,蘋果歡 (keng) 迎 (qian) 你,還贈獨家絕密字重 W0 哦……咳咳……反正比華文黑體好百倍
看,台標唉,@孫志貴睡覺都能笑醒了吧……APPL-TC2-0 是個什麼神奇的 cidmap……而且繁體版居然缺字,尼瑪你 glyph 都在的好不?做個 fallback 都行啊:
坦白說我還是覺得華文黑體和華文細黑的搭配最優雅,每個字的收口都很舒服,放大之後觀看更佳,閱讀很舒服.. 蘋方感覺比較平庸。
全字重預覽如下圖。想要替換Yosemite默認字體的看這裡:TadaLand
只說中文部分,偏扁圓,多了活潑(有人說幼稚,好像也對,特別那個右鉤,萌得不要不要的),少了優雅。實際對比:在少量文字情況下如菜單,會比原來的華文黑體清晰,但大段文字閱讀起來可能會比較疲勞!
這幾個字的結構,已經把我弄吐了。
放些個人截圖,iOS 9上的實測表現:
這套字體,我收貨。反正我就很喜歡
新的蘋方字體看起來有點幼稚小氣,沒有鏗鏘的力度,邊角的細緻程度都是一樣的,感覺沒有多少視覺的衝擊效果。
個人覺得字體在滿足清晰易看的前提下,還需要把漢字的精神表達出來,所謂的漢字精神就是手寫時的力度和字體的整體造型,從這點上來看蘋方是失敗的。
就之前使用的黑體和蘋方比較,個人更傾向於之前使用的字體,起碼看起來更簡潔,有力。用了好些天了,現在說我的想法:1、只在小字型大小好看;2、個人覺得還不如思源黑體看的舒服。期待繼續改進。
認同蘋方的無非就是說字重多,蘋果使用那麼長時間的華文黑有因為字重帶來的閱讀方面的問題嗎?還有說蘋方清晰的,抱歉,我真的不認為那種黑乎乎的一團有何清晰可言。而且蘋方字體設計的看上去毫無美感可言,十分不協調,這不是適不適應的問題,電腦上看了那麼多年的雅黑也沒覺得雅黑好看,反而第一次看到華文黑的時候一下就被驚艷到了。清秀細緻清晰的筆畫直接讓自己喜歡的不能自拔,從此電腦上的字體就一直被換成了華文黑,手機升級了IOS9以後也把字體換回了華文黑。
推薦閱讀:
TAG:中文字體 | WWDC2015 | 蘋方 | OSXElCapitan |