抖动 Shake
元素快速左右往复位移,传达"不行/有误"的否定语义
输入有误
**抖动(Shake)**是快速的左右往复位移,人类文化里“摇头”的 UI 翻译——不用一个字就能传达“不对、不行、有误”。它是错误反馈的通用肢体语言:密码输错时输入框抖一下,全世界用户都秒懂。
什么时候用:登录失败、表单校验错误、文件拖入失败。正确反馈别抖(用缩放或变色),抖动专属“否定”。
对 AI 说清楚的三要素:① 幅度(812px,过大像抽搐);② 往复 45 次衰减收尾;③ 时长 0.6~0.8s,并同步红色边框/文案。
复制即用的提示词片段
校验失败时输入框播放抖动动画(Shake):translateX 在 -10px 与 10px 间 往复 4~5 次、幅度渐弱,总时长 0.6~0.8s,配合红色边框出现。