调界面动效用这Skill核目的节奏

为 UI 动画应用缓动和跟随等原则。

animation-principles 是调整单项界面动效的 Skill。它根据进入、退出或状态变化选择缓动与节奏,帮助用户看清发生了什么,而不是单纯添动画。

原文给短到长的时长范围,实际还要看距离、频率和任务。快不总是更好,连续操作不能被长编排拖住,过快的状态变化也可能难以识别。

动画应可中断,用户再次操作时要核从哪个当前状态继续。减少动效偏好需要保留必要反馈;逐项延迟、总时长等示例只作调节起点,不是普遍验收标准。

适合已有一个动作、需要调清楚感觉的界面。本文未制作动画;transform 和 will-change 不保证自动更快,长期或大量使用仍可能增加资源成本,要在目标设备核,动效流畅也不代表交互任务成功。

分类:设计创作

来源仓库:owl-listener/designer-skills

适合用来做什么

  • 请为这个 UI 动作应用缓动动画效果。
  • 使用分层动画原理优化这个交互效果。

安装 animation-principles

npx skills add https://www.iskills.cc/skills/owl-listener/designer-skills/animation-principles/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 animation-principles 的用途与原始说明

浏览全部 Skill 指南