提示詞
將 [套用位置] 替換成你要套用的位置,再貼給 AI 代理。提示詞中包含動效名稱,下次只要說出名稱就能提出需求。
在[套用位置]加入「快閃」(Flash) 提示效果,也叫 blink。
元素快速淡出再淡入,閃爍兩次,然後保持完全可見。
只播放一次,不要無止盡地閃爍;快速閃爍可能讓人不舒服,所以對開啟了「減少動態效果」的使用者則略過。相似的動效
ABC
Flicker (閃爍)
別稱 Flickering
元素的不透明度像接觸不良的燈一樣不規則地閃動。
適用情境
霓虹和故障風效果
在[套用位置]加入「閃爍」(Flicker) 效果,也叫 flickering。
元素大部分時間保持穩定,偶爾像接觸不良的霓虹燈一樣短促、不均勻地變暗。
節奏要不規則而非等間隔,避免全強度的快速閃爍;對開啟了「減少動態效果」的使用者則停止。ABCD
元素像故障的霓虹燈一樣快速閃爍幾下,然後保持可見。
適用情境
霓虹和復古風格的文字效果
在[套用位置]加入「閃爍入場」(Flicker In) 進場動畫。
元素像故障的霓虹燈一樣,以不規則的間隔亮滅幾次後保持點亮:俐落的閃爍,沒有位移。
只播放一次,閃爍次數要少、速度不能太快,確保對光敏感的人也安全;如果使用者開啟了「減少動態效果」(prefers-reduced-motion),就直接以恆亮狀態顯示。A
Pulse (脈動)
別稱 Pulsing
元素反覆地輕柔縮放或淡入淡出。
適用情境
骨架屏載入、即時狀態指示、CTA 按鈕
在[套用位置]加入「脈動」(Pulse) 效果,也叫 pulsing。
元素要以緩慢、穩定的節奏輕輕膨脹再回縮:含蓄,不要有彈跳感。
無縫循環播放,不要讓周圍版面移動;如果使用者開啟了「減少動態效果」(prefers-reduced-motion),就停止動畫。ABCDEF
Neon Glow Text (霓虹發光文字)
別稱 Neon Sign Flicker, Glowing Text
文字像霓虹燈管一樣發光,並閃爍或脈動。
適用情境
夜生活、遊戲主題
在[套用位置]加入「霓虹發光文字」(Neon Glow Text) 效果,也叫霓虹招牌閃爍 (neon sign flicker) 或發光文字 (glowing text)。
文字像霓虹燈管一樣發出柔和、穩定的光,偶爾像真實招牌那樣短暫熄滅一下。
閃爍要偶爾出現而不是快速連閃,因為快速閃光可能傷害部分使用者;如果使用者開啟了「減少動態效果」(prefers-reduced-motion),就保持穩定發光。Emphasis 中的其他動效
A
Head Shake (搖頭)
別稱 Headshake, No Shake
元素帶著輕微旋轉左右擺動,就像搖頭表示「不」。
適用情境
輸入無效或操作遭拒
在[套用位置]加入「搖頭」(Head Shake) 提示效果,也叫 headshake 或 no shake。
元素要像搖頭表示「不」一樣,帶著輕微扭轉快速左右轉動,每次幅度都比上一次小,最後停穩。
每次觸發時只播放一次(例如操作遭拒時),並且不要讓周圍的版面跟著移動。A
Heartbeat (心跳)
別稱 Heart Beat
元素以雙拍節奏縮放,就像跳動的心臟。
適用情境
按讚和收藏圖示、直播狀態指示
在[套用位置]加入「心跳」(Heartbeat) 效果,也叫 heart beat。
元素要快速地連續膨脹、回縮兩次,接著稍作停頓再開始下一次,就像跳動的心臟。
無縫循環播放並保留兩次心跳之間的停頓;如果使用者開啟了「減少動態效果」(prefers-reduced-motion),就停止動畫。