让每一次动起来都有理由。

为什么动效很重要

Nielsen Norman Group 总结了动效在界面中擅长的四项工作。每一项都能帮助人们理解原本可能错过的东西。

• 反馈：表明系统收到了你的操作，比如一个被按下去的按钮。
• 状态变化：表明某样东西切换了模式，比如播放图标变成暂停。
• 导航：表明你去了哪里，比如一个从侧边滑入的面板。
• 示意：提示你可以做什么，比如一张微微露出、暗示可以滑动的卡片。

时长与缓动

现实世界里，没有什么东西会瞬间启动或停下。缓动就是动画如何加速和减速，它是廉价感的动效和恰到好处的动效之间最大的区别。大多数界面动效都很短，只有零点几秒，既能帮上忙，又不会让人等待。

微交互

微交互是围绕单一任务的细小瞬间：给帖子点赞、切换一个设置、下拉刷新。每个微交互都有触发、响应，有时还带一点个性。许多产品正是在这些地方展现自己的品牌。

人人适用的动效

有些人看到屏幕上的运动会头晕或恶心。操作系统允许他们开启“减少动态效果”，网站也可以通过 prefers-reduced-motion 设置来尊重这一选择。为每个动画设计一个平静的版本，也是这份工作的一部分。

品牌动态图形

除了界面，你还会为品牌元素制作动画：自行组合成形的标志、带动态文字的社交媒体帖子、简短的产品循环动画。你会在 Figma 中做原型，并用 AI 工具快速探索创意和故事板。