百貨公司手扶梯旁那種直立式燈箱廣告,設計邏輯其實跟限時動態很像。行人搭手扶梯經過的那幾秒,視線只會用餘光掃過去一次,能被看進眼裡的,通常只有燈箱正中段那一小塊乾淨區域,字放得太高容易被外框裁掉,放得太低又會被人潮和扶手擋住視角。相對地,一般的貼文或輪播圖比較像店面的陳列窗,路過的人可以停下來慢慢逛,四個角落遲早都會被看到。
這個對比,說的正是限時動態排版設計的核心限制:它天生是為「幾秒鐘、一條窄長直式畫面」服務的版位,不能照搬貼文或輪播圖那一套四平八穩的分散排法。把貼文的排版邏輯直接搬進限動,最常見的下場是重點被拆得太散,讀者滑過去的那幾秒根本抓不到你想講的是哪一件事,這也是不少品牌帳號經營一段時間,限動點擊率始終上不去的原因之一。
要解決這個問題,得先弄懂限動這塊畫布跟其他版位差在哪裡,再往下拆視覺重心怎麼抓、上下要留多少安全空間、多個元素疊在一起時又該怎麼排序。先從這塊畫布本身的形狀與觀看方式講起。
直式滿版和輪播貼文,是兩套不同的排版邏輯
限時動態是 9:16 的全螢幕直式畫面,Meta 建議的解析度落在 1080×1920 像素上下,而且一次只會顯示一張,通常幾秒鐘就自動切換到下一張,觀眾能做的動作只有輕觸暫停或滑掉跳過。貼文與輪播圖則多半用 4:5(約 1080×1350 像素)或 1:1(1080×1080 像素)這種相對方正的比例,擺在可以左右滑動、上下捲動的動態牆網格裡,觀眾可以停下來反覆比對、慢慢逛。

這個觀看行為的落差,才是限動排版跟貼文排版真正分家的地方。貼文網格裡,觀眾停留的時間相對長,資訊平均分散在畫面四個角落也沒關係,反正眼睛遲早會掃過去;限動只給幾秒鐘、只播一次,重點要是沒有集中在畫面上,讀者滑過去那一瞬間根本抓不到你想講什麼。這也是為什麼把貼文那套「資訊分散、四平八穩」的排版邏輯直接搬進限動,最容易失敗,不是設計得不好看,而是整套邏輯服務的觀看情境完全不同。
後面幾節要教的視覺重心、安全留白、疊層順序,都是為了服務限動這個「窄、直、看得快」的先天限制。先從最基本的視覺重心該落在哪裡講起。
直式構圖的視覺重心,該落在畫面的哪一段?
抓視覺重心最快的方法,不需要設計背景,只要在腦中畫一條線。把整個直式畫面想像成長邊三等分、短邊三等分的九宮格,四條線交會出的四個點,就是視線最先落下的甜蜜點,這套三分法原本是攝影與網頁設計常用的構圖工具,套進限動的直式比例一樣管用。
直式畫面因為縱長,視覺重心多半適合落在中上段,大約整體高度前三分之一到中線之間的區域。這裡離上緣的安全帶還有一段距離,又還沒被下緣常見的訊息框、互動貼紙卡住,是整張畫面最不容易被介面元素干擾的一塊。很多人排版時直接把主角置中,但置中只是把東西擺在畫面正中間,不等於「有重點」,找到一個明確的落點,才是重心真正該做的事。
用三分法,找出直式畫面的視覺焦點
實際操作時,先把畫面的垂直方向三等分、水平方向也三等分,兩條橫線與兩條縱線的交叉點,就是四個候選的視覺焦點。以 1080×1920 像素的畫布換算,兩條橫線大約落在畫面上緣往下 640 像素與 1280 像素附近,不用死背這兩個數字,重點是抓住「上緣往下三分之一」與「下緣往上三分之一」這兩條線的概念,把人臉、主要商品、標題文字盡量對齊其中一個交會點,而不是硬塞進畫面正中央。

讓照片本身的線條,替文字決定位置
三分法抓出候選點之後,還有一招可以疊加使用,那就是與其把文字硬塞進畫面中央,不如先看看背景照片本身有沒有天然的引導線,人物的視線方向、建築物的邊線、地平線、光影的分界,都算。順著這條線放文字或色塊,畫面會自然產生「這裡才是重點」的引導感,比死板置中更有主題性。比方說背景照片裡人物視線往左看,文字就順勢放在視線延伸的左側,讀者的視線會不自覺跟著人物的目光移動過去,自然而然就先看到文字。這個技巧跟三分法不衝突,兩個可以一起用。
上緣和下緣,各要留多少安全空間?
手機螢幕的上、下兩端,幾乎都會被 App 本身的介面蓋住:上緣有帳號頭像、使用者名稱、進度條;下緣有回覆訊息框、貼圖列,如果限動之後可能拿去下廣告,還會多一顆行動呼籲按鈕。把文字放進這兩塊安全帶以外的位置,等於是你的心血直接被藏進一個看不到的角落。
實務上抓留白的方式,通常是以整張畫布的高度按比例估算:上緣大約抓一成多,以 1080×1920 像素的畫布換算,大概是 200 到 300 像素上下;下緣至少留到一到兩成,如果你這則限動之後可能被拿來加強推廣、當成廣告素材,留白建議抓更保守一點,抓到三成左右;左右兩側各留約半成,避免不同機型裁切時吃到字。這幾個數字是規劃安全帶用的估算值,不同版位、不同時期都可能微調,實際排版前務必上 Meta 目前公告的最新規格再核對一次,不必死背成絕對值。

頭像、帳號名稱和訊息框,最容易擋住畫面的哪裡?
上緣安全帶對應的,主要是限動播放時固定顯示的三個元素:左上角的帳號頭像與使用者名稱、頂端那條標示播放進度的細條。下緣安全帶對應的則是觀眾隨時可以叫出來的回覆訊息框、貼圖列,部分帳號還會加上限動內建的連結、投票、提問等互動元件的入口。排版時與其記一串抽象的百分比,不如直接想像這幾個介面元素長什麼樣子、大概佔多少空間,重要的字跟畫面主體只要避開這幾塊,基本上就安全了。
重要文字和貼紙,往中間三分之一集中
把上下兩條安全帶扣掉之後,畫面中央大約還剩七到八成的核心可視帶,這就是所有重要文字、主視覺、互動貼紙該落腳的地方。而且越靠近正中央高度那一段,也就是前面三分法提到的中上段交會點,第一眼被看到的機率越高。換句話說,安全帶決定「哪裡絕對不能放」,三分法決定「剩下的空間裡,哪裡最該放」,兩者要一起看,才不會東西雖然沒被介面蓋住,卻擺在一個沒人會先看到的角落。
照片、文字、貼紙疊在一起,先後順序怎麼排?
限動很少只有一張乾淨的背景照片,常常一次疊上背景照片或影片、標題文字、次要說明、互動貼紙,有時候還要加投票、提問、連結這類互動元件。這幾層疊在一起最容易打架,看不清楚、互相蓋住、擠成一團,是限動排版最常出狀況的地方。
這裡有一個簡單好記的疊層心法:背景放在最底層,而且要主動降低它的存在感,好讓文字浮得出來;主標題疊在背景之上,佔住前面定位好的視覺重心;次要資訊與互動貼紙再疊上去,但位置要避開標題、也要避開上下安全帶。同一個畫面只挑一個視覺重點,其他元素都是配角,不要每個元素都想搶第一眼。

背景先做退讓,文字才看得清楚
具體做法有三種:在文字後方疊一塊半透明的深色或淺色色塊、把背景局部模糊處理、或者降低背景圖片本身的彩度與對比,這三種都能讓前景文字自然浮出來。比較容易犯的錯,是直接把文字硬貼在複雜背景上,靠加粗字體或描邊硬拼可讀性,效果通常不如先讓背景退一步。
貼紙和互動元素,不該疊在標題正上方
投票、提問、連結這類互動貼紙,常被隨手拖到畫面正中央,結果剛好蓋住主標題,或者不偏不倚擋在人臉正前方。比較安全的排序原則是,互動元件永遠讓位給主標題,放在標題下方,或者安全帶內側的次要位置,讓觀眾先看懂內容在講什麼,再看到可以互動的選項。這個順序也跟前面「安全空間」一節提到的下緣留白互相呼應,兩節可以一起檢查。
資訊分群和字級層級,決定畫面有沒有重點
畫面看起來有沒有「設計過」,關鍵通常不在字體選得好不好看,而是有沒有做好兩件基本功:分群跟層級。
分群指的是把一整段話拆成幾個小塊,例如標題、一句補充、一個行動呼籲各自獨立成一塊,中間留出明顯的間距,而不是全部擠成一段密密麻麻的文字;層級則是用字級大小、粗細做出主從關係,讓觀眾一眼就知道該先看哪一個。兩個原則合起來用,才是限動看起來「有質感」而不是「隨手貼字」的真正關鍵,比挑一款好看的字體重要得多。
資訊拆成一塊一塊,才不會擠成一片文字牆
判斷該不該分群其實有個簡單標準,如果一段文字裡包含超過一個訊息,比如同時寫著「活動時間」跟「活動地點」,就該拆成兩個獨立區塊,用比正常行距更大的間距隔開。眼睛一次只能舒服地消化一小塊資訊,整段掃過去才看得懂的排法,在限動這種只有幾秒鐘的版位裡,讀者多半還沒看完就已經滑走了。
標題比內文大兩倍左右,重點才夠明確
有一個好記的經驗法則,想讓重點夠明確,主標題的字級大約抓內文的兩倍左右,中間還可以再加一層過渡用的次標題字級,做出三層落差。差距抓得太小,整個畫面會顯得扁平、找不到焦點;差距抓得太誇張,又會顯得失衡、缺乏節制。這只是一個經驗法則,不是絕對公式,實際還要配合畫面的留白多寡、照片本身的視覺重量去微調。
沒有靈感時,可以先套用這三種直式版型
把前面幾節的心法收斂一下,大概可以濃縮成三個能直接套用的直式構圖範本,當成起手式而不是硬性模板,先挑一種下手,再照前面教的視覺重心、安全帶、疊層原則微調。這三種版型分別對應不同的視覺策略,適用情境也不一樣,分別是畫面本身就是主角、靠色塊讓文字浮出來、上下兩段各司其職。

滿版沉浸式:畫面本身就是主角
這個版型的做法很單純:用一張高品質、主體明確的照片或影片鋪滿整個 9:16 畫面,文字量壓到最少,可能只留一句標題,位置對齊前面教的視覺重心落點,安全帶內幾乎不放其他元素。適合畫面本身故事性夠強、不需要太多說明的情境,例如活動現場的一個關鍵畫面,或是產品本身就很吸睛的開箱瞬間。
色塊對比式:先讓文字浮出來,再談美感
背景圖片這次不用裁切、維持完整,差別在於文字所在的區域要疊上一塊半透明色塊或漸層,讓文字能穩穩地浮在畫面上,即使背景本身色彩複雜,也不影響閱讀。適合文字量中等、需要同時兼顧可讀性與畫面豐富度的情境,像是把促銷資訊或多個重點疊在一張氣氛照上。
上下分割式:一條線,把主視覺和輔助資訊分開
一條水平分隔線,或一塊色帶,就能把畫面切成上下兩段:上段放主視覺,像是照片跟主標題;下段放輔助資訊,像是一句補充說明、行動呼籲或互動貼紙,兩段各自對齊安全帶,不互相干擾。適合需要同時交代「重點畫面」跟「補充資訊」的情境,也是三種版型裡最貼合直式畫面天生上下動線的一種。
這幾個心法看起來零散,收束起來其實只是一個習慣——每次要發限動之前,花幾秒問自己三個問題:這則畫面的視覺重心,落在哪一段?上下有沒有留乾淨,不會被頭像、進度條或訊息框蓋住?疊了幾層元素,有沒有哪兩層正在打架?
回到一開始那座手扶梯旁的直立式燈箱廣告,路過的人只有幾秒鐘,眼睛只會落在中段那一小塊乾淨區域,設計者能做的,從來不是把所有訊息都塞進去,而是精準地把一件事放進那塊區域裡。限時動態排版設計要顧的,就是在幾秒鐘、一條窄長的畫面裡,把最重要的一件事講清楚。
