一支新標誌在白底上被核准的那一刻，正是最不該開始動畫它的時刻。所有會在影片上出錯的東西——在 98 像素下塌掉的字標、為印刷而生的輪廓線、在壓縮匯出裡變成灰塊的透明區域——在設計團隊剛簽核的那個檔案裡都看不出來。
所以這份工作有特定的順序。六項檢查，全部都很便宜，全部都在還沒有任何關鍵影格之前完成。一次坐著把它們做完，動畫就只是二十分鐘的事；跳過它們，動畫就變成重做。如果你之前沒動畫過標誌，機制部分在如何動畫一個標誌裡有涵蓋；這篇談的是在那之前必須成立的一切。
影片標誌不是一個標誌檔
第一個觀念修正：影片標誌不是一個不同的標誌。它是同一個標誌，只是活在嚴苛得多的條件下，而這會改變哪些決定是關鍵。
印刷標誌只被看一次，在舒服的尺寸下，印在一個不會再被壓縮的表面上。影片標誌則是在 98 像素的頭像裡、手臂伸長的距離下，經過已經丟掉精細細節的有損編碼之後被觀看，有時還會有一條字幕條蓋在畫面下方三分之一處。這些都不是在批評設計。它只是另一種觀看條件，而能撐過它的素材，是在把這些條件放在心上時做出來的。
這正是下面的檢查為什麼是這個順序。先是小尺寸，因為它最具決定性，也最晚修最貴。接著是技術屬性，再來是畫面尺寸，然後是動態處理，最後是匯出。前三項任何一項顛倒，都要付出重畫的代價。如果你手上的標誌從未被設計成會動，相關的限制都收錄在標誌動畫真正需要什麼裡。
步驟 1 · 在 98 像素下測試標誌
把標誌以真實顯示尺寸匯出，放在手機上，看它一秒鐘。不要放大、不要在螢幕上、不要在高解析度下旁邊還擺著檔名看。
通常有三者會失敗。細線條完全消失——原稿裡一像素的細線，縮放後什麼都不剩。負空間縮起來，所以字腔被填滿、字母黏在一起。而任何漸層都會壓平成一塊中間色，這會在無聲無息中改變符號與字標之間的顏色關係。
解法不是把全部重畫。而是去決定最小的版位要顯示什麼。給頭像用的純符號版本、給寬版位用的符號加字標版本，是標準的切分方式，它花的是一個下午，而不是一次品牌重塑。
在大畫布上設計、在小尺寸下決定，就是整套方法，而這是一個在之後每個素材上都會回饋你的習慣。同樣的道理也適用於最後進到 GIF 裡的標誌靜態版本：那個格式強迫你做同樣的簡化，這正是為什麼即使你只發影片，也值得理解標誌 GIF背後的調色盤限制。
步驟 2 · 確認透明是真的
一個標誌檔可以「看起來透明」卻不是。把 PNG 打開在深色背景上，確認標誌周圍的區域是真的空無，而不是一塊剛好被模擬背景蓋住的白色長方形。
這在影片上比在任何其他地方都更重要，因為動態標誌會被合成在照片背景上——說話的人頭、產品照、夜晚的城市景觀。標誌後方的一塊白底會立刻以「一塊白底」的姿態現形，再多動態設計也藏不住。半透明的柔和陰影是另一個常見失敗：一旦編碼器對 Alpha 通道取平均，它們讀起來就像一塊灰框。
安全的格式是 SVG 和帶有真實 Alpha 通道的 PNG，而在你匯出前，值得知道兩者的差別：PNG 支援完整的 Alpha 混合，而 GIF 格式每幀只限一個完全透明索引，這正是柔和邊緣在那裡顯得參差的原因——w3.org — PNG specification。如果你的唯一檔案是 JPEG，那你還沒有透明的標誌。
步驟 3 · 先決定最小的畫面
畫面尺寸是設計決定，不是匯出設定，而這組裡最小的那個決定了構圖。
直式 9:16 是一般內容組裡最緊的裁切——留給字標的橫向空間最少，所以這正是組合標（lockup）成立或得重做的地方。方形 1:1 是給裁切很兇的動態消息版位的安全中間值。橫式 16:9 最高到 4K，涵蓋 YouTube、網站首屏，以及任何實體空間螢幕上的內容。
如果內容以社群為優先，先做出直式版本，再向外延伸。從寬主檔往直式改，是導致最多重畫的錯誤，因為構圖當初是為直式畫面從未擁有的空間解決的。如果問題出在組合標而不是動畫，相關的排列慣例收錄在標誌影片基礎裡。
步驟 4 · 從標誌自身的幾何挑動態處理
動態處理應該能從標誌本身讀出來。有硬角的幾何符號適合遮罩揭曉或從零件組合而成，因為那個幾何已經暗示了零件從哪裡來。圓形或有機的標誌適合放射狀縮放或緩衝。必須保持可讀的字標幾乎什麼都不用做——短促的淡入加上停留就好。
行不通的，是從一份效果清單裡挑動畫、然後套用到眼前任何標誌上。這正是那個眾所皆知的錯誤背後的機制：標誌看起來像在違背自己的形狀移動，而觀眾即便說不出所以然，也會讀成業餘。
有兩個數值比效果的選擇更能決定結果：進場花了多少格，以及停止前後兩格發生了什麼。每秒 24 格下、少於 24 格的進場讀起來自信；40 格的進場讀起來像在等。而一個抵達後突然死停的標誌，讀起來像跳接而不是動作，這正是為什麼在拉長任何時長之前，先加一個兩格的緩衝更值得。
步驟 5 · 在動畫之前先設定技術基準
把這四個數值寫下來一次，之後每次匯出都重複使用，因為平台規格會變，而憑記憶重做，就是一組素材在各頻道上變得不一致的起因。
幀率：有緩衝和停留的用 24，平台會大量重新編碼的用 30。長寬比：9:16、1:1 和 16:9，全部從同一個來源匯出，讓時序保持一致。時長：開場用一到三秒，發布剪輯用兩到六秒。還有色彩空間：匯出 Rec. 709，不要臨時發揮，因為一個在轉碼後偏移的飽和品牌色，比任何壓縮失真都糟，而且直到檔案在別人手機上播放之前都不會被發現。
平台數字值得查證而不是假設，因為它們的差異比人們預期的更大。Meta 的 Reels Publishing API 明確記載了它的要求——9:16 長寬比、建議 1080×1920 像素、最低 540×960、每秒 24 到 60 格，以及 H.264 或 H.265 壓縮、搭配二到五秒的封閉 GOP——developers.facebook.com — Reels publishing。正如那份規格所示，一到三秒的開場穩穩落在每條已發布的約束之內，所以限制因素是你自己的時序紀律，而不是平台的極限。
步驟 6 · 靜音、用動態消息尺寸觀看
最後一項檢查花九十秒，卻能抓出其他五項抓不到的失敗。把完成的影片匯出，用手機、在真實的動態消息尺寸下、不開聲音播放它。
如果關掉聲音，登場仍讀起來像刻意的，就表示時序扛起了工作、曲目只是加分。如果一靜音就讓剪接顯得隨便，問題出在剪接點、不在音樂——加一個 whoosh 或 riser 也修不好一個偏離節拍幾格的剪接。這也正是像節拍器般的網格在影格層級的精準能幫上忙的地方，而時序如何在一段持續時間中被表達的底層模型，記載在 W3C 的<a href="https://www.w3.org/TR/web-animations-1/">Web Animations specification</a>裡，如果你想搞清楚自己正在調整的是什麼，很值得一看。
發布前看它三次，而不是一次。第一次看的是標誌。第二次看的是時序。第三次看的是陌生人所看到的，而那才是唯一算數的。
擁有一個新標誌會改變工作的哪些部分
動畫一個既有標誌和動畫一個全新標誌之間，有一個結構性差異，而它決定了那六步順序你能跳過多少。
一個既有標誌已經在公眾面前通過這道濾網。它多年來出現在各種小尺寸素材上，有人曾抱怨過某個讀不出來的版本，而簡化後的變體很可能已經作為次要檔案存在。這些檢查仍然抓得到問題，但這個標誌通常已經在某處被測試過。
一個新標誌只在恰好一種情境下被測試過：一場簡報、舒服的尺寸、在一個沒人會滑過去的螢幕上。那是這個標誌一輩子會遇到最寬容的觀看條件。98 像素的頭像從沒被考慮過，透明的匯出可能還不存在，也沒人檢查過那個在海報尺寸站得穩的輪廓線，能不能活過一次影片編碼。
所以這六個步驟是刻意前置的：其中三項——小尺寸測試、透明檢查和畫面決定——是針對來源檔的檢查，而不是針對動畫。在動畫已經存在之後才修它們，意味著重做動畫。事先修好，花的是一個下午，而且多數情況下只是標誌的一個簡化變體。
如果你在投入完整製作之前，想要整套紀律的精簡版，一個動態標誌的構成——進場、緩衝、停留——在品牌實際使用的風格裡有清楚說明，而一旦你能叫出各種替代方案的名稱，要挑一種處理方式就簡單多了：動態標誌風格。
交接表
一頁數字，放在匯出檔旁邊。寫一次只要十分鐘，而它就是「一致的品牌」和「各自悄悄漂移的一組檔案」之間的差別。
來源檔：你拿來動畫的那個透明 SVG 或 PNG，其中簡化後的純符號變體要分開存檔。
動態：進場時長（格數）、停留長度（秒）、總時長，以及標誌處於最終狀態的那個處理情況的名稱。
技術：幀率、三種長寬比、色彩空間，以及你匯出時用的編碼器 profile。
音樂：曲目、它的速度（BPM），以及它已獲商業發行授權的確認。
之後每次重做時，都拿著那張表對照這六項檢查，而不是憑記憶。沒人會在六個月後還記得關鍵影格間隔，而品牌開場的第二版，往往就是不一致悄悄溜進來的地方。
常見問題
要讓新影片標誌成立，我需要什麼？
一個在 98 像素下讀得出來的標誌、檔案裡真實的透明、一個已決定的畫面尺寸、從標誌幾何衍生出的動態處理，以及一個你會重複使用的技術基準。動畫本身是最後一步、也是最短的一步——大部分的力氣都花在它之前的那些檢查上。
我只有 JPEG 的標誌，也能動畫嗎？
可以，但你得先把標誌摳出來。JPEG 沒有 Alpha 通道，所以標誌周圍是一塊實色，會明顯地壓在任何影片背景上。在動畫之前，先重新匯出成帶透明的 PNG 或 SVG，並在深色背景上檢查結果，確認 Alpha 是真的。
影片標誌動畫應該多長？
頻道開場用一到三秒，發布或宣布用途用兩到六秒。更長的版本通常一次扛了三個任務——標誌、標題和口號——而解法是刪掉其中兩個，而不是把三者的時序都壓緊。
直式和橫式需要不同的檔案嗎？
不同的長寬比，要；不同的時序，不要。從同一個來源檔匯出 9:16、1:1 和 16:9，讓進場時長、節拍對齊和停留長度保持一致。改變的只有標誌周圍的畫面，而這正是阻止一個品牌在三個頻道上像三家不同公司的關鍵。
動畫應該迴圈還是淡出？
用迴圈。回到首幀的自動播放影片，在動態消息裡讀起來是一個連續的整體；而淡出轉黑則像一段播完的短片，會被滑過去。同樣的素材、不同的結尾，觀看時間有明顯差別——所以硬切或迴圈，若真的需要，再把淡出留給網站首屏。
重點總結
在做任何其他事之前，先做第一步。把標誌以 98 像素匯出，放在手機上，看它一秒鐘——如果它在那個尺寸下站得穩，其他五項檢查就只是算術、而不是重新設計。每個最後重畫了動畫的團隊，都跳過了那項測試，因為最小的版位是唯一會對你說出標誌真相的地方。你可以在瀏覽器編輯器裡，用自己的檔案大約十分鐘就跑完它。