网站设计 webdesign
当前位置:首页 > 网站建设专题 > 网站设计
字体设计篇!一切吐槽IOS 9字体的行为都是耍流氓
发布日期:2015-10-29 阅读次数:1215 字体大小:

  一枚阿里设计师逗比+专业的字体分析!苹果的IOS 9发布时,吐槽弹幕挤满了整个电脑,然而骂归骂,作为一枚设计师,我们还是得用认真的态度分析一下,这次更新的字体跟以前有什么不同,为什么会给人“丑”的感觉呢?行文风趣幽默,干货不少,推荐阅读哟!

  Tiah:9月17日苹果发布了iOS 9正式版,同事第二天更新完了,然后就骂:字体真丑啊。我凑过去看,也跟着骂:真丑啊。闻讯而来的其他同事围上来,也纷纷说丑,然后作鸟兽散,因为饭点到了。

  几天后,我决定写一篇关于iOS 9字体的文章,于是也把手机更新了。其实一开始要更新iOS 9我是拒绝的,因为怕内存不够。16G伤不起啊,平时装个应用就得删个应用,手机里几乎没有游戏。

  更新完发现新字体居然没有那么丑了。让我很费解是,当天更新的同事或朋友都认为新字体很圆润,包括我也这么认为,是方正幼圆之类。我反复对比了5S、6和6P,确实不像第一次见到那么土圆肥了。

  为了详细了解新字体,我百度输入:iOS 9字体:

  吐槽的火力直指一个,那就是新字体有一种浓浓的安卓即视感。

  天了噜!要知道苹果和安卓自古就是两大阵营,两家的用户彼此看不起对方,而iPhone用户天生自带优越感,觉得高安卓一等,因为苹果机子贵嘛。iOS 9一更新,和安卓没区别了,优越感没了。

  我整理了一些网友的吐槽:

  吐槽归吐槽,慢慢就习惯了。当年iOS 6从拟物到扁平,iOS 7遭受铺天盖地的争议,现在还不是用得好好的,要是谁再画个拟物,保不齐你还鄙视人家呢。所以,时间是最好的砂纸,能磨平和检验一切。凤姐都在凤凰新闻写专栏了,还有什么不能接受呢?

  说了一堆糙理,还是要用认真的态度分析一下:

  iOS 8默认中文字体是老牌的华文黑体,该字体的显著特点是笔画末端稍微加粗,俗称“喇叭口”,像是70年代流行的喇叭裤——其目的是在印刷精度较低的时期保证字体更加清晰。华文黑体也是Mac OS X的默认中文字体。而iOS 9中文字体苹果公司是针对中国设计的苹方字体,字型方正、笔画干净,更加现代,同时支持简繁体。

  我找了APP常用的六种中文字体进行对比:华文黑体和苹方黑体的体型相似,稍瘦长,区别是笔画末端略有不同;华文黑体和冬青黑简体笔画末端相同,但体型相异,后者稍扁宽;苹方黑体和汉仪旗黑区别是后者撇捺笔画硬朗;微软雅黑在六种字体中体型最大,在小屏上会使阅读变得更累。

  接着说,iOS 9中文字体是从Mac OS X字体包六种字重中挑选四种字重制作成手机字体。华文黑体只有Medium和Light两种字重,苹方黑体较之多出Thin和UltraLight两种字重。用户一旦更新iOS 9,手机程序自动更新字体,同名字重之间替换,由于新字体的同名字重比老字体更重,导致没有来得及重新优化的APP里文字就显得特别粗壮,跟高晓松似的。所以,只需把字重向下降一级,就能变得纤细了。比方原来标题栏使用Medium,现在使用Light就够了。

  iOS 9的英文字体由原来的Helvetica变成SanFrancisco,和中文一样,笔画变得刚正有力。

  我们对比相同两个界面可以发现,最直观的感受是数字1、2和7由弯曲的笔画变成直线笔画。因为iOS 9中文面积稍大,所以日期星期与时间的行距增大了一些。

  如果不告诉你这是iOS 8和9的两张截图,可能一般人难以区分,但是细心的美工们还是能看出右图的应用名比左图稍加清晰。另外,日历应用的数字21也表明了iOS 9的身份。注意看,右图日历应用的“星期一”也比左图的更清晰。

  iOS 9计算器应用的输入区域较iOS 8距离右边稍大,因为加减乘除等也是属于英文字体,所以也和老字体稍有不同。

  通过黄色半透明色块可以看出iOS 9因为字体面积增大,相应行距增大,同时列表高度也增大:左图列表高141px,右图144px。另外,两张图的第一个列表都比第二个列表矮1px。

  同样是因为字体的原因,调整了距离。

  如前面所说,微信及其他许多应用都没有及时针对iOS 9进行适配,标题栏使用Medium,气泡使用Light,使得不管是聊天界面还是列表看起来都非常重。减轻界面厚重的另一个办法就是降低字体的黑色,比方使用#222222代替#000000等。相信微信的设计师们早已发现这些问题,正着手调整,让我们拭目以待。

  最后,总结一下。

  丑和美从来就带有主观的偏见,我们说苹方黑体丑是因为习惯了华文黑体,就像黎叔习惯了女儿二十多年一直对他撒娇,有一天女儿领着陌生男孩回来整天粘在一起——黎叔很生气。

  iOS 8字体到iOS 9的变化就像小时候走过的乡间小路,踩在脚下又松又软。有一天,黄色的轧路机推着巨大的车轮将它碾成笔直的柏油马路。道路变得坚固宽阔,踩在上面又硬又实。你虽有不适,虽有怀旧。但其实,这种变化就是历史发展,你终究会在淡忘中欣然接受。

  作者微信公众号,BAT