iOS 9发布后,可能很多用户都没有察觉到界面视觉中那些产生了变化,今日这里介绍的是IOS 9中界面字体的细微变化带来的影响。
OS 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文字,你会发现易读性很低,显得模糊。有些文字交叠在一起,难以辨识。据说苹果设计出旧金山字体正是为了让小号文字在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也被许多公司作为企业字体广泛运用,毫无疑问,未来它会被当作一款伟大的经典字体使用。

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

这样的界面字体设计也是其他举足轻重的位置,界面元素中的一些小小的细节变化或许带来的视觉改变不多,但如果当这种细节改善积累越多的时候,那整个用户视觉体验就有很大的提升了

更多UI设计培训相关的文章--2015年主流的页面导航菜单设计

转载于:https://www.cnblogs.com/qudaxueyuan/p/4893292.html

最新版苹果字体设计的秘密和改变相关推荐

  1. 苹果sf字体_苹果UI设计的改变意味着什么?

    WWDC虽然已经过去了一段时间,虽然没有什么硬件产品,但还是给我们带来了许多新的惊喜.但我们这篇文章不谈技术问题,只谈苹果的UI变化.因为这可能是近10年来苹果第二次颠覆性的升级,上次还是2013年的 ...

  2. 苹果首席设计官将离职;华为将从世界范围招揽天才少年;新版 Edge 更新 | 极客头条...

    快来收听极客头条音频版吧,智能播报由标贝科技提供技术支持. 「CSDN 极客头条」,是从 CSDN 网站延伸至官方微信公众号的特别栏目,专注于一天业界事报道.风里雨里,我们将每天为朋友们,播报最新鲜有 ...

  3. 苹果Mac字体设计编辑工具:Glyphs

    Glyphs 3是一款强大的字体设计,字体编辑工具,可以帮助用户编辑已有的字体,或是设计创建自己专属新字体.Glyphs 3 支持中文字体设计!Glyphs 还支持对这些图标进行自定义,你可以调节这些 ...

  4. X4扭曲字体或图形 coreldraw_20种字体设计与创意方法(超全,超实用)

    是不是曾经为字体设计而烦恼?福利来了~ 字体均由人工设计.我们常用的各类字体是由各个字体设计师设计,即绘制或构建而成.这些设计师通常默默无闻地劳动,但其作品却被我们每天使用.就像各种书法字体一样,一个 ...

  5. 磨金石教育分享:43款字体设计工具大集合,超赞!

    磨金石教育分享43款字体设计工具大集合,涵盖 iOS.Android 还有 Web 的字体设计应用.那么,到底有哪些呢?待我们一一道来: 01. PicLab 利用照片编辑器,快速给照片添加流行的字体 ...

  6. 苹果的设计演化史:1977-2008

    2009年1月24日是第一台苹果电脑诞生25周年,25年来,苹果的设计一直在改变,有成功也有失败,不管他们的产品是否被市场接受,苹果抬高了 计算机行业的门槛,本文讲述了1977到2008年以来苹果重要 ...

  7. 漂亮的字体组合的秘密

    本文讲的是漂亮的字体组合的秘密, 每当我和别人问起他们觉得字体排印中最难的是什么的时候,一个经常听到的回答就是字体的搭配. 我们总是想要使用多种字体来让我们的设计更加生动有趣,但我们中的大多数人其实并 ...

  8. 零基础ui设计培训一定要知道字体设计规则

    作为一名UI设计师,最最重要的就是字体设计这方面,很多UI设计工作中,字体是必不可缺的,下面小编就为大家详细的介绍一下零基础ui设计培训一定要知道字体设计规则. 零基础ui设计培训一定要知道字体设计规 ...

  9. 【UI设计培训】字体设计-偏旁部首变形

    UI设计培训中字体设计也是非常重要的一节课,字体在UI设计岗位中可以说用到的频率是非常高的,是设计师必须学会并且要有娴熟运用的一项必备技能,在进行汉字设计的时候,可以把汉字拆分成几个偏旁部首的形式进行 ...

  10. 原始样式增加标题_好看又实用! 10个标题字体设计技巧

    很多新手设计师刚做海报设计的时候,经常直接使用字库的字体,觉得字体设计很难,所以很少自己去设计字体,其实字体设计有很多种形式,今天我们分享10种常见适用于标题的字体设计技巧,好看又实用,足够让你设计出 ...

最新文章

  1. NUnitForms 测试GUI应用程序的优秀工具
  2. 软件分享大会之Bonny使用感想
  3. java override格式_Lambda表达式告别@override
  4. 光流 | 基于Lukas-Kanade光流法的目标跟踪(附C++代码)
  5. ES6的导入和导出模块
  6. python画图灰白_python 站点资料插值画图及白化
  7. linux下tmpfs文件系统简介
  8. DataTextField和DataValueField的区别
  9. .net 创建计划任务开机后自动以管理员身份启动运行 win7 ~ win10
  10. MP3中设置播放顺序的软件《闪存式MP3伴侣》
  11. NoteExpress使用教程及添加参考文献自动跳转超链接
  12. 各类对象属性拷贝工具性能测试对比(BeanCopier、BeanUtils、DozerBeanMapper、PropertyUtils)
  13. spark-大表join优化方案
  14. 2021SC@SDUSC HBase(十三)项目代码分析——WAL写入
  15. Python爬取彼岸图网10万张高清图片(入门级爬虫)_一蓑烟雨任平生
  16. 一张属于程序员的图片
  17. mysql 日期比较_详解Mysql中日期比较大小的方法
  18. Gitlab和Crowd共享账户集成登入
  19. WinForm DevExpress使用-(ChartControl控件绘制图表)
  20. matlab 计算阴影面积,MATLAB求解阴影面积

热门文章

  1. Qt------------>第三天,添加资源文件、布局、主窗体
  2. IDG资本发布2017年TMT投资趋势:出海崛起,To C复燃,寻找下一个增量市场
  3. 信息学奥赛一本通 1977:【08NOIP普及组】立体图 | 洛谷 P1058 [NOIP2008 普及组] 立体图
  4. PCI Interrupt Handling
  5. 三态输出门实验报告注意事项_Viscosense@粘度计探头在实际使用中的注意事项
  6. #include、.h、.c、main、gcc编译c语言相关知识
  7. 微信好友恢复大师两招教你找回微信好友
  8. oracle数据文件过多,Oracle中数据文件大小的限制
  9. [转][修]利用matlab绘制地图上的点、线、面
  10. 希腊投资移民签证,希腊人发现自己的租赁市场价格上涨