提示詞
將 [套用位置] 替換成你要套用的位置,再貼給 AI 代理。提示詞中包含動效名稱,下次只要說出名稱就能提出需求。
在[套用位置]加入「文字替換」(Text Replacement) 效果,也叫文字切換 (text swap)。
文字變化時,舊字元向上滑出,新字元從下方滑入,逐字形成快速而流暢的波動。
切換過程中不要讓文字框尺寸跳動,並且只向螢幕閱讀器朗讀新文字。相似的動效
ABDEFGHIJKLDEFMN
Word Rotate (文字輪替)
別稱 Rotating Words, Flip Words, Container Text Flip, Layout Text Flip, Rotating Text Wheel
句子中的一個詞以滑動、翻轉或淡入淡出的方式換成清單中的下一個詞。
適用情境
主視覺標語
在[套用位置]加入「文字輪替」(Word Rotate) 效果,也叫輪替詞 (rotating words) 或翻轉詞 (flip words)。
行內的一個詞向上滑出,清單中的下一個詞從下方滑入,每個詞停留片刻後再切換。
詞寬不同時不要讓這一行的其餘部分跳動,不要讓螢幕閱讀器朗讀每次切換;如果使用者開啟了「減少動態效果」(prefers-reduced-motion),就停止輪替。ABCDEFGHI
Morphing Text (文字變形)
別稱 Text Morph
一個詞在同一位置模糊並融合成下一個詞。
適用情境
首屏標語
在[套用位置]加入「文字變形」(Morphing Text) 效果,也叫 text morph。
一個詞在同一位置變模糊,以柔和、黏稠的方式融合成下一個詞,然後停留片刻再進行下一次切換。
詞語之間無縫循環,讓螢幕閱讀器把這些詞當作一般文字讀出;如果使用者開啟了「減少動態效果」(prefers-reduced-motion),就停止循環。A
Q
J
P
N
V
Y
HB
K
M
L
Z
W
T
XC
R
G
Q
J
P
N
VD
Y
H
K
M
L
Z
WE
T
X
R
G
Q
J
PF
N
V
Y
H
K
M
L
將滑鼠移到上面
Text Scramble (亂碼解碼文字)
別稱 ScrambleText, Text Decode, Encrypted Text, Text Unscramble, Hyper Text
文字被不斷刷新的隨機字元取代,並逐漸還原成最終的詞。
適用情境
科技風主視覺標題、連結懸停
在[套用位置]加入「亂碼解碼文字」(Text Scramble) 懸停效果,也叫文字解碼 (text decode) 或加密文字 (encrypted text)。
游標移到文字上時,每個字母快速閃過隨機字元,再從左到右依序定格為真正的字母。
亂碼過程中文字寬度不要跳動,讓螢幕閱讀器始終讀取真實文字,並且在鍵盤焦點時呈現同樣的效果。ABCD EFGHI JKLM
Mask Reveal (遮罩文字顯現)
別稱 Line Mask Reveal, Split Text Overflow Hidden Reveal, Text Masking
文字從一條裁切線後方向上滑出,彷彿憑空出現。
適用情境
編輯風格的大標題
在[套用位置]加入「遮罩文字顯現」(Mask Reveal) 文字進場效果,也叫行遮罩顯現 (line mask reveal) 或文字遮罩 (text masking)。
每一行文字從一條看不見的邊緣後方向上滑出,彷彿憑空出現,一行接一行,快速流暢,不要有彈跳感。
文字捲動進入畫面時只播放一次;如果使用者開啟了「減少動態效果」(prefers-reduced-motion),就直接顯示文字、不做動畫。Text 中的其他動效
ABCDEFGHIJKLMNOPQRSTUVWXYZ
在裡面捲動
Text Reveal (文字顯現)
別稱 Scroll Text Reveal, Word-by-word Reveal
隨著使用者捲動,段落中的文字從黯淡變為完全不透明。
適用情境
宣言或引言段落
在[套用位置]加入「文字顯現」(Text Reveal) 效果,也叫捲動文字顯現 (scroll text reveal) 或逐詞顯現 (word-by-word reveal)。
段落一開始是黯淡的,隨著使用者捲動,每個詞依序亮到完全清晰,與捲動位置綁定。
往上捲回時文字重新變暗;無論黯淡程度如何,整段文字都要始終能被螢幕閱讀器讀取。ABCDEFGHIJKL
移動指標試試
Text Reveal Card (文字顯現卡片)
別稱 Spotlight Text Reveal
在卡片上移動游標時,遮罩邊緣或聚光燈下隱藏的文字隨之顯露。
適用情境
功能卡片
在[套用位置]加入「文字顯現卡片」(Text Reveal Card) 效果,也叫聚光燈文字顯現 (spotlight text reveal)。
游標在卡片上移動時,一條垂直邊緣緊緊跟隨,在一側露出隱藏的文字:流暢、直接,沒有延遲。
在沒有游標可跟隨的觸控裝置上,讓拖曳或輕觸也能顯示隱藏文字,並讓隱藏文字可被螢幕閱讀器讀取。