其实苹方黑体很好 一切吐槽iOS 9字体的都是耍流氓

所属分类: 平面设计 / 平面其它 阅读数: 1971
收藏 0 赞 0 分享

9月17日苹果发布了iOS 9正式版,同事第二天更新完了,然后就骂:字体真丑啊。我凑过去看,也跟着骂:真丑啊。闻讯而来的其他同事围上来,也纷纷说丑,然后作鸟兽散,因为饭点到了。那么这个ios9字体到底如何呢,我想对于字体设计的朋友或是果粉们来说是最有发言权了!

几天后,我决定写一篇关于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里文字就显得特别粗壮,跟高晓松似的。所以,只需把字重向下降一级,就能变得纤细了。比方原来标题栏使用Me】:

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

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

其实其实苹方黑体很好 一切吐槽iOS 9字体的都是耍流氓

更多精彩内容其他人还在看

UI设计师必看:详解最全面的组件化开发与设计指南

作为一个UI设计师,设计最重要的一点就是要符合产品功能逻辑,绝不是所谓的“好看”。而组件化的设计理念恰恰是最能帮助设计符合产品功能逻辑的,下面为大家带来详解最全面的组件化开发与设计指南,来看看吧
收藏 0 赞 0 分享

平面设计中相近性的应用技巧

相近性原则也取决于元素在背景上不同位置的放置,从而使人们获得各种不同的信息组合,而最清晰的效果就是利用白色背景来区分这些组合,今天为大家分享平面设计中相近性的应用技巧,来看看吧
收藏 0 赞 0 分享

相似的形状、颜色等其他特性在平面设计中的应用

在设计中相似的特性可以成为我们有力的工具,利用相似性,我们可以使两个相隔较远的元素在信息上联系起来,下面为大家详细介绍相似的形状、颜色等其他特性在平面设计中的应用,来看看吧
收藏 0 赞 0 分享

看看近30年奥斯卡最佳影片海报都长什么样子

今天为大家带来近30年奥斯卡最佳影片海报,看看都长什么样子,统计是从第59届奥斯卡开始的,因为之前的海报都太具有年代感了,对于设计朋友真的很值得过来学习,一起来学习吧
收藏 0 赞 0 分享

SVG格式的图片编辑修改方法

做分析的时候,经常会遇到一些SVG格式的图片,但SVG格式的图片并不能插入到Word文档中,并且需要按照期刊要求修改,怎么办
收藏 0 赞 0 分享

如何创造出好设计?教你利用坏图创造出好设计

虽然说一图胜千言,一张好图会说话。但在设计师的实际工作中,甲方不少,好图难得,碰到客户给的是烂图怎么办?还想不想要高端大气了?如果你的回答是肯定的,那就来看一下今天分享的这篇好文,实例分析,不纸上谈兵,文中涉及很多实用技巧,非常值得新手设计师阅读呢。
收藏 0 赞 0 分享

设计师必须知道的17个行业规则

设计这行摸爬滚打十几年,林林总总各行各业的客户接触不少,由于中国应试教育的不足,导致不少人对这一行业工作流程缺乏了解。本文就为设计师总结了17个行业规则,希望作为设计朋友认真阅读,这样在以后的工作中可以少走点弯路
收藏 0 赞 0 分享

如何才能做出有创意的作品 什么是好的创意

作为一名设计师,常常面对各种创意需求,但创意这种东西,在有限的时间之内,常常是没有创意的、没有灵感的,这让许多设计师苦恼抓狂。本文就向设计师朋友介绍如何快速打造有创意的作品的一些方法和发散思维的办法,希望能帮助到大家
收藏 0 赞 0 分享

图文搭配技巧:给照片配上文字的十个方法

图文搭配是是平面设计的基本功。给照片配上文字,与平面排版有相通之处,但因为偏重不一样,所以处理方式截然不同。本教程就为大家介绍十个图文搭配的技巧,教程比较实用,推荐过来与大家一起分享学习,希望大家喜欢
收藏 0 赞 0 分享

UI界面中首字母大写和小写有哪些优缺点呢?

UI界面中首字母大写和小写有哪些优缺点呢?对于很多朋友并不是很清楚,所以下面小编就为大家详细介绍一下,不会的朋友可以参考本文,一起来看看吧
收藏 0 赞 0 分享
查看更多