人机交互的基石|Apple 字体设计排版深度解析
内容提要
本文介绍了苹果系统中使用的字体和排版设计,强调了可读性和用户体验的重要性。苹果在字体选择上从Helvetica到San Francisco,注重优化阅读体验。他们严格遵循规范,关注中英文混排的间距和流畅阅读。苹果在字体和排版设计上的目标是优化阅读体验,这是他们在设计领域的优势之一。
延伸解读
字体更迭背后的可读性驱动
苹果从Helvetica到San Francisco的字体更换,并非单纯追求视觉新鲜,而是为了解决实际可读性问题。文章指出,Helvetica在小字号下可读性直线下降,字母容易黏连。2014年Apple Watch发布后,小屏阅读困难亟待解决,促使苹果推出专为小屏优化的SF Compact,随后扩展为完整的SF字体家族。这一过程体现了苹果以阅读体验为核心的设计逻辑。
SF字体家族的技术进化
San Francisco字体家族通过SF Text和SF Display的自动切换,适应不同字号需求:20磅以下使用字间距更大、x高度更高的SF Text,20磅以上切换为更紧凑的SF Display,且由Xcode自动完成。此外,苹果参与制定OpenType 1.8规范,使SF Pro支持字重、字宽等无级调节,并将所有样式封装在一个文件中,大幅减小体积,方便设计师使用。
中文字体苹方的设计取向
苹方是苹果为中文设计的字体,与SF同期更换。它针对屏幕阅读优化,拥有更宽大的中宫和更大的字面,提升了小字号可读性,并支持多字重,与西文混排时一致性更好。文章认为,这种变化反映了正文黑体设计越来越以功能性为主,向屏幕阅读需求倾斜,国际化混排的一致性优先于中文本身的独特风格。
排版规范与工程化能力
苹果在排版上严格遵循中英文混排规范,并在系统中集成自动排版引擎,即使第三方应用使用原生UI框架,也能自动调整中英文间距,无需手动加空格。文章对比指出,国内厂商如OriginOS的智能排版引擎目前仅限第一方应用,三方应用仍不支持。苹果还通过HIG设计指导和WWDC课程,将设计规范工程化,确保多设备体验一致。
Q&A
苹果系统字体从Helvetica更换为San Francisco的主要原因是什么?
苹果更换字体主要是为了解决小屏设备上的可读性问题。2014年苹果发布Apple Watch,小字号下Helvetica可读性直线下降,字母容易黏在一起。因此苹果在2015年推出San Francisco字体,并率先在Apple Watch上使用专为小屏设计的SF Compact字体。
San Francisco字体家族包含哪些子集?它们分别适用于什么场景?
San Francisco字体家族包含SF Text和SF Display两个子集。当字号小于20磅时使用SF Text,其字间距更大、x高度更高,增加辨识度;当字号超过20磅时切换为SF Display,排版更紧凑,以显示更多内容。此外,还有专为手表设计的SF Compact。
苹果的苹方字体相比之前的华文黑体有哪些改进?
苹方字体基于数码时代设计,专门为屏幕显示优化。相比华文黑体,它拥有更宽大的中宫和更大的字面,大幅提升了小字号可读性;支持更多字重,适配多字重混排;与SF字体混排时字重和笔画粗细接近,融合更好,版面更整齐。
苹果在排版设计中如何处理中英文混排的间距问题?
苹果严格遵循排版规范,在中英文之间自动加入适当间距。系统集成了全自动排版引擎,使用原生UI框架时,即使是三方应用,系统也会自动拉开中英文间距,无需手动加空格。此外,苹果官网还定制了特殊SF字体,将中文缩小到正常的89%,使中英文大小更接近,混排更流畅。
OpenType 1.8规范对字体设计有什么影响?苹果如何应用它?
OpenType 1.8规范由苹果、微软、谷歌、Adobe于2016年共同发布,支持字重、字宽、视觉字号等无级调节。苹果的SF字体家族已支持全部这些特性,并将所有样式封装在一个文件(SF Pro)中,减小了文件体积,设计师无需切换字体即可获得全部样式。
苹果的SF Symbols图标包有什么特点?
SF Symbols是伴随SF字体推出的图标包,包含5000多个图标,覆盖几乎全部应用场景,其中包括500多个为CarPlay准备的汽车仪表盘图标。这些图标设计精美、样式统一,能与SF字体无缝匹配,为开发者节省设计和时间成本,使第三方应用设计更精美。