示例文章：设计一个让人愿意停留的界面

“安静”不等于没有信息，也不等于把所有元素都做得很淡。一个让人愿意停留的界面，应该先让用户知道自己在哪里，再让用户决定下一步要看什么。

先建立清楚的层次

层次来自尺寸、间距、颜色和位置之间的关系。单独看某一个值很难判断是否合适，放在同一组内容里比较，才容易看见视觉重量。

如果所有文字都使用同样的大小和颜色，界面会显得“平”，用户需要自己寻找重点；如果每个元素都在强调，重点又会全部消失。

留白是内容的一部分

留白不是没有被使用的空间。它在段落之间建立停顿，在卡片之间划分关系，也让页面在不同屏幕尺寸下拥有呼吸的余地。

可以从三个问题开始检查：

1. 相关内容之间是否足够接近？
2. 不同内容组之间是否有明显间隔？
3. 最重要的元素周围是否有足够空间？

重要

统一的间距尺度比单个漂亮的数值更重要。可预测的节奏会让页面更容易阅读，也更容易维护。

颜色应该承担什么工作

颜色不只是装饰。主色可以表示行动或当前位置，柔和的背景色可以承载辅助区块，警示色则应当只用于真正需要注意的状态。

如果一个界面同时使用很多高饱和颜色，用户会很难分辨它们之间的优先级。更稳妥的做法是先选择一个主色，再为成功、警告和错误等状态提供清楚的语义颜色。

动效要有明确的理由

动效可以帮助用户理解状态变化，例如菜单从哪里打开、列表如何重新排序、内容何时加载完成。但如果每个元素都在移动，用户就需要额外的精力追踪页面。

点击下面的文字，可以看到一段隐藏内容：一个好的动效应该让变化更容易理解，而不是为了证明页面“会动”。

建议

为支持减少动效的用户提供静态结果，通常也会让所有用户的等待体验更清楚。

最后用真实内容测试

设计稿里的短标题和整齐卡片很容易显得漂亮。真正的测试应该加入长标题、没有标签的文章、很长的代码、空状态和错误提示，再分别查看窄屏与宽屏的表现。

一个界面最终是否平静，不取决于它有多少装饰，而取决于它是否让用户始终知道：现在看到了什么，接下来可以做什么，以及哪里可以安心停下来。