logoto.video logologoto.video
logoto.video / Use cases / McDonald's

動態標誌設計:先有決定,再談工具

動態標誌設計是五個決定,而不是五套工具:輪廓、進場、定位、停留與聲音。上傳你的標誌,在瀏覽器中逐一測試。

McDonald's logo

為何McDonald's需要 Logo 動畫

動態標誌設計是五個決定,而不是五套工具:輪廓、進場、定位、停留與聲音。上傳你的標誌,在瀏覽器中逐一測試。 Animate your logo with this brand style: a short-form video in minutes. No animator, no agency, no After Effects — just upload and ship.

先做輪廓測試

在做任何動態之前,先把標誌縮到四十像素看看。在那個尺寸下不及格的動態標誌設計,不可能靠動畫救回來 — 一個在手機上糊成灰的字標,動起來也一樣會糊成灰。動態只會放大靜態標誌原本的樣子。

一個拍點一個動作,不是一格一個

動態標誌設計最常見的錯誤,是讓標誌在每一個拍點上都有事做。一個品牌片頭要讀起來像經過設計,應該是進場占一個拍點、定位落在下一個拍點,之後的每一個拍點什麼都不做。那份靜止是一個決定,而不是空白。

定位需要一個停點,而不是一路漂移

一段緩緩就定位、卻始終沒有真正到達的動畫,即使時間點正確,讀起來仍然像沒做完。設計上的決定是:讓定位落在重拍上的一個明確畫面,剩下的交給停留 — 而這正是「抵達」的標誌與「遊移進場」的標誌之間的差別。

停留,才是品牌被記住的時刻

要讓人在一臂之遙的手機上讀完一個名字,最少需要半秒的靜止。一個從頭動到尾的動態標誌,只會讓觀眾盯著一個已經準備離開畫面的字標 — 停留不是空轉的時間,它是品牌唯一清晰可讀的時刻。

在瀏覽器中測試這些決定

上傳去背標誌、挑選畫面與配樂,序列就會自動對準音樂的節拍標記剪接。換一張畫面、調整標誌大小、再匯出一次 — 五個決定可以在一個下午內測試完畢,而不是跑一輪設計流程;上線期間 720p、1080p 與 4K 匯出免費。

如何使用

1

Upload your logo

McDonald's logo
2

Choose frames

McDonald's logo animation frame 1 — beat-synced logo video templateMcDonald's logo animation frame 2 — beat-synced logo video templateMcDonald's logo animation frame 3 — beat-synced logo video templateMcDonald's logo animation frame 4 — beat-synced logo video template
3

Download your video

Why animate your logo

動態標誌設計通常被歸類到軟體那一類,而這就是第一個錯誤的轉彎。工具是簡單的部分 — 任何時間軸都能讓一個形狀動起來,任何範本都能給你一個進場。真正的工作,是在任何一格畫面移動之前就做好的一張簡短決定清單:標誌縮小後還撐不撐得住、進場由哪一個拍點承載、定位停在哪裡、停留跑多久,以及這支片子到底有沒有聲音。這五個答案,決定了成品讀起來是一份經過設計的品牌資產,還是一個被人做成動畫的檔案。

輪廓的決定排在第一,因為它事後救不回來。一個在四十像素下讀得出來的標誌,動起來也讀得出來;一個在那個尺寸下糊成灰的標誌,在動態中只會糊得更快,因為眼睛能解析它的時間更短。在挑選風格、格數或配樂之前,先用手機實際顯示的尺寸測試標誌,就能剔除這個類別中大部分令人失望的結果。

第二個決定是分配。品牌片頭不是音樂錄影帶,而那種想讓標誌在每個拍點都有事做的直覺,正是動態標誌設計最常見的錯誤。會成功的版本是:一個動作給進場、一個給定位,之後的拍點什麼都不給。那份靜止不是空白;它是設計中讓動作產生意義的那個部分。

接著是定位,而這正是動態標誌設計與「動畫這門工藝」差最多的地方。一個始終沒有真正到達的緩出,讀起來就是漂移;而漂移即使時間點在數學上完全正確,讀起來仍然像沒做完。讓定位落在重拍上的一個明確畫面並停在那裡,是一個關於自信的決定,而不是關於軟體的決定。如果停下來的瞬間看起來太突然,該修的是縮短進場,而不是把結尾收得更軟。

停留是最後一個決定,也是影片太長時第一個被砍掉的決定。要讓人在一臂之遙的手機上讀完一個名字,最少需要半秒,以每秒三十格計算就是十五格的靜止 — 這段長度對做動畫的人來說顯得過長,對看的人來說卻幾乎是一瞬間。刻意設計這段靜止,正是把一個會動的標誌,變成品牌可以沿用多年的動態標誌設計的關鍵。

適合

正在定義動態規範的品牌品牌重塑與標誌改版正在撰寫規範的設計團隊沒有動態設計師的創辦人代理商的概念提案階段給整個團隊用的社群範本

常見問題

什麼樣的動態標誌設計才算好?

有四件事做了大部分的工作:標誌在移動時依然清晰可讀、進場在一秒內結束、定位落在強拍上而不是緩緩飄停,以及停留長到足以讀完名字。四項都做到的動態讀起來像設計過的作品;少了停留的那個,讀起來就像一個範本。

動態標誌應該多長?

社群片頭抓 2 到 4 秒,其中約半秒進場、定位落在重拍上,再加上至少半秒的停留。頻道片頭與活動大螢幕可以跑到 5 到 8 秒,因為觀眾已經決定要看了。不管哪一種,進場本身都應該在一秒內結束。

動態應該從標誌長出來,還是套上去?

從標誌長出來。一個從標誌自身幾何推導出動作的動態標誌設計 — 弧線的曲率、筆畫的重量、形狀收合的方式 — 看起來會像理所當然。從一種與標誌原本繪製邏輯無關的風格移植過來的動態,看起來就是套上去的,而觀眾說不出所以然,卻感覺得到差別。

做動態標誌需要動態設計師嗎?

如果是圍繞標誌幾何打造的訂製序列,有設計師會比較好。但對多數品牌每週實際在發的那種片頭來說,不需要:一旦選好畫面與配樂,時間點的決定就是機械性的,而瀏覽器工具會直接把序列對準節拍標記剪接,不需要時間軸、關鍵影格編輯器或算圖佇列。

一個品牌需要幾種動態標誌版本?

三種就幾乎涵蓋所有需求:一支 2 到 4 秒的社群片頭、一段給網站與電子郵件簽名檔的無聲循環,以及一支五秒版本給頻道片頭與活動大螢幕。三者都來自同樣的畫面、同一首配樂與相同的標誌大小,而這正是讓品牌在不同版本之間維持一致的原因。

來自部落格

面向動態優先品牌的工作流程、參考資料和策略。

Video is where customers are: 91% of businesses use video as a marketing tool (Wyzowl), and Wistia's retention data shows a short, branded opener keeps viewers longer than a static frame.

已被 15,000+ 新品牌信赖

Create your mcdonald's logo video

Upload your logo, pick a few frames, and export a vertical brand video in minutes.