從「蘋方」和 San Francisco 看精密像素上的新字體成員

「蘋方」字體

6月19日(北京時(shí)間6月20日凌晨)蘋果發(fā)布了新的桌面系統(tǒng) El Capitan。除了新系統(tǒng)名字的奇怪西語(yǔ)讀音,在中文圈里的談資當(dāng)然還包括毫無(wú)前兆推出新的中文字體「蘋方」。前段時(shí)間 Apple Watch 推出時(shí),新的西文字體 San Francisco 引起熱議,而中文界面仍使用華文黑體確實(shí)讓中文世界的用戶和設(shè)計(jì)師感到失望。所以,這次新字體「蘋方」的發(fā)布絕對(duì)算得上是驚喜。

屏幕上「熟悉」的新面孔

蘋方與其他黑體

官方介紹頁(yè)面上的「果」字第一時(shí)間引起了「蘋方涉嫌抄襲思源黑體」的爭(zhēng)論,相似的筆畫、末端處理、重心和中宮大小甚至如此多的字重都很相似。而思源黑體來(lái)自于蘋果在移動(dòng)端的直接競(jìng)爭(zhēng)對(duì)手 Google,作為 Android 的中日韓地區(qū)字體將接觸到很大一部分的亞洲用戶。蘋方的地位同樣作為系統(tǒng)字體,是為高分辨率 Retina 屏幕開發(fā)的「精密像素上的字體」。

英文部分,蘋果下一代系統(tǒng)全面啟用的 San Francisco 也有被認(rèn)為和 Google 的 Roboto 相似,主要指兩者都有著相對(duì)較高的 x-height,以及對(duì)「a」、「l」和很多小寫字母的處理上有相似的風(fēng)格。但 San Francisco 的 x-height 顯然更夸張,而且字距更寬、排列更疏散,相同字重下筆畫也稍微細(xì)一點(diǎn),加上巨大的字懷形成的負(fù)空間,很容易給人輕飄飄的感覺(jué)。風(fēng)格上反而像德國(guó)的車牌字體 DIN(介紹的 Keynote 里也說(shuō)這是一款「DIN-inspired」字體)??傊瓉?lái)的系統(tǒng)字體 Helvetica Neue 差別巨大,現(xiàn)代感上真正稱得上是 2015 年的字體吧。

視覺(jué)上如此相似,是為了適應(yīng)屏幕顯示的殊途同歸,而不惜冒著與競(jìng)爭(zhēng)對(duì)手太過(guò)同質(zhì)化的巨大風(fēng)險(xiǎn)嗎?

作為同樣為屏幕顯示設(shè)計(jì)的字體,曾擔(dān)任華康字型設(shè)計(jì)總監(jiān),多款優(yōu)秀中文字體的作者,著名香港字體設(shè)計(jì)師柯熾堅(jiān)老師(Sammy Or)在 2010 年推出的信黑體堪稱典范:歷時(shí)三年、零骨架基礎(chǔ)制作(思源黑體是日本設(shè)計(jì)師西冢涼子小姐基于自己的「りょうゴシック(小冢黑體)」骨架,加上多方通力合作開發(fā)出的泛 CJK(中日韓統(tǒng)一表意文字)字體家族。),以黑體形式呈現(xiàn)宋體的結(jié)構(gòu)比例的新穎概念,以及全字重豪華配置和最終令人咋舌的高完成度(繁體中文部分)。

Xin Gothic
華文黑體與信黑體

蘋方作為新面孔,字形和風(fēng)格上無(wú)疑屬于介于冬青黑體和蘭亭黑/雅黑之間的類別,完全去除喇叭口和原系統(tǒng)字體中令人詬病的刺眼起筆,同時(shí)保持合適的中宮和字面,也許是中文系統(tǒng)字體的殊途同歸吧。

「系統(tǒng)字體」必備的通用性

作為桌面和移動(dòng)端系統(tǒng)用的中文字體,必須具備的就是通用性,即滿足在復(fù)雜多變的屏幕顯示下的排版要求:

  • 主要載體是有背光的熒幕
  • 滿足復(fù)雜的信息架構(gòu)的層級(jí)要求,需具備多種字重
  • 漢字地區(qū)(主要是中國(guó)大陸和港澳臺(tái)、日本)多種語(yǔ)言
  • 滿足標(biāo)題和正文排版需求
  • 風(fēng)格中庸,結(jié)構(gòu)穩(wěn)定,不帶情緒(與所有正文用字體一樣)

相比拉丁語(yǔ)系的數(shù)十個(gè)字母,漢字社群動(dòng)輒成千上萬(wàn)的字符數(shù)(GB 7,000 多字,Big5 13,000 多字,還有香港增補(bǔ)字符集等等)是中文字體開發(fā)過(guò)程中的最主要的、也是繞不開的障礙。所以,在中文字體中,字重?cái)?shù)少甚至只有一種字重的字體并不少見。當(dāng)然還有計(jì)算機(jī)技術(shù)起步較西方晚,美術(shù)和設(shè)計(jì)意識(shí)在普通民眾中的缺乏,版權(quán)意識(shí)薄弱等其他原因。作為多語(yǔ)言系統(tǒng)的字體,就必須克服這個(gè)難點(diǎn),達(dá)到在全部語(yǔ)言地區(qū)都有這統(tǒng)一視覺(jué)印象和閱讀體驗(yàn)的目的。筆畫拼接技術(shù)和多方合作是目前的解決方法,但也存在著各方風(fēng)格存在微小差異的問(wèn)題。當(dāng)然了,聰明的字體制作人知道數(shù)字世界最「不合常理」的規(guī)則之一就是超低成本分發(fā),于是將字體當(dāng)做軟件一樣持續(xù)迭代、逐步修正一定程度上解決了這個(gè)問(wèn)題。因此,漢字的多字重也得以實(shí)現(xiàn)。

在思源黑體推出的時(shí)候,Regular 和 Normal 微妙的差異讓很多人疑惑,有一種解讀提出,這種設(shè)置是為了滿足背景色和文字顏色相對(duì)亮度不同的兩種情況。白色背景下的黑色字,因?yàn)榘咨糠制聊话l(fā)出的光暈會(huì)在視覺(jué)上「侵蝕」掉黑色文字的部分,使其看起來(lái)比實(shí)際的細(xì);黑色背景白色字則相反。Regular 和 Normal 從字面解讀上都是「最常用」的字重,細(xì)微的差異就在于此。

蘋方則似乎沒(méi)有類似的考慮。

西文字體的情況要樂(lè)觀不少,多語(yǔ)種、多字重和高完成質(zhì)量是業(yè)界標(biāo)準(zhǔn),區(qū)分的「花樣」也更多:拋開襯線字體和 Black Letter 之外,僅僅對(duì)應(yīng)中文的「黑體」,無(wú)襯線字體有著 Humanist、Geometric 等等差異明顯的風(fēng)格,加上筆畫末端處理、x-height 和連字。

San Francisco 風(fēng)格中庸,與作為標(biāo)示專用字體 Din 相似的字形特征或許是考慮到 Apple Watch 也是「在行動(dòng)過(guò)程中匆匆瞥一眼」的視覺(jué)載體。它擁有多達(dá) 9 個(gè)字重(San Francisco Display 有 9 個(gè)字重,Text 有 6 個(gè)字重),即使在西文中也算得上毫不吝嗇。多字重給設(shè)計(jì)師提供更多選擇,在信息層級(jí)繁多的情況下可以保證不同字號(hào)的文字有著視覺(jué)類似的灰度。

不同字號(hào)保持統(tǒng)一灰度

San Francisco 甚至為行文和表格分別給數(shù)字部分設(shè)置了等寬和非等寬兩種字體。

非等寬數(shù)字部分
等寬數(shù)字部分

在介紹 San Francisco Font 的 Session 中,一個(gè)很有意思的關(guān)于運(yùn)用等寬數(shù)字的例子,是下載進(jìn)度的文字。非等寬字體的數(shù)字在飛速變化中會(huì)形成劇烈的抖動(dòng)感,相信每個(gè)人都有深有體會(huì)。

下載進(jìn)度視覺(jué)抖動(dòng)

插一段題外話,等寬數(shù)字的確能保證視覺(jué)不抖動(dòng),但在今天是否需要把下載的數(shù)據(jù)量實(shí)時(shí)顯示呢?圖形化的百分比是否能達(dá)到同樣的目的?

但毋庸置疑,同時(shí)配備等寬和非等寬數(shù)字可以系統(tǒng)界面中大量需要對(duì)齊的數(shù)字提供了很大的便利。

對(duì)于 San Francisco 的高通用性和為「數(shù)字操作系統(tǒng)」優(yōu)化的方面,比較突出的還有顯示時(shí)間的標(biāo)點(diǎn)居中,和為表盤超小字號(hào)下區(qū)分「6」和「8」的特殊字形。

標(biāo)點(diǎn)居中
超小字號(hào)下的「6」(黃圈)

「這不就是普通的黑體嗎?」

沒(méi)錯(cuò),這仍然是中文字體的大部分受眾的感覺(jué)。平面設(shè)計(jì)師津津樂(lè)道的話題,到了用戶端變得難以分辨,是一直以來(lái)我對(duì)字體排印的疑惑。字體設(shè)計(jì)中信奉著:即使讀者沒(méi)有意識(shí)到,任何細(xì)微的細(xì)節(jié)改變都會(huì)給閱讀體驗(yàn)帶來(lái)影響,我也堅(jiān)信這一點(diǎn)。但漢字圈中的同質(zhì)化嚴(yán)重是大家都意識(shí)到的問(wèn)題。一方面有著字庫(kù)龐大、制作成本高的先天障礙,另一方面相對(duì)西文字體排印歷史也不夠悠久,再加上版權(quán)意識(shí)等等組成不利的環(huán)境。但漢字獨(dú)特的方塊結(jié)構(gòu)、復(fù)雜的筆畫和豎排形式是排版和設(shè)計(jì)中無(wú)可替代的體系。是否應(yīng)該更加注重漢字本身的特點(diǎn),為有著宋、楷、隸、草的方塊文字開發(fā)出不同于西文的排版和設(shè)計(jì)?

比如用中文的楷體對(duì)應(yīng)西文中的斜體。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,739評(píng)論 6 534
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,634評(píng)論 3 419
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人,你說(shuō)我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,653評(píng)論 0 377
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,063評(píng)論 1 314
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 71,835評(píng)論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,235評(píng)論 1 324
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,315評(píng)論 3 442
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,459評(píng)論 0 289
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,000評(píng)論 1 335
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 40,819評(píng)論 3 355
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 43,004評(píng)論 1 370
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,560評(píng)論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,257評(píng)論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,676評(píng)論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,937評(píng)論 1 288
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 51,717評(píng)論 3 393
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 48,003評(píng)論 2 374

推薦閱讀更多精彩內(nèi)容

  • 大家都知道,在不同操作系統(tǒng)、不同游覽器里面默認(rèn)顯示的字體是不一樣的,并且相同字體在不同操作系統(tǒng)里面渲染的效果也不盡...
    陳_宣閱讀 1,949評(píng)論 0 7
  • 一、概念 參考網(wǎng)頁(yè)字體Serif和Sans-serif的區(qū)別及瀏覽器字體的設(shè)置CSS Font知識(shí)整理總結(jié) 1.F...
    合肥黑閱讀 6,327評(píng)論 0 12
  • 界面中的小確幸 優(yōu)秀的產(chǎn)品通常在滿足功能需求之外,能給用戶帶來(lái)額外驚喜,比如品牌價(jià)值、產(chǎn)品氣質(zhì)甚至喚起情感上的共鳴...
    2888bf845e80閱讀 2,732評(píng)論 0 25
  • 時(shí)間何其殘忍。 時(shí)間何其殘忍,讓原本善良敦厚的人變得謊話連篇不知廉恥。 時(shí)間何其殘忍,讓原本堅(jiān)強(qiáng)樂(lè)觀的人變得畏手畏...
    想逍遙的舟閱讀 329評(píng)論 1 1
  • 雖然關(guān)于數(shù)字貨幣,尤其是ICO爭(zhēng)議重重,但是泡沫之下,我們不能否認(rèn)的是,區(qū)塊鏈在數(shù)字貨幣、ICO等領(lǐng)域的重大創(chuàng)新,...
    wf_fly閱讀 184評(píng)論 0 0