提示词
将 [应用位置] 替换为你要应用的位置,然后粘贴给 AI 智能体。提示词中包含动效名称,下次只说名称即可提出需求。
在[应用位置]添加“震动”(Vibrate)提示效果,也叫 buzz 或 vibration。
元素要像手机震动一样,向不同方向快速地细微颤动片刻,然后停下来。
动作幅度要非常小,确保内容仍然清晰可读;每次提醒只播放一次,不要循环。相似的动效
Shake (抖动)
别称 Shake X, Shake Y, Shake Horizontal, Shake Vertical, shakeX, Error shake, Wiggle, Invalid input shake, Headshake
元素沿一个方向快速来回抖动。
适用场景
表单错误反馈
在[应用位置]添加“抖动”(Shake)效果,也叫 error shake 或 invalid input shake。
元素要快速左右抖动几次,然后正好停在起始位置:快速、干脆。
每次出错时播放一次,不要循环;同时显示可见的错误提示,让含义不只依赖动画来传达。A
Head Shake (摇头)
别称 Headshake, No Shake
元素带着轻微旋转左右摆动,就像摇头表示“不”。
适用场景
输入无效或操作被拒绝
在[应用位置]添加“摇头”(Head Shake)提示效果,也叫 headshake 或 no shake。
元素要像摇头表示“不”一样,带着轻微扭转快速左右转动,每次幅度都比上一次小,最后停稳。
每次触发时只播放一次(比如操作被拒绝时),并且不要让周围的布局跟着移动。A
Rubber Band (橡皮筋)
别称 Rubberband
元素横向拉伸、纵向压扁,经过几次弹性变化后恢复原状。
适用场景
按钮反馈、吸引注意
在[应用位置]添加“橡皮筋”(Rubber Band)提示效果,也叫 rubberband。
元素要先横向拉宽、纵向压扁,再经过几次越来越小的弹性回弹,最后停在正常大小。
触发时只播放一次,并确保拉伸过程中周围布局不会移位。Emphasis 中的其他动效
A
元素像不稳的物体一样,带着倾斜左右摇晃。
适用场景
吸引用户注意图标或按钮
在[应用位置]添加“晃动”(Wobble)提示效果。
元素要带着倾斜左右摇晃,一开始幅度很大,每摆一次就变小,直到停稳。
触发时只播放一次,并避免相邻内容移位。A
Bounce (弹跳)
别称 Bounce (attention)
元素上下弹跳,弹跳幅度逐渐减小。
适用场景
向下滚动提示、行动号召按钮
在[应用位置]添加“弹跳”(Bounce)提示效果。
元素向上跳起再落下,快速弹跳几次,每次幅度越来越小,落地时略微压扁。
触发时只播放一次,不要循环;对开启了“减少动态效果”的用户则跳过。Flash (闪烁)
别称 Blink
元素通过快速切换不透明度来闪烁。
适用场景
提示有新内容
在[应用位置]添加“闪烁”(Flash)提示效果,也叫 blink。
元素快速淡出再淡入,闪烁两次,然后保持完全可见。
只播放一次,不要无休止地闪烁;快速闪烁可能让人不适,所以对开启了“减少动态效果”的用户则跳过。