Wayland追求“每一帧都完美”，UI设计也应如此！

导航链接

页面提供了多个导航链接，包括 [博客](/)、[作品](/projects/)、[演讲](/talks/)、[标志设计](/design/)、[关于](/about/)、[登录](/sign-in/)、[个人信息](/personal-information/)、[用户协议](/user-agreement/)。

“每一帧都完美”理念

不久前，阅读有关Wayland的资料时，有一句话令人印象深刻：Wayland的一个既定目标是 “[每一帧都完美](https://wayland-book.com/protocol-design/design-patterns.html)”。这不仅是技术层面（现代GPU栈非常复杂，而Wayland正试图重新掌控局面）的追求，同样适用于UI设计。经验法则是，在任何时刻为应用程序截图，画面都必须合理。

关注每一帧的原因

关注每一帧能建立用户的信任。因为用户看不到代码，UI是他们评判应用程序质量的唯一途径。如果UI看起来不错，说明开发者花了时间打磨它，这意味着他们很可能也花了相当多的时间优化代码。

实际应用中的体现

在实际应用中，“每一帧都完美”意味着：屏幕切换时没有白屏闪烁；没有部分加载的内容；内容加载时不重新布局；内部保持一致，若UI的一部分显示 “有1个更新可用”，另一部分就不能显示 “正在检查更新...”；动画精准。

动画问题案例

动画常常被忽视。一个UI在起始和结束状态可能看起来很棒，但中间过程却很卡顿。例如，在动画进行到一半时截图，画面可能看起来不太对劲。再如Safari中，占位文本从中间移动，但光标却从左侧开始动画，这种不同步会让人感觉两个组件无法很好地协同工作，消磨用户信任。在Photos应用中，切换裁剪和调整模式时，图片会立即就位，但裁剪边框却有动画效果，会让人产生错觉。YouTube将一个矩形从一个位置移动到另一个位置时做出了奇怪的处理，可能是早期选择的DOM架构的技术限制所致，出现了不完美的帧。

结论与展示

不仅要关注起始和结束状态，也要关注中间的每一个环节，每一帧都很重要。最后，展示了Preview应用中一段突如其来的缩放动画。

2026年6月13日，Niki在此分享编程和UI设计相关的内容，提供Clojure相关的咨询服务，涵盖Web、后端、Datomic、DataScript、性能优化等方面。可查看 [GitHub](https://github.com/tonsky)，并通过 [niki@tonsky.me](mailto:niki@tonsky.me) 联系。