MG動畫是動態圖像（Motion Graphics）的簡稱，用文字、圖示、圖表、介面畫面與品牌元素組成畫面，再加上移動、縮放、變形與轉場，讓資訊照著旁白或字卡的節奏出現。它不以角色演出劇情為主，擅長把看不見的流程、抽象的服務與一串數字講清楚，常見於服務說明影片、系統功能介紹、數據報告與片頭片尾。製作流程從需求與腳本開始，經過視覺風格、分鏡、動態製作到配音輸出；報價則取決於片長、畫面複雜度、素材來源、語言版本與修改輪數。
MG動畫的定義：讓圖形與文字照節奏動起來
MG 的素材大多是平面元素：標題字、數字、箭頭、圖示、圖表、地圖、產品照片的去背圖，以及軟體或 App 的介面截圖。動態的作用是安排資訊出現的先後順序，例如先出現問題、再出現解法，或讓長條圖依時間逐步長高，讓觀眾的視線跟著重點移動。
它可以是一整支說明影片，也可以只是其他影片裡的一部分：實拍影片的人名字卡、片頭的標誌動態、訪談中跳出的數據圖表，都屬於 MG 的應用。和 2D 角色動畫相比，MG 不需要設計角色的造型與表情，畫面重心放在資訊排版；兩者也常一起使用，用角色帶出情境，再用 MG 圖表說明細節。
適合用 MG 呈現的內容：說明影片與數據
- 服務流程：申辦步驟、報修流程、物流或金融服務的運作方式，用編號、箭頭與圖示串起來，比請人演出更好理解。
- 系統與 App 功能：把介面畫面放大、框出按鈕，再用游標動態示範操作路徑。介面改版時，這類畫面就要跟著更新。
- 數據與報告：營收趨勢、市場分布、調查結果。圖表動畫要維持正確的比例與軸線，並在畫面上標明資料來源與期間。
- 品牌標誌與片頭片尾：標誌動態、字卡模板，讓同系列影片有一致的開場與結尾。
- 展場、門市與社群：靜音循環播放的螢幕，或社群上的短片，可以只靠字卡與圖示傳達重點。
反過來，要證明公司真的存在、團隊真的在做事的內容，例如工廠、門市與服務現場，實拍比較有說服力。
MG、實拍與 3D 動畫怎麼選
| 比較面向 | MG 動畫 | 實拍影片 | 3D 動畫 |
|---|---|---|---|
| 擅長的內容 | 流程、功能、數據與抽象概念 | 人物、場地、產品實際使用情形 | 內部結構、機構運作、尚未量產的產品 |
| 主要素材 | 文字、圖示、圖表與介面畫面 | 拍攝畫面與收音 | 3D 模型、材質與燈光 |
| 更新方式 | 保留分層專案檔，可替換單一畫面 | 內容變動多半要補拍 | 模型修改後要重新算圖 |
| 委託前要準備 | 旁白稿、品牌規範、數據與介面畫面 | 場地、人員、拍攝許可 | 工程圖或模型檔、尺寸與材質 |
三者可以混用：形象影片以實拍為主，原理說明段落改用 MG；產品的 3D 畫面也能搭配 MG 標註規格。三種形式的完整比較與企業動畫流程，可參考動畫製作的 2D、MG、3D 差異。
MG動畫製作流程與每一關要確認的事
- 需求單：寫下播放位置、目標觀眾、畫面比例、語言版本與上線日期，作為各家報價的共同基準。
- 腳本與旁白：先定稿要講的內容與字卡文字。MG 的畫面跟著文字走，腳本一改，後面的畫面都要跟著調整。
- 視覺風格稿：挑幾個代表畫面做成完稿，確認配色、字型、圖示風格與圖表樣式符合品牌規範。
- 分鏡與動態預覽：排出每個畫面的內容與出現時機，配上暫用旁白確認節奏。
- 素材分層與動態製作：設計檔依元素分圖層，標誌使用向量原始檔，再製作動態與轉場。
- 旁白、音效與配樂：放入正式旁白，調整音量與節奏。
- 修改與輸出：依約定輪數修改，輸出需要的比例、長短版本與字幕檔。
每一關都用書面確認定稿。風格稿確認後才改配色，已做好的畫面可能都要重做，所以修改輪數建議依階段分開約定。
畫面設計原則：閱讀時間、資訊層級與動態節奏
- 一個畫面一個重點：同時出現太多文字與圖示，觀眾不知道先看哪裡。重點用大小、顏色或位置區分層級。
- 留夠閱讀時間：字卡停留到一般觀眾能讀完再轉場，旁白與字卡內容一致，不要讓觀眾同時聽一段、讀另一段。
- 動態是為了引導：元素進場的方向與順序要符合閱讀邏輯，裝飾性的晃動與旋轉會分散注意力。
- 數據不能為了好看而變形：圖表縮放時保持比例，數字與來源和報告原文一致。
- 放在網頁上的循環動態：依 WCAG 的「暫停、停止、隱藏」準則，自動開始、持續超過五秒，又和其他內容一起呈現的動態資訊，要提供暫停、停止或隱藏的方式，除非該動態是活動中不可或缺的部分。網站也可以用 prefers-reduced-motion 偵測使用者是否在裝置上開啟減少動態的設定，再改顯示靜態畫面。
MG動畫報價會受哪些因素影響
| 因素 | 為什麼影響工時 | 怎麼控制 |
|---|---|---|
| 片長與畫面數 | 每個畫面都要設計與製作動態 | 先刪掉腳本中重複的段落 |
| 原創插畫或現成素材 | 原創圖示與插畫要另外繪製 | 確認現成素材的商業授權範圍 |
| 圖表與介面畫面 | 數據要核對，介面要錄製或重繪 | 提供定稿數據與測試帳號 |
| 旁白與語言版本 | 每種語言都要調整字卡與時間軸 | 一開始就列出需要的語言 |
| 比例與長短版 | 直式與橫式要重新排版 | 在分鏡階段就規劃版本 |
| 修改輪數與交付檔案 | 越晚修改，重做範圍越大 | 依階段約定輪數與原始檔交付 |
比較報價時，先把片長、風格稿張數、語言版本與修改輪數對齊，再看差價來自哪一項。挑選委外團隊的方法，可參考影片製作公司怎麼挑。
放上官網：影片頁、嵌入方式與載入效能
- 觀賞頁面：Google 搜尋中心建議，主要用來顯示單一影片的觀賞頁面，要有該影片專屬的標題和說明，並提供 Googlebot 能存取的有效縮圖；也可以用結構化資料描述影片。
- 嵌入 YouTube：在影片的「分享」選「嵌入」複製程式碼。改用 youtube-nocookie.com 網域即為隱私加強保護模式，嵌入播放器產生的觀看資料不會影響 YouTube 的瀏覽體驗。YouTube 說明也指出，自動播放的影片不會累積觀看次數。
- 短循環動態：web.dev 建議以靜音循環的影片取代大型動態 GIF，減少檔案大小。
- 首屏與延遲載入：放在首屏的影片，其海報圖或首格畫面可能被計入最大內容繪製（LCP），不要對它延遲載入；頁面下方的嵌入可以使用瀏覽器內建的延遲載入，但不要依賴滑動、點選或輸入這類使用者動作才載入影片。
常見問題
MG動畫和 2D 動畫是同一種東西嗎？
兩者都屬於平面動畫，但重點不同。MG 以文字、圖形與資訊的動態排列為主；2D 動畫通常以角色與場景演出情節。實務上常一起使用，例如 2D 角色帶出情境，再用 MG 圖表說明。
MG動畫一定要有旁白嗎？
不一定。展場螢幕或社群短片常在靜音狀態播放，可以只靠字卡與圖示傳達重點。官網的說明影片若有旁白，建議同時提供字幕，讓沒開聲音的觀眾也看得懂。
同一支 MG 動畫可以做成橫式與直式嗎？
可以，但要在分鏡階段就規劃。兩種比例的構圖不同，字卡與圖表位置都要重新排版；到輸出階段才提出，可能要重做部分畫面，報價時就把需要的比例寫清楚。
產品介面改版後，功能說明動畫要整支重做嗎？
不一定。製作時若保留分層的專案原始檔，通常只要替換有變動的介面畫面與字卡。委託時在合約約定交付原始檔與使用範圍，日後更新會比較容易。
MG動畫裡的配樂可以自己找來用嗎？
要先確認授權。配樂與音效的授權可能限定使用的平台、地區與期間，只放官網和用來投放廣告的條件也可能不同。委託製作時，請對方提供音樂與字型的授權證明。
本文由京采數位科技整理。我們自 2005 年起提供官網設計、系統開發與 Google SEO 服務，實際案例可見成果與案例。
想直接討論你自己的網站狀況，或需要一份初步的搜尋機會評估？
相關主題
下一步
委託製作前，先決定 MG 動畫要放在官網哪些頁面、是否需要獨立的影片頁，以及用 YouTube 嵌入還是自行託管。京采不代製動畫；內容策略服務可以協助規劃影片要支援的頁面與主題、影片頁的標題與說明、嵌入方式與載入效能，以及影片的結構化資料。想討論影片在官網的安排，歡迎與我們聯繫。
