提示詞
將 [套用位置] 替換成你要套用的位置,再貼給 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。
元素快速淡出再淡入,閃爍兩次,然後保持完全可見。
只播放一次,不要無止盡地閃爍;快速閃爍可能讓人不舒服,所以對開啟了「減少動態效果」的使用者則略過。