2015-10-28 用心設(shè)計
藍(lán)藍(lán)設(shè)計( www.88yangsc.com )是一家專注而深入的界面設(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)
深度分析版《蘋果舊金山字體的秘密》
Tiah:9月17日蘋果發(fā)布了iOS 9正式版,同事第二天更新完了,然后就罵:字體真丑啊。我湊過去看,也跟著罵:真丑啊。聞訊而來的其他同事圍上來,也紛紛說丑,然后作鳥獸散,因為飯點到了。
幾天后,我決定寫一篇關(guān)于iOS 9字體的文章,于是也把手機(jī)更新了。其實一開始要更新iOS 9我是拒絕的,因為怕內(nèi)存不夠。16G傷不起啊,平時裝個應(yīng)用就得刪個應(yīng)用,手機(jī)里幾乎沒有游戲。
更新完發(fā)現(xiàn)新字體居然沒有那么丑了。讓我很費解是,當(dāng)天更新的同事或朋友都認(rèn)為新字體很圓潤,包括我也這么認(rèn)為,是方正幼圓之類。我反復(fù)對比了5S、6和6P,確實不像第一次見到那么土圓肥了。
為了詳細(xì)了解新字體,我百度輸入:iOS 9字體:
吐槽的火力直指一個,那就是新字體有一種濃濃的安卓即視感。
天了嚕!要知道蘋果和安卓自古就是兩大陣營,兩家的用戶彼此看不起對方,而iPhone用戶天生自帶優(yōu)越感,覺得高安卓一等,因為蘋果機(jī)子貴嘛。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常用的六種中文字體進(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,和中文一樣,筆畫變得剛正有力。
我們對比相同兩個界面可以發(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進(jìn)行適配,標(biāo)題欄使用Medium,氣泡使用Light,使得不管是聊天界面還是列表看起來都非常重。減輕界面厚重的另一個辦法就是降低字體的黑色,比方使用#222222代替#000000等。相信微信的設(shè)計師們早已發(fā)現(xiàn)這些問題,正著手調(diào)整,讓我們拭目以待。
最后,總結(jié)一下。
丑和美從來就帶有主觀的偏見,我們說蘋方黑體丑是因為習(xí)慣了華文黑體,就像黎叔習(xí)慣了女兒二十多年一直對他撒嬌,有一天女兒領(lǐng)著陌生男孩回來整天粘在一起——黎叔很生氣。
iOS 8字體到iOS 9的變化就像小時候走過的鄉(xiāng)間小路,踩在腳下又松又軟。有一天,黃色的軋路機(jī)推著巨大的車輪將它碾成筆直的柏油馬路。道路變得堅固寬闊,踩在上面又硬又實。你雖有不適,雖有懷舊。但其實,這種變化就是歷史發(fā)展,你終究會在淡忘中欣然接受。
作者微信公眾號,歡迎關(guān)注喲。
作者:tiah
文章來自:優(yōu)設(shè)
藍(lán)藍(lán)設(shè)計的小編 http://www.88yangsc.com