你好,欢迎进入江苏优软数字科技有限公司官网!

诚信、勤奋、创新、卓越

友好定价、专业客服支持、正版软件一站式服务提供

13262879759

工作日:9:00-22:00

sketch mac iOS 9字体介绍及使用

发布时间:2026-01-25

浏览次数:0

Ping| 昨天 10:15

相比于其他,对于UI设计师而言,iOS 9的更新,最让人激动兴奋为之雀跃不已的,是它带来了全新精心设计打造的中文字体「苹方」,还有那英文字体「San 」。

中文字体「苹方」

当 iOS 9 还未出现的时候,其中文使用的字体是「黑体」,这一字体被人批评了很长时间,它有喇叭口方面的设计,而且仅仅只有 2 个字重,在屏幕上无法达成很好的显示效果sketch mac,随着开始属于 iOS 7 的扁平化设计语言来袭,具备两个字重的「黑体」根本就完全没办法满足设计所提出的需求了。

就在上年,和Adobe联合发布了「思源黑体」当作默认的中文字体,全新的「思源黑体」不光在字形方面更便于在屏幕上阅读,而且具备7个字重,完全满足了设计的要求。

最后,iOS 9 带来了全新的「苹方」,其字形愈发「优美」,并且在屏幕上的显示也更为清晰易读,具备 6 个字重,满足了日常的设计以及阅读需求。 。

英文字体「San 」

在英文方面,苹果添加了新字体「San 」,这个字族含有两个字体,一个是为 iOS 和 OS X 设计的 SF,另一个是为 Watch OS 设计的 SF,它们各有分类,各自分为 Text 和 ,其中前者有 6 个字重,后者有 9 个(多了三个斜体),标点符号。

对于 SF 这种字体而言,它目前是专门针对 Watch OS 来进行设计的,关于该字体,其最为明显的差异之处就在于字碗的设计,这种设计呈现得更加平直,进而显得瘦长,而手表的界面是非常小的,通过增加字体之间的间距能够有效提高字体的阅读性。

有这么一个比较特别的情况,SF 字体它包含了两个,这两个分别是:SF-UI- 以及 SF-UI-Text,它们二者之间所存在的差异主要是字体间距那里不同,属于 Text 的字体间距是比较大的,在再小的字体当中它会更加容易被读出来。

而苹果所建议的使用规则为,小于19pt时要使用Text,大于19pt时则使用,当你在APP里面应用了SF字体后,系统会自动进行选择,究竟是使用SF - UI - 还是SF - UI - Text 。

SF字体还有一特性,即支持符号整体居中,拿时间显示来说,先前冒号不居中,然而新字体调用其API能达成居中 。

字体使用规则与实际中注意的问题

中文字体使用(字体选择与字体调用名称)

若进行了 Mac 最新之 El(10.11)的安装,那其中便已然包含了该字体,对于较老的苹果系统而言,或者用户就得自行去下载了。简体中文字体的英文名称为「」,在其中存在 6 个字重可供进行选择。现今诸多的 App 是呈内嵌 Html5 状态的,如此一来在设计之际怎样去选择字体的字重呢?于 Html 当中我们选用 Font- 来对字体的粗细予以设置,如下所示的图便是字体的粗细与 Font- 数字相对应的关系:

设计稿的调整

要是之前于设计 App 时用的是「黑体 - 简」,它存有两个字重,分别是细体和中等,与之对应的是能调整成苹方的细体以及常规体,或者是中粗体,为啥会有个「或」,实际上,「黑体 - 简」的中等字重是偏向粗的那种,这是由于该字重是直接从「华文黑体」的中黑体拿过来凑合着用的!

字体渲染问题

当前进行UI界面设计时sketch mac,主流所采用的皆是 与 。于字体的挑选之外,究竟什么样的设计稿方能愈发贴近iOS系统实际的渲染效果呢?我们必须留意两点:一是渲染方式,二是字体大小的选择。

1. PS 中选择苹方字体,渲染方式选择「Mac」

由于运用的是 Mac 预设的渲染形式,故而无需进行挑选,然而针对中文而言却存在毛病,就如同下面这张图(上方)所呈现的那样,解决办法为:开启→将 Font 的勾选去除便恢复正常了。

渲染对比

设置( 3.41 已经将改设置改到第二个选项「」中)

英文字体使用

在于SF与SF字体二者之间有区别,Watch OS运用的是SF 。

2. 当处于不同字号情形下进行字体选择,要是字号大于19pt,那就选择SF - UI - 这样的字体,倘若字号小于19pt的话,便要选择SF - UI - Text这种字体。

关于iOS 9的新字体的介绍,就到这里了,若是存在错误,或者有疑问,均能够告诉我。

如有侵权请联系删除!

13262879759

微信二维码