苹果旧金山字体的秘密

可乐橙
1 评论 13356 浏览 69 收藏 8 分钟
🔗 产品经理专业技能指的是:需求分析、数据分析、竞品分析、商业分析、行业分析、产品设计、版本管理、用户调研等。

iOS 9如今已公开发布。带来了一些细微的变化,但iOS 9的系统字体变成了苹果新推出的旧金山字体,代替了之前用的Helvetica Neue。

Helvetica(左),旧金山字体(右)

旧金山字体之前已经用于Apple Watch中,如今则成为苹果全平台的统一字体:Apple Watch、iPhone、iPad和Mac。

Apple Watch

从第一台iPhone起,苹果就将Helvetica当作系统字体。而且从10.10 Yosemite开始,Mac OS X系统的字体也从Lucida Grande改为了Helvetica。苹果为何抛弃Helvetica?它是全世界最著名最受欢迎的字体。

小字号Helvetica太纤弱

据说Helvetica不适合小字号使用。当Mac OS X Yosemite系统字体改为Helvetica,许多设计师声称Helvetica并不合适。

Helvetica糟糕透了”,Erik Spiekermann说

如果你输入小字号的Helvetica文字,你会发现易读性很低,显得模糊。有些文字交叠在一起,难以辨识。据说苹果设计出旧金山字体正是为了让小号文字在Apple Watch上更易读。

小号字母交叠在一起

但如今,小屏幕设备分辨率比印刷品还高,iPhone中的文字并不像Apple Watch那么小。为什么苹果把iOS、Mac OS X的系统字体都改了,而不是只用于Apple Watch?

旧金山字体不仅仅是一款字体

旧金山字体拥有许多高度易读的特征。实际上Apple Watch和iOS/Mac上的旧金山字体并不相同

字体族“SF”用于iOS/Mac,而“SF Compact”用于Apple Watch。在“o”、“e”这类圆形字母上可以看出区别。SF compact的竖线比SF更平坦。

SF与SF Compact

这点差异使得SF Compact的文字有更大的字距,从而使Apple Watch这样的小设备有较高的易读性。

而且,SF与SF Compact被划分为两套子字体族,分别称作“Text”和“Display”。这就是苹果所谓的“视觉尺寸”。Text字体用于更小的文字,Display字体更大。

旧金山字体族

正如我之前提过的,Helvetica这种非自然(或者说无衬线)字体,两个邻近字母会“交叠”在一起,像“a”、“e”、“s”这种字母在小字号时看起来很相似。

Display与Text字体

用于小号字的旧金山Text字体,被设计成比Display字体有着更大的字距。Text字体的字怀也更大,为了小屏幕的易读性。

旧金山字体是动态的

旧金山字体的一大特点是它动态组织文字。系统会随着字号自动切换Display/Text字体。明确地说,20pt正是这个界限。

设计师与开发者不用操心该用哪种字体。比如给UILabel设置系统默认字体,系统就会为你选择合适的文字。

旧金山字体有一点让我印象很深,就是它的冒号(:)的显示方式。一般情况,冒号会刚好放置在基线上,所以放在数字之间时,它并非垂直居中的。而旧金山字体中,会自动将它垂直居中对齐。

垂直居中的冒号

旧金山字体是为数字时代而生的字体

如你所见,旧金山字体经过了精心的设计,为了使任何字号、任何设备都易于阅读。

被旧金山字体所替代的Helvetica,1957年诞生于瑞士,那时尚没有电子设备。即使今天,Helvetica也被许多公司作为企业字体广泛运用,毫无疑问,未来它会被当作一款伟大的经典字体使用。

另一方面,旧金山字体是一款现代字体。它会根据环境动态改变文字。这是数字时代的一种“数字原住民”字体。

→ 字体 —苹果开发者中心

原文链接:https://medium.com/@mach/the-secret-of-san-francisco-fonts-4b5295d9a745

作者信息:Akinori Machino traveling around the world, seeking next challenge

#专栏作家#

可乐橙,微信公众号:可乐橙(colachangreen)。人人都是产品经理专栏作家,UI/UX设计师,关注互联网,关注科技。现居杭州,与小伙伴们正在创业途中。或许不是一名优秀的设计师,至少是个快乐的设计师。

本文原创发布于人人都是产品经理,未经许可,不得转载。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 你接着吹

    来自北京 回复
专题
14795人已学习14篇文章
痛点是什么?为什么用户会有痛点?如何抓住用户痛点?优先解决哪些用户痛点?本专题的文章分享了以上的问题详解。
专题
11420人已学习12篇文章
如今随着商业的发展,消费者与品牌建立起了更深的联系,商务活动也开始以消费者为中心,所以消费者的体验以及建议就非常重要。本专题的文章分享了消费者行为学。
专题
13041人已学习11篇文章
产品经理/运营/数据分析师,如果能够掌握一些常用的Excel的技巧,会对工作效率有所提高。本专题的文章分享了经常用到的Excel技巧。
专题
18973人已学习14篇文章
合同管理系统的建设,实现公司对合同的录入登记、审批、履约管理、监控执行、查询、统计等功能。本专题的文章分享了合同管理的设计指南。
专题
12117人已学习12篇文章
OTA,在线旅游(Online Travel Agency)指“旅游消费者通过网络向旅游服务提供商预定旅游产品或服务,并通过网上支付或者线下付费。
专题
12194人已学习12篇文章
本专题的文章分享了营销案例解析。