护城河／图文与视频

[护城河]人机交互的基石｜苹果字体设计排版深度解析

2024.01.30两颗皮蛋视频 16:19

本期简介

感谢「V」和「Simon」两位对本期节目的大力支持。护城河视频制作不易，希望大家多多三连～

这一期护城河我们准备的时间确实是够久的，因为我们瞄准了一块非常难啃的骨头，就是苹果的字体和排版设计。我们生活中充满了各种文字，人们往往会关注内容，但很少有人会注意字体本身。

而字体和排版的设计也是人机交互界面的基石，那苹果的系统在这方面做的怎么样？现在各家都做了自己的品牌定制字体之后，苹果还有什么过人之处？

虽然我不是字体设计师，但是在查了很多很多资料之后。我还是想试试，把背后的一整个前因后果分享给你

图文解读

经典的字形，放进更小的屏幕，仍然好读吗？

我们把 Helvetica、San Francisco 与苹方放回具体使用场景，比较不同字号和设备上的阅读表现。一个关于审美的问题，由此转向更具体的产品需求。

作品对照 Text 与 Display，解释字形、间距与视觉字号怎样回应不同的阅读尺寸。

再把中文与西文放在一起，观察字面、笔画和字重的配合，说明阅读的连贯感怎样形成。

作品继续研究人机界面指南，以及 WWDC 中的实践课程。页面结构、文字大小与间距，怎样成为设计师的共同语言。

规则进入系统组件与开发工具，才有机会稳定地出现在系统、应用和更多品牌触点中。

“设计上的领先，往往也代表着
流程和制度的领先。”

两颗皮蛋 · 本期视频原稿

这期作品把字形、阅读需求和执行方式放在一起，让读者看见：一种体验怎样被做出来，又怎样在更多地方保持一致。