藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

來(lái)源：莫貝網(wǎng)

編者按：一枚阿里設(shè)計(jì)師逗比+專業(yè)的字體分析！蘋果的IOS 9發(fā)布時(shí)，吐槽彈幕擠滿了整個(gè)電腦，然而罵歸罵，作為一枚設(shè)計(jì)師，我們還是得用認(rèn)真的態(tài)度分析一下，這次更新的字體跟以前有什么不同，為什么會(huì)給人“丑”的感覺呢？行文風(fēng)趣幽默，干貨不少，推薦閱讀喲！

深度分析版《蘋果舊金山字體的秘密》

Tiah：9月17日蘋果發(fā)布了iOS 9正式版，同事第二天更新完了，然后就罵：字體真丑啊。我湊過去看，也跟著罵：真丑啊。聞?dòng)嵍鴣?lái)的其他同事圍上來(lái)，也紛紛說丑，然后作鳥獸散，因?yàn)轱堻c(diǎn)到了。

幾天后，我決定寫一篇關(guān)于iOS 9字體的文章，于是也把手機(jī)更新了。其實(shí)一開始要更新iOS 9我是拒絕的，因?yàn)榕聝?nèi)存不夠。16G傷不起啊，平時(shí)裝個(gè)應(yīng)用就得刪個(gè)應(yīng)用，手機(jī)里幾乎沒有游戲。

更新完發(fā)現(xiàn)新字體居然沒有那么丑了。讓我很費(fèi)解是，當(dāng)天更新的同事或朋友都認(rèn)為新字體很圓潤(rùn)，包括我也這么認(rèn)為，是方正幼圓之類。我反復(fù)對(duì)比了5S、6和6P，確實(shí)不像第一次見到那么土圓肥了。

為了詳細(xì)了解新字體，我百度輸入：iOS 9字體：

吐槽的火力直指一個(gè)，那就是新字體有一種濃濃的安卓即視感。

天了嚕！要知道蘋果和安卓自古就是兩大陣營(yíng)，兩家的用戶彼此看不起對(duì)方，而iPhone用戶天生自帶優(yōu)越感，覺得高安卓一等，因?yàn)樘O果機(jī)子貴嘛。iOS 9一更新，和安卓沒區(qū)別了，優(yōu)越感沒了。

我整理了一些網(wǎng)友的吐槽：

 

吐槽歸吐槽，慢慢就習(xí)慣了。當(dāng)年iOS 6從擬物到扁平，iOS 7遭受鋪天蓋地的爭(zhēng)議，現(xiàn)在還不是用得好好的，要是誰(shuí)再畫個(gè)擬物，保不齊你還鄙視人家呢。所以，時(shí)間是最好的砂紙，能磨平和檢驗(yàn)一切。鳳姐都在鳳凰新聞寫專欄了，還有什么不能接受呢？

說了一堆糙理，還是要用認(rèn)真的態(tài)度分析一下：

iOS 8默認(rèn)中文字體是老牌的華文黑體，該字體的顯著特點(diǎn)是筆畫末端稍微加粗，俗稱“喇叭口”，像是70年代流行的喇叭褲——其目的是在印刷精度較低的時(shí)期保證字體更加清晰。華文黑體也是Mac OS X的默認(rèn)中文字體。而iOS 9中文字體蘋果公司是針對(duì)中國(guó)設(shè)計(jì)的蘋方字體，字型方正、筆畫干凈，更加現(xiàn)代，同時(shí)支持簡(jiǎn)繁體。

我找了APP常用的六種中文字體進(jìn)行對(duì)比：華文黑體和蘋方黑體的體型相似，稍瘦長(zhǎng)，區(qū)別是筆畫末端略有不同；華文黑體和冬青黑簡(jiǎn)體筆畫末端相同，但 體型相異，后者稍扁寬；蘋方黑體和漢儀旗黑區(qū)別是后者撇捺筆畫硬朗；微軟雅黑在六種字體中體型最大，在小屏上會(huì)使閱讀變得更累。

接著說，iOS 9中文字體是從Mac OS X字體包六種字重中挑選四種字重制作成手機(jī)字體。華文黑體只有Medium和Light兩種字重，蘋方黑體較 之多出Thin和UltraLight兩種字重。用戶一旦更新iOS 9，手機(jī)程序自動(dòng)更新字體，同名字重之間替換，由于新字體的同名字重比老字體更重，導(dǎo)致沒有來(lái)得及重新優(yōu)化的APP里文字就顯得特別粗壯，跟高曉松似的。 所以，只需把字重向下降一級(jí)，就能變得纖細(xì)了。比方原來(lái)標(biāo)題欄使用Medium，現(xiàn)在使用Light就夠了。

iOS 9的英文字體由原來(lái)的Helvetica變成SanFrancisco，和中文一樣，筆畫變得剛正有力。

我們對(duì)比相同兩個(gè)界面可以發(fā)現(xiàn)，最直觀的感受是數(shù)字1、2和7由彎曲的筆畫變成直線筆畫。因?yàn)閕OS 9中文面積稍大，所以日期星期與時(shí)間的行距增大了一些。

如果不告訴你這是iOS 8和9的兩張截圖，可能一般人難以區(qū)分，但是細(xì)心的美工們還是能看出右圖的應(yīng)用名比左圖稍加清晰。另外，日歷應(yīng)用的數(shù)字21也表明了iOS 9的身份。注意看，右圖日歷應(yīng)用的“星期一”也比左圖的更清晰。

iOS 9計(jì)算器應(yīng)用的輸入?yún)^(qū)域較iOS 8距離右邊稍大，因?yàn)榧訙p乘除等也是屬于英文字體，所以也和老字體稍有不同。

通過黃色半透明色塊可以看出iOS 9因?yàn)樽煮w面積增大，相應(yīng)行距增大，同時(shí)列表高度也增大：左圖列表高141px，右圖144px。另外，兩張圖的第一個(gè)列表都比第二個(gè)列表矮1px。

同樣是因?yàn)樽煮w的原因，調(diào)整了距離。

如前面所說，微信及其他許多應(yīng)用都沒有及時(shí)針對(duì)iOS 9進(jìn)行適配，標(biāo)題欄使用Medium，氣泡使用Light，使得不管是聊天界面還是列表看起來(lái)都非常重。減輕界面厚重的另一個(gè)辦法就是降低字體的黑色，比方使用＃222222代替＃000000等。相信微信的設(shè)計(jì)師們?cè)缫寻l(fā)現(xiàn)這些問題，正著手調(diào)整，讓我們拭目以待。

最后，總結(jié)一下。

丑和美從來(lái)就帶有主觀的偏見，我們說蘋方黑體丑是因?yàn)榱?xí)慣了華文黑體，就像黎叔習(xí)慣了女兒二十多年一直對(duì)他撒嬌，有一天女兒領(lǐng)著陌生男孩回來(lái)整天粘在一起——黎叔很生氣。

iOS 8字體到iOS 9的變化就像小時(shí)候走過的鄉(xiāng)間小路，踩在腳下又松又軟。有一天，黃色的軋路機(jī)推著巨大的車輪將它碾成筆直的柏油馬路。道路變得堅(jiān)固寬闊，踩在上面又硬又實(shí)。你雖有不適，雖有懷舊。但其實(shí)，這種變化就是歷史發(fā)展，你終究會(huì)在淡忘中欣然接受。

作者微信公眾號(hào)，歡迎關(guān)注喲。

 

作者：tiah
文章來(lái)自：優(yōu)設(shè)