十种交互动画白话描述词

观点：交互设计的质感不靠技术栈，靠物理隐喻——十种 App 动效用日常语言把精确的物理行为说清楚，AI 就能生成有质感的前端动效代码，不需要你懂动画曲线参数。

主题切换圆形扩散（从触点扩散，半径=触点到最远角距离，底层内容不变形）、拖拽排序弹簧让位（其他行主动让位，手指停半路动画停半路）、批量勾选错峰出现（逐项打勾加弹性放大）、滑杆吸附惯性过冲（松手冲过目标再被刻度拉回，越快越过冲）、文本展开容器联动（高度随文字变化加箭头转 180 度）、步骤条回弹（先超调再回弹，传达”明确完成”）、开关联动涟漪（同组开关只震动不变状态，传达”操作的是组”）、卡片删除飞向角落（沿曲线缩小旋转渐隐，删除有方向）、卡片堆叠压缩（压缩程度=后面剩余数量）、标签选择放大让位（选中放大、相邻两侧让位）。收藏 1297 反超点赞 1088，印证这类即用型描述词是被持续需要的消耗品。

洞察：这套词划出了白话和参数的分工：白话描述管”生成初版”——触发条件加物理行为加完成信号三件套写给 AI 就够；生产级实现才需要回头补精确的动画曲线参数。它和库里那类精确术语加数值参数的描述词卡是互补关系，不是重复：一张管说得懂，一张管调得准。

启示：给 AI 写动效需求时套三件套——触发条件、物理行为（扩散、弹簧、惯性、涟漪）、完成信号；物理行为的选词越具体（“手指停半路动画也停半路”），返工越少。

提醒：白话描述适合生成初版，生产级还要补动画曲线参数。十种同时堆在一个页面会过度花哨，选一到两种匹配调性的即可。涟漪、堆叠压缩这类动效在低端设备上有性能风险，上线前要在真机低端档试。

---

📺 SpicyTater，抖音，2026-09-06 · 原视频 · 库内 2026-09-06-用大白话向AI描述10种App小程序高级交互动画指令10 · 速览 速览/2026-09-06-十种交互动画白话描述词