2015-10-28 用心設(shè)計(jì)
藍(lán)藍(lán)設(shè)計(jì)( www.alimai.net )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(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)容，每天自動發(fā)到您的郵箱中， 請點(diǎn)這里
來源：莫貝網(wǎng)
深度分析版《蘋果舊金山字體的秘密》
Tiah：9月17日蘋果發(fā)布了iOS 9正式版，同事第二天更新完了，然后就罵：字體真丑啊。我湊過去看，也跟著罵：真丑啊。聞訊而來的其他同事圍上來，也紛紛說丑，然后作鳥獸散，因?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)為，是方正幼圓之類。我反復(fù)對比了5S、6和6P，確實(shí)不像第一次見到那么土圓肥了。
為了詳細(xì)了解新字體，我百度輸入：iOS 9字體：
吐槽的火力直指一個(gè)，那就是新字體有一種濃濃的安卓即視感。
天了嚕！要知道蘋果和安卓自古就是兩大陣營，兩家的用戶彼此看不起對方，而iPhone用戶天生自帶優(yōu)越感，覺得高安卓一等，因?yàn)樘O果機(jī)子貴嘛。iOS 9一更新，和安卓沒區(qū)別了，優(yōu)越感沒了。
我整理了一些網(wǎng)友的吐槽：
吐槽歸吐槽，慢慢就習(xí)慣了。當(dāng)年iOS 6從擬物到扁平，iOS 7遭受鋪天蓋地的爭議，現(xiàn)在還不是用得好好的，要是誰再畫個(gè)擬物，保不齊你還鄙視人家呢。所以，時(shí)間是最好的砂紙，能磨平和檢驗(yàn)一切。鳳姐都在鳳凰新聞寫專欄了，還有什么不能接受呢？
說了一堆糙理，還是要用認(rèn)真的態(tài)度分析一下：
iOS 8默認(rèn)中文字體是老牌的華文黑體，該字體的顯著特點(diǎn)是筆畫末端稍微加粗，俗稱“喇叭口”，像是70年代流行的喇叭褲——其目的是在印刷精度較低的時(shí)期保證字體更加清晰。華文黑體也是Mac OS X的默認(rèn)中文字體。而iOS 9中文字體蘋果公司是針對中國設(shè)計(jì)的蘋方字體，字型方正、筆畫干凈，更加現(xiàn)代，同時(shí)支持簡繁體。
我找了APP常用的六種中文字體進(jìn)行對比：華文黑體和蘋方黑體的體型相似，稍瘦長，區(qū)別是筆畫末端略有不同；華文黑體和冬青黑簡體筆畫末端相同，但 體型相異，后者稍扁寬；蘋方黑體和漢儀旗黑區(qū)別是后者撇捺筆畫硬朗；微軟雅黑在六種字體中體型最大，在小屏上會使閱讀變得更累。
接著說，iOS 9中文字體是從Mac OS X字體包六種字重中挑選四種字重制作成手機(jī)字體。華文黑體只有Medium和Light兩種字重，蘋方黑體較 之多出Thin和UltraLight兩種字重。用戶一旦更新iOS 9，手機(jī)程序自動更新字體，同名字重之間替換，由于新字體的同名字重比老字體更重，導(dǎo)致沒有來得及重新優(yōu)化的APP里文字就顯得特別粗壯，跟高曉松似的。 所以，只需把字重向下降一級，就能變得纖細(xì)了。比方原來標(biāo)題欄使用Medium，現(xiàn)在使用Light就夠了。
iOS 9的英文字體由原來的Helvetica變成SanFrancisco，和中文一樣，筆畫變得剛正有力。
我們對比相同兩個(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í)針對iOS 9進(jìn)行適配，標(biāo)題欄使用Medium，氣泡使用Light，使得不管是聊天界面還是列表看起來都非常重。減輕界面厚重的另一個(gè)辦法就是降低字體的黑色，比方使用＃222222代替＃000000等。相信微信的設(shè)計(jì)師們早已發(fā)現(xiàn)這些問題，正著手調(diào)整，讓我們拭目以待。
最后，總結(jié)一下。
丑和美從來就帶有主觀的偏見，我們說蘋方黑體丑是因?yàn)榱?xí)慣了華文黑體，就像黎叔習(xí)慣了女兒二十多年一直對他撒嬌，有一天女兒領(lǐng)著陌生男孩回來整天粘在一起——黎叔很生氣。
iOS 8字體到iOS 9的變化就像小時(shí)候走過的鄉(xiāng)間小路，踩在腳下又松又軟。有一天，黃色的軋路機(jī)推著巨大的車輪將它碾成筆直的柏油馬路。道路變得堅(jiān)固寬闊，踩在上面又硬又實(shí)。你雖有不適，雖有懷舊。但其實(shí)，這種變化就是歷史發(fā)展，你終究會在淡忘中欣然接受。
作者微信公眾號，歡迎關(guān)注喲。
作者：tiah
文章來自：優(yōu)設(shè)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.alimai.net