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

「蘋(píng)方」字體

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

屏幕上「熟悉」的新面孔

蘋(píng)方與其他黑體

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

英文部分,蘋(píng)果下一代系統(tǒng)全面啟用的 San Francisco 也有被認(rèn)為和 Google 的 Roboto 相似翅阵,主要指兩者都有著相對(duì)較高的 x-height歪玲,以及對(duì)「a」、「l」和很多小寫(xiě)字母的處理上有相似的風(fēng)格掷匠。但 San Francisco 的 x-height 顯然更夸張滥崩,而且字距更寬、排列更疏散讹语,相同字重下筆畫(huà)也稍微細(xì)一點(diǎn)钙皮,加上巨大的字懷形成的負(fù)空間,很容易給人輕飄飄的感覺(jué)。風(fēng)格上反而像德國(guó)的車(chē)牌字體 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ì)師西冢涼子小姐基于自己的「りょうゴシック(小冢黑體)」骨架签杈,加上多方通力合作開(kāi)發(fā)出的泛 CJK(中日韓統(tǒng)一表意文字)字體家族瘫镇。),以黑體形式呈現(xiàn)宋體的結(jié)構(gòu)比例的新穎概念芹壕,以及全字重豪華配置和最終令人咋舌的高完成度(繁體中文部分)汇四。

Xin Gothic
華文黑體與信黑體

蘋(píng)方作為新面孔接奈,字形和風(fēng)格上無(wú)疑屬于介于冬青黑體和蘭亭黑/雅黑之間的類(lèi)別踢涌,完全去除喇叭口和原系統(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ǔ)字符集等等)是中文字體開(kāi)發(fā)過(guò)程中的最主要的、也是繞不開(kāi)的障礙澈蝙。所以吓坚,在中文字體中,字重?cái)?shù)少甚至只有一種字重的字體并不少見(jiàn)灯荧。當(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)的目的。筆畫(huà)拼接技術(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ì)微的差異就在于此。

蘋(píng)方則似乎沒(méi)有類(lèi)似的考慮慢宗。

西文字體的情況要樂(lè)觀不少坪蚁,多語(yǔ)種、多字重和高完成質(zhì)量是業(yè)界標(biāo)準(zhǔn)镜沽,區(qū)分的「花樣」也更多:拋開(kāi)襯線字體和 Black Letter 之外敏晤,僅僅對(duì)應(yīng)中文的「黑體」,無(wú)襯線字體有著 Humanist缅茉、Geometric 等等差異明顯的風(fēng)格嘴脾,加上筆畫(huà)末端處理、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é)類(lèi)似的灰度结澄。

不同字號(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)居中,和為表盤(pá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ù)雜的筆畫(huà)和豎排形式是排版和設(shè)計(jì)中無(wú)可替代的體系。是否應(yīng)該更加注重漢字本身的特點(diǎn)绍妨,為有著宋润脸、楷、隸他去、草的方塊文字開(kāi)發(fā)出不同于西文的排版和設(shè)計(jì)毙驯?

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末灾测,一起剝皮案震驚了整個(gè)濱河市爆价,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖铭段,帶你破解...
    沈念sama閱讀 218,755評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件骤宣,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡序愚,警方通過(guò)查閱死者的電腦和手機(jī)憔披,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,305評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)爸吮,“玉大人芬膝,你說(shuō)我怎么就攤上這事⌒谓浚” “怎么了蔗候?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,138評(píng)論 0 355
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)埂软。 經(jīng)常有香客問(wèn)我锈遥,道長(zhǎng),這世上最難降的妖魔是什么勘畔? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,791評(píng)論 1 295
  • 正文 為了忘掉前任所灸,我火速辦了婚禮,結(jié)果婚禮上炫七,老公的妹妹穿的比我還像新娘爬立。我一直安慰自己,他們只是感情好万哪,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,794評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布侠驯。 她就那樣靜靜地躺著,像睡著了一般奕巍。 火紅的嫁衣襯著肌膚如雪吟策。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,631評(píng)論 1 305
  • 那天的止,我揣著相機(jī)與錄音檩坚,去河邊找鬼。 笑死诅福,一個(gè)胖子當(dāng)著我的面吹牛匾委,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播氓润,決...
    沈念sama閱讀 40,362評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼赂乐,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了咖气?” 一聲冷哼從身側(cè)響起挨措,我...
    開(kāi)封第一講書(shū)人閱讀 39,264評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤辐啄,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后运嗜,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體壶辜,經(jīng)...
    沈念sama閱讀 45,724評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,900評(píng)論 3 336
  • 正文 我和宋清朗相戀三年担租,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了砸民。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,040評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡奋救,死狀恐怖岭参,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情尝艘,我是刑警寧澤演侯,帶...
    沈念sama閱讀 35,742評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站背亥,受9級(jí)特大地震影響秒际,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜狡汉,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,364評(píng)論 3 330
  • 文/蒙蒙 一娄徊、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧盾戴,春花似錦寄锐、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,944評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至衅斩,卻和暖如春盆顾,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背矛渴。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,060評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工椎扬, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人具温。 一個(gè)月前我還...
    沈念sama閱讀 48,247評(píng)論 3 371
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像筐赔,于是被迫代替她去往敵國(guó)和親铣猩。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,979評(píng)論 2 355

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

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