解构标志性的 Apple Watch Bubble UI

解构标志性的 Apple Watch Bubble UI

摘要

当第一款 Apple Watch 在 2015 年推出的时候，我对 WatchOS 的主屏幕设计感到震惊。它的布局不同于标准的网格式布局，而是提出了一种原始的视觉动态界面。

五年后，当我打开这款具有光滑又时尚 UI 的手表时，仍然感到敬畏。但是，从工程学的角度来看，我仍然对这种布局的底层原理感到困惑。

作为一名经验丰富的应用程序开发人员，我知道构造导航流程和布局对于任何应用程序的基础都至关重要。Apple 全部都做到了，并且还具有一定的灵活性，用户的满意度和好奇心。

当然，我喜欢使用 CSS Grid、 Flexbox 以及其他 Web 和移动端技术来构建可靠的应用程序布局，但是由于 Apple Watch Bubble UI 背后涉及的复杂性，这些方法并不适用。我决定研究这种布局的各个方面，尤其是探索可以编排布局的视觉设计的几何形状和设计的数学原理。