基于状态的动画图标

最好的图标不只是给操作贴标签，而是预演操作。当图标的动画与它所代表的状态同步时，意图与反馈之间的距离被压缩成一个动作。

Linear 的侧边栏切换

Linear 的侧边栏切换图标本身就是动画的，会按照它所控制的侧边栏的方式打开和关闭。图标的动效与面板的动效在时序上保持一致，让这个控件感觉与它操控的界面紧密相连。

Obsidian 的回形针图钉

在 Obsidian 的 Velocity 主题中，标签固定操作打破了常规，用回形针图标取代了传统的图钉。闭合的回形针代表已固定的标签；悬停时，它会在视觉上打开，提示你点击会取消固定。

这个隐喻非常贴切——回形针暂时把文件夹在一起，就像被固定的标签在工作区里保持位置不动。打开的动作建立了清晰的因果关系：悬停让它打开，点击则把它释放。

为什么有效

这两个细节都把图标当成"接下来会发生什么"的一个小预演，而不是静态的标签。动画不是装饰——它是一种承诺。当图标的动效与结果一致时，用户就不再需要把符号翻译成操作，而是提前看到了操作本身。