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