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

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

來源：莫貝網(wǎng)

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

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

Tiah：9月17日蘋果發(fā)布了iOS 9正式版，同事第二天更新完了，然后就罵：字體真丑啊。我湊過去看，也跟著罵：真丑啊。聞訊而來的其他同事圍上來，也紛紛說丑，然后作鳥獸散，因為飯點到了。

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

同樣是因為字體的原因，調(diào)整了距離。

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

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

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

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

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

 

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